Hallmark Themes and Their Axis Values: Complete Catalog of the 20 Named Themes

Hallmark ships with 20 named themes, each defined by three diversification axes—Paper band (background lightness/hue), Display style (typeface family), and Accent hue (signature OKLCH color)—to create distinct visual identities according to the Nutlope/hallmark source code.

The Nutlope/hallmark repository provides a comprehensive catalog of 20 named themes for generating cohesive visual designs. Each theme is programmatically defined by specific axis values documented in the skills/hallmark/references/themes/ directory, using OKLCH color specifications and precise typeface selections to ensure perceptual uniformity across outputs.

Understanding the Three Diversification Axes

Every Hallmark theme is constructed from three axes that determine its visual identity:

  • Paper band: Specifies the background lightness (L%) and hue using OKLCH color space values, controlling the "paper" color of the design surface.
  • Display style: Defines the primary typeface family, weight, and stylistic classification (e.g., grotesk-sans, serif-heavy, monospaced).
  • Accent hue: Determines the signature accent color expressed as OKLCH values that appear sparingly across the page to create visual emphasis.

The 20 Hallmark Themes and Their Axis Values

The following 20 themes comprise Hallmark's internal catalog, listed with their specific axis configurations as implemented in the repository:

  1. Specimen: Paper L≈99% hue≈250 (light near-white), Display Grotesk-sans (Space Grotesk 500/600), Accent Electric cobalt oklch(58% 0.20 256)

  2. Midnight: Paper L≈13% hue≈250 (dark indigo), Display Serif-heavy (Instrument Serif), Accent Dark-blue oklch(20% 0.12 250)

  3. Brutal: Paper L≈8% (very dark), Display Monospaced (JetBrains Mono), Accent Bright red oklch(70% 0.30 10)

  4. Garden: Paper L≈96% hue≈95 (botanical light), Display Rounded-sans (Plus Jakarta Sans), Accent Pear-yellow oklch(86% 0.18 95)

  5. Atelier: Paper L≈96% hue≈30 (warm cream), Display Serif-light (Instrument Serif), Accent Warm-amber oklch(58% 0.18 35)

  6. Newsprint: Paper L≈75% (mid-tone), Display Classic serif (Newsreader), Accent Ink-blue oklch(20% 0.12 250)

  7. Terminal: Paper L≈12% (terminal-black), Display Monospaced (JetBrains Mono), Accent Phosphor-green oklch(70% 0.20 140)

  8. Manifesto: Paper L≈98% (high-contrast light), Display Display-heavy (Big Shoulders Display 800), Accent Hot-orange oklch(70% 0.30 30)

  9. Almanac: Paper L≈94% (warm parchment), Display Serif-humanist (Libre Baskerville), Accent Earth-brown oklch(55% 0.10 30)

  10. Sport: Paper L≈95% (energetic light), Display Slab-sans (Inter 600), Accent Athletic-blue oklch(55% 0.25 220)

  11. Studio: Paper L≈85% (cool-gray), Display Modern-sans (Inter), Accent Forest-green oklch(58% 0.20 130)

  12. Riso: Paper L≈93% (warm-paper), Display Rounded-sans (Space Grotesk), Accent Cyan-accent oklch(60% 0.20 200)

  13. Bloom: Paper L≈97% (atmospheric light), Display Atmospheric-sans (Inter), Accent Soft-violet oklch(70% 0.10 260)

  14. Coral: Paper L≈92% (warm-grey), Display Modern-minimal (Space Grotesk), Accent Coral-accent oklch(60% 0.18 15)

  15. Cobalt: Paper L≈98.5% hue≈250 (cool-light), Display Grotesk-sans (Space Grotesk 500/600), Accent Electric cobalt oklch(58% 0.20 256)

  16. Aurora: Paper L≈13% (dark-cyan), Display Atmospheric-sans (Inter), Accent Cyan-glow oklch(70% 0.25 210)

  17. Editorial: Paper L≈94% (neutral), Display Serif-neutral (Instrument Serif), Accent Ink-black oklch(20% 0.12 250)

  18. Carnival: Paper L≈88-95% (light-to-mid, varies by drop), Display Display-heavy (Big Shoulders Display 800), Accent Duo-tone per-drop (mustard + oxblood variations)

  19. Lumen: Paper L≈13% night/L≈97% day (cool-light adaptive), Display Atmospheric-sans (Inter), Accent Indigo-accent oklch(58% 0.20 265)

  20. Hum: Paper L≈97% hue≈95 (warm-cream), Display Rounded-sans (Plus Jakarta Sans), Accent Multi-accent (pear-yellow H 95, sky-cyan H 235, coral-red H 18)

Source Code Reference Files

Detailed specifications for each theme reside in the skills/hallmark/references/themes/ directory. You can inspect specific theme definitions using standard file operations:


# View the Cobalt theme axis definitions

cat skills/hallmark/references/themes/cobalt.md

# List all available theme reference files

ls skills/hallmark/references/themes/

The following themes include dedicated reference files documenting their precise axis values:

Summary

  • Hallmark provides 20 named themes with distinct visual identities defined by three diversification axes.
  • Each theme uses OKLCH color space values for perceptually uniform color specification across Paper band and Accent hue axes.
  • The Display style axis controls typography through specific font families (Space Grotesk, Instrument Serif, JetBrains Mono, etc.) and weight ranges.
  • Theme definitions are stored in skills/hallmark/references/themes/ with individual markdown files for detailed axis specifications.
  • Advanced themes like Lumen support adaptive paper bands for day/night modes, while Hum and Carnival implement multi-accent color strategies.

Frequently Asked Questions

What are the three diversification axes in Hallmark themes?

The three axes are Paper band (background lightness and hue in OKLCH), Display style (typeface family and weight), and Accent hue (signature color in OKLCH). These axes are documented under the "Axes (diversification)" heading in each theme's reference file to ensure consistent visual identity generation.

How are color values specified in Hallmark theme definitions?

Color values use the OKLCH color space format oklch(L% C H), where L represents lightness percentage, C represents chroma (saturation), and H represents the hue angle. For example, the Terminal theme uses oklch(70% 0.20 140) for its phosphor-green accent, providing device-independent color consistency.

Where are the theme axis values documented in the repository?

Theme axis values are documented in individual markdown files within the skills/hallmark/references/themes/ directory. Each file lists the three axes with specific OKLCH values for paper and accent hues alongside typeface selections, allowing direct reference to the source specifications.

What is the difference between the Specimen and Cobalt themes?

While both themes use Space Grotesk (500/600) as their display style and share the same electric cobalt accent color oklch(58% 0.20 256), they differ in their paper band specifications. Specimen uses a light near-white paper (L≈99%), whereas Cobalt uses a cooler light paper (L≈98.5%, hue≈250), creating subtle variations in background temperature despite identical typographic and accent choices.

Have a question about this repo?

These articles cover the highlights, but your codebase questions are specific. Give your agent direct access to the source. Share this with your agent to get started:

Share the following with your agent to get started:
curl -s "https://instagit.com/install.md"

Works with
Claude Codex Cursor VS Code OpenClaw Any MCP Client

Maintain an open-source project? Get it listed too →