themes-earthen/presets.json
Alex Dunmow 51d12fd6a1 feat(earthen): bundle Fraunces + Work Sans via @font-face + preset typography refs
Host BundledFonts is inert, so declare the two fonts.json families as
@font-face against /templates/earthen/fonts/*.woff2 and point every preset's
typography.fontHeading/fontBody at template:earthen:<Family> so --font-heading
and --font-body resolve to the bundled faces.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
2026-07-06 21:14:29 +08:00

231 lines
7.4 KiB
JSON

[
{
"id": "mossbed",
"name": "Mossbed",
"description": "Cream paper, deep moss primary, terracotta accent — the canonical Earthen look.",
"theme": {
"mode": "both",
"typography": {
"fontHeading": "template:earthen:Fraunces",
"fontBody": "template:earthen:Work Sans"
},
"lightColors": {
"background": "40 30% 96%",
"foreground": "120 25% 14%",
"card": "40 25% 98%",
"cardForeground": "120 25% 14%",
"popover": "40 25% 98%",
"popoverForeground": "120 25% 14%",
"primary": "120 28% 28%",
"primaryForeground": "40 30% 96%",
"secondary": "80 15% 88%",
"secondaryForeground": "120 25% 18%",
"muted": "40 18% 92%",
"mutedForeground": "100 12% 38%",
"accent": "18 55% 48%",
"accentForeground": "40 30% 96%",
"destructive": "8 70% 45%",
"destructiveForeground": "40 30% 96%",
"border": "90 12% 82%",
"input": "90 12% 82%",
"ring": "120 28% 28%"
},
"darkColors": {
"background": "120 18% 8%",
"foreground": "40 25% 92%",
"card": "120 18% 11%",
"cardForeground": "40 25% 92%",
"popover": "120 18% 11%",
"popoverForeground": "40 25% 92%",
"primary": "90 30% 60%",
"primaryForeground": "120 18% 8%",
"secondary": "120 15% 18%",
"secondaryForeground": "40 25% 92%",
"muted": "120 12% 15%",
"mutedForeground": "90 12% 60%",
"accent": "18 65% 58%",
"accentForeground": "120 18% 8%",
"destructive": "8 70% 50%",
"destructiveForeground": "40 25% 92%",
"border": "120 12% 22%",
"input": "120 12% 22%",
"ring": "90 30% 60%"
}
}
},
{
"id": "clay-field",
"name": "Clay Field",
"description": "Warm terracotta-led palette tuned for farm-stand and outdoor-brand sites.",
"theme": {
"mode": "light",
"typography": {
"fontHeading": "template:earthen:Fraunces",
"fontBody": "template:earthen:Work Sans"
},
"lightColors": {
"background": "30 35% 95%",
"foreground": "20 35% 16%",
"card": "30 30% 98%",
"cardForeground": "20 35% 16%",
"popover": "30 30% 98%",
"popoverForeground": "20 35% 16%",
"primary": "18 60% 42%",
"primaryForeground": "30 35% 95%",
"secondary": "35 25% 88%",
"secondaryForeground": "20 35% 16%",
"muted": "30 20% 92%",
"mutedForeground": "25 18% 38%",
"accent": "100 22% 38%",
"accentForeground": "30 35% 95%",
"destructive": "8 70% 45%",
"destructiveForeground": "30 35% 95%",
"border": "30 18% 82%",
"input": "30 18% 82%",
"ring": "18 60% 42%"
}
}
},
{
"id": "wet-loam",
"name": "Wet Loam",
"description": "Deep night-soil tones for conservation orgs that need quiet authority.",
"theme": {
"mode": "dark",
"typography": {
"fontHeading": "template:earthen:Fraunces",
"fontBody": "template:earthen:Work Sans"
},
"darkColors": {
"background": "90 20% 6%",
"foreground": "60 20% 90%",
"card": "90 20% 9%",
"cardForeground": "60 20% 90%",
"popover": "90 20% 9%",
"popoverForeground": "60 20% 90%",
"primary": "80 35% 55%",
"primaryForeground": "90 20% 6%",
"secondary": "90 15% 16%",
"secondaryForeground": "60 20% 90%",
"muted": "90 12% 13%",
"mutedForeground": "80 10% 58%",
"accent": "25 70% 55%",
"accentForeground": "90 20% 6%",
"destructive": "8 70% 50%",
"destructiveForeground": "60 20% 90%",
"border": "90 12% 20%",
"input": "90 12% 20%",
"ring": "80 35% 55%"
}
}
},
{
"id": "sage-morning",
"name": "Sage Morning",
"description": "Pale sage paper and honey light, misty forest dark — a softer, hopeful reading of the palette.",
"theme": {
"mode": "both",
"typography": {
"fontHeading": "template:earthen:Fraunces",
"fontBody": "template:earthen:Work Sans"
},
"lightColors": {
"background": "70 25% 95%",
"foreground": "130 20% 16%",
"card": "70 22% 98%",
"cardForeground": "130 20% 16%",
"popover": "70 22% 98%",
"popoverForeground": "130 20% 16%",
"primary": "140 25% 34%",
"primaryForeground": "70 25% 96%",
"secondary": "75 18% 87%",
"secondaryForeground": "130 22% 20%",
"muted": "70 16% 90%",
"mutedForeground": "110 10% 40%",
"accent": "38 62% 48%",
"accentForeground": "40 30% 97%",
"destructive": "8 70% 45%",
"destructiveForeground": "40 30% 96%",
"border": "90 12% 80%",
"input": "90 12% 80%",
"ring": "140 25% 34%"
},
"darkColors": {
"background": "140 15% 9%",
"foreground": "70 18% 90%",
"card": "140 15% 12%",
"cardForeground": "70 18% 90%",
"popover": "140 15% 12%",
"popoverForeground": "70 18% 90%",
"primary": "95 28% 58%",
"primaryForeground": "140 15% 9%",
"secondary": "140 12% 18%",
"secondaryForeground": "70 18% 90%",
"muted": "140 10% 15%",
"mutedForeground": "90 10% 58%",
"accent": "40 65% 56%",
"accentForeground": "140 15% 9%",
"destructive": "8 70% 50%",
"destructiveForeground": "70 18% 90%",
"border": "140 10% 22%",
"input": "140 10% 22%",
"ring": "95 28% 58%"
}
}
},
{
"id": "ember-loam",
"name": "Ember Loam",
"description": "Terracotta-led warm clay in light, firelight ember over deep loam in dark — moss becomes the accent.",
"theme": {
"mode": "both",
"typography": {
"fontHeading": "template:earthen:Fraunces",
"fontBody": "template:earthen:Work Sans"
},
"lightColors": {
"background": "28 38% 95%",
"foreground": "18 40% 15%",
"card": "28 32% 98%",
"cardForeground": "18 40% 15%",
"popover": "28 32% 98%",
"popoverForeground": "18 40% 15%",
"primary": "14 62% 44%",
"primaryForeground": "28 38% 96%",
"secondary": "32 26% 88%",
"secondaryForeground": "18 40% 16%",
"muted": "28 22% 91%",
"mutedForeground": "22 20% 38%",
"accent": "95 24% 34%",
"accentForeground": "28 38% 96%",
"destructive": "6 72% 44%",
"destructiveForeground": "28 38% 96%",
"border": "28 18% 81%",
"input": "28 18% 81%",
"ring": "14 62% 44%"
},
"darkColors": {
"background": "20 22% 7%",
"foreground": "35 25% 90%",
"card": "20 22% 10%",
"cardForeground": "35 25% 90%",
"popover": "20 22% 10%",
"popoverForeground": "35 25% 90%",
"primary": "22 72% 56%",
"primaryForeground": "20 22% 7%",
"secondary": "20 16% 17%",
"secondaryForeground": "35 25% 90%",
"muted": "20 14% 14%",
"mutedForeground": "30 14% 58%",
"accent": "90 30% 52%",
"accentForeground": "20 22% 7%",
"destructive": "6 72% 52%",
"destructiveForeground": "35 25% 90%",
"border": "20 14% 21%",
"input": "20 14% 21%",
"ring": "22 72% 56%"
}
}
}
]