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:
-
Specimen: Paper
L≈99% hue≈250(light near-white), Display Grotesk-sans (Space Grotesk 500/600), Accent Electric cobaltoklch(58% 0.20 256) -
Midnight: Paper
L≈13% hue≈250(dark indigo), Display Serif-heavy (Instrument Serif), Accent Dark-blueoklch(20% 0.12 250) -
Brutal: Paper
L≈8%(very dark), Display Monospaced (JetBrains Mono), Accent Bright redoklch(70% 0.30 10) -
Garden: Paper
L≈96% hue≈95(botanical light), Display Rounded-sans (Plus Jakarta Sans), Accent Pear-yellowoklch(86% 0.18 95) -
Atelier: Paper
L≈96% hue≈30(warm cream), Display Serif-light (Instrument Serif), Accent Warm-amberoklch(58% 0.18 35) -
Newsprint: Paper
L≈75%(mid-tone), Display Classic serif (Newsreader), Accent Ink-blueoklch(20% 0.12 250) -
Terminal: Paper
L≈12%(terminal-black), Display Monospaced (JetBrains Mono), Accent Phosphor-greenoklch(70% 0.20 140) -
Manifesto: Paper
L≈98%(high-contrast light), Display Display-heavy (Big Shoulders Display 800), Accent Hot-orangeoklch(70% 0.30 30) -
Almanac: Paper
L≈94%(warm parchment), Display Serif-humanist (Libre Baskerville), Accent Earth-brownoklch(55% 0.10 30) -
Sport: Paper
L≈95%(energetic light), Display Slab-sans (Inter 600), Accent Athletic-blueoklch(55% 0.25 220) -
Studio: Paper
L≈85%(cool-gray), Display Modern-sans (Inter), Accent Forest-greenoklch(58% 0.20 130) -
Riso: Paper
L≈93%(warm-paper), Display Rounded-sans (Space Grotesk), Accent Cyan-accentoklch(60% 0.20 200) -
Bloom: Paper
L≈97%(atmospheric light), Display Atmospheric-sans (Inter), Accent Soft-violetoklch(70% 0.10 260) -
Coral: Paper
L≈92%(warm-grey), Display Modern-minimal (Space Grotesk), Accent Coral-accentoklch(60% 0.18 15) -
Cobalt: Paper
L≈98.5% hue≈250(cool-light), Display Grotesk-sans (Space Grotesk 500/600), Accent Electric cobaltoklch(58% 0.20 256) -
Aurora: Paper
L≈13%(dark-cyan), Display Atmospheric-sans (Inter), Accent Cyan-glowoklch(70% 0.25 210) -
Editorial: Paper
L≈94%(neutral), Display Serif-neutral (Instrument Serif), Accent Ink-blackoklch(20% 0.12 250) -
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) -
Lumen: Paper
L≈13%night/L≈97%day (cool-light adaptive), Display Atmospheric-sans (Inter), Accent Indigo-accentoklch(58% 0.20 265) -
Hum: Paper
L≈97% hue≈95(warm-cream), Display Rounded-sans (Plus Jakarta Sans), Accent Multi-accent (pear-yellowH 95, sky-cyanH 235, coral-redH 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:
- Cobalt:
skills/hallmark/references/themes/cobalt.md— Defines the electric cobalt accent atoklch(58% 0.20 256)with Space Grotesk typography - Hum:
skills/hallmark/references/themes/hum.md— Documents the multi-accent system using three distinct hue values (pear-yellow, sky-cyan, coral-red) - Carnival:
skills/hallmark/references/themes/carnival.md— Specifies variable paper bands and duo-tone accent strategies - Lumen:
skills/hallmark/references/themes/lumen.md— Details the adaptive day/night paper band switching mechanism with indigo accents
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:
curl -s "https://instagit.com/install.md" Maintain an open-source project? Get it listed too →