63dfff0f19
@font-face for the 4 bundled families (8 woff2) served from /templates/brutalist/fonts/, typography refs in all 4 presets (Space Grotesk / Inter / IBM Plex Mono), required_icon_packs [lucide, simple-icons], and recaptured gallery screenshots (home/about/article x light+dark) with fonts now loading. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
223 lines
7.1 KiB
JSON
223 lines
7.1 KiB
JSON
[
|
|
{
|
|
"id": "concrete-red",
|
|
"name": "Concrete & Cadmium",
|
|
"description": "Paper-white concrete with a cadmium red accent. Black rules in light, paper rules in wet-concrete dark.",
|
|
"theme": {
|
|
"mode": "both",
|
|
"typography": {
|
|
"fontHeading": "template:brutalist:Space Grotesk",
|
|
"fontBody": "template:brutalist:Inter",
|
|
"fontMono": "template:brutalist:IBM Plex Mono"
|
|
},
|
|
"lightColors": {
|
|
"background": "40 14% 93%",
|
|
"foreground": "0 0% 4%",
|
|
"card": "40 10% 96%",
|
|
"cardForeground": "0 0% 4%",
|
|
"popover": "40 10% 96%",
|
|
"popoverForeground": "0 0% 4%",
|
|
"primary": "4 86% 48%",
|
|
"primaryForeground": "0 0% 100%",
|
|
"secondary": "40 8% 88%",
|
|
"secondaryForeground": "0 0% 4%",
|
|
"muted": "40 6% 90%",
|
|
"mutedForeground": "0 0% 35%",
|
|
"accent": "4 86% 48%",
|
|
"accentForeground": "0 0% 100%",
|
|
"destructive": "0 84% 50%",
|
|
"destructiveForeground": "0 0% 100%",
|
|
"border": "0 0% 4%",
|
|
"input": "0 0% 4%",
|
|
"ring": "4 86% 48%"
|
|
},
|
|
"darkColors": {
|
|
"background": "0 0% 6%",
|
|
"foreground": "40 14% 93%",
|
|
"card": "0 0% 9%",
|
|
"cardForeground": "40 14% 93%",
|
|
"popover": "0 0% 9%",
|
|
"popoverForeground": "40 14% 93%",
|
|
"primary": "4 86% 56%",
|
|
"primaryForeground": "0 0% 6%",
|
|
"secondary": "0 0% 14%",
|
|
"secondaryForeground": "40 14% 93%",
|
|
"muted": "0 0% 12%",
|
|
"mutedForeground": "40 6% 65%",
|
|
"accent": "4 86% 56%",
|
|
"accentForeground": "0 0% 6%",
|
|
"destructive": "0 84% 60%",
|
|
"destructiveForeground": "0 0% 100%",
|
|
"border": "40 14% 93%",
|
|
"input": "40 14% 93%",
|
|
"ring": "4 86% 56%"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "hazard-yellow",
|
|
"name": "Hazard",
|
|
"description": "Construction-site safety yellow. Ink type sits on yellow; wet-concrete dark glows.",
|
|
"theme": {
|
|
"mode": "both",
|
|
"typography": {
|
|
"fontHeading": "template:brutalist:Space Grotesk",
|
|
"fontBody": "template:brutalist:Inter",
|
|
"fontMono": "template:brutalist:IBM Plex Mono"
|
|
},
|
|
"lightColors": {
|
|
"background": "40 14% 93%",
|
|
"foreground": "0 0% 4%",
|
|
"card": "40 10% 96%",
|
|
"cardForeground": "0 0% 4%",
|
|
"popover": "40 10% 96%",
|
|
"popoverForeground": "0 0% 4%",
|
|
"primary": "48 100% 45%",
|
|
"primaryForeground": "0 0% 4%",
|
|
"secondary": "40 8% 88%",
|
|
"secondaryForeground": "0 0% 4%",
|
|
"muted": "40 6% 90%",
|
|
"mutedForeground": "0 0% 35%",
|
|
"accent": "48 100% 45%",
|
|
"accentForeground": "0 0% 4%",
|
|
"destructive": "0 84% 50%",
|
|
"destructiveForeground": "0 0% 100%",
|
|
"border": "0 0% 4%",
|
|
"input": "0 0% 4%",
|
|
"ring": "48 100% 45%"
|
|
},
|
|
"darkColors": {
|
|
"background": "0 0% 6%",
|
|
"foreground": "48 100% 88%",
|
|
"card": "0 0% 9%",
|
|
"cardForeground": "48 100% 88%",
|
|
"popover": "0 0% 9%",
|
|
"popoverForeground": "48 100% 88%",
|
|
"primary": "48 100% 52%",
|
|
"primaryForeground": "0 0% 6%",
|
|
"secondary": "0 0% 14%",
|
|
"secondaryForeground": "48 100% 88%",
|
|
"muted": "0 0% 12%",
|
|
"mutedForeground": "48 20% 65%",
|
|
"accent": "48 100% 52%",
|
|
"accentForeground": "0 0% 6%",
|
|
"destructive": "0 84% 55%",
|
|
"destructiveForeground": "0 0% 100%",
|
|
"border": "48 100% 88%",
|
|
"input": "48 100% 88%",
|
|
"ring": "48 100% 52%"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "riso-blue",
|
|
"name": "Riso",
|
|
"description": "Off-white with a riso-print electric blue. Cool concrete dark with a glowing blue accent.",
|
|
"theme": {
|
|
"mode": "both",
|
|
"typography": {
|
|
"fontHeading": "template:brutalist:Space Grotesk",
|
|
"fontBody": "template:brutalist:Inter",
|
|
"fontMono": "template:brutalist:IBM Plex Mono"
|
|
},
|
|
"lightColors": {
|
|
"background": "40 14% 93%",
|
|
"foreground": "0 0% 4%",
|
|
"card": "40 10% 96%",
|
|
"cardForeground": "0 0% 4%",
|
|
"popover": "40 10% 96%",
|
|
"popoverForeground": "0 0% 4%",
|
|
"primary": "222 89% 52%",
|
|
"primaryForeground": "0 0% 100%",
|
|
"secondary": "40 8% 88%",
|
|
"secondaryForeground": "0 0% 4%",
|
|
"muted": "40 6% 90%",
|
|
"mutedForeground": "0 0% 35%",
|
|
"accent": "222 89% 52%",
|
|
"accentForeground": "0 0% 100%",
|
|
"destructive": "0 84% 50%",
|
|
"destructiveForeground": "0 0% 100%",
|
|
"border": "0 0% 4%",
|
|
"input": "0 0% 4%",
|
|
"ring": "222 89% 52%"
|
|
},
|
|
"darkColors": {
|
|
"background": "222 20% 7%",
|
|
"foreground": "210 30% 92%",
|
|
"card": "222 18% 10%",
|
|
"cardForeground": "210 30% 92%",
|
|
"popover": "222 18% 10%",
|
|
"popoverForeground": "210 30% 92%",
|
|
"primary": "222 92% 62%",
|
|
"primaryForeground": "222 20% 7%",
|
|
"secondary": "222 14% 15%",
|
|
"secondaryForeground": "210 30% 92%",
|
|
"muted": "222 14% 13%",
|
|
"mutedForeground": "213 18% 66%",
|
|
"accent": "222 92% 62%",
|
|
"accentForeground": "222 20% 7%",
|
|
"destructive": "0 84% 60%",
|
|
"destructiveForeground": "0 0% 100%",
|
|
"border": "210 30% 92%",
|
|
"input": "210 30% 92%",
|
|
"ring": "222 92% 62%"
|
|
}
|
|
}
|
|
},
|
|
{
|
|
"id": "acid-lime",
|
|
"name": "Acid",
|
|
"description": "Off-white with an acid lime accent. Ink type on lime; wet-concrete dark with a lime glow.",
|
|
"theme": {
|
|
"mode": "both",
|
|
"typography": {
|
|
"fontHeading": "template:brutalist:Space Grotesk",
|
|
"fontBody": "template:brutalist:Inter",
|
|
"fontMono": "template:brutalist:IBM Plex Mono"
|
|
},
|
|
"lightColors": {
|
|
"background": "40 14% 93%",
|
|
"foreground": "0 0% 4%",
|
|
"card": "40 10% 96%",
|
|
"cardForeground": "0 0% 4%",
|
|
"popover": "40 10% 96%",
|
|
"popoverForeground": "0 0% 4%",
|
|
"primary": "84 78% 40%",
|
|
"primaryForeground": "0 0% 4%",
|
|
"secondary": "40 8% 88%",
|
|
"secondaryForeground": "0 0% 4%",
|
|
"muted": "40 6% 90%",
|
|
"mutedForeground": "0 0% 35%",
|
|
"accent": "84 78% 40%",
|
|
"accentForeground": "0 0% 4%",
|
|
"destructive": "0 84% 50%",
|
|
"destructiveForeground": "0 0% 100%",
|
|
"border": "0 0% 4%",
|
|
"input": "0 0% 4%",
|
|
"ring": "84 78% 40%"
|
|
},
|
|
"darkColors": {
|
|
"background": "90 12% 7%",
|
|
"foreground": "80 20% 92%",
|
|
"card": "90 10% 10%",
|
|
"cardForeground": "80 20% 92%",
|
|
"popover": "90 10% 10%",
|
|
"popoverForeground": "80 20% 92%",
|
|
"primary": "84 82% 52%",
|
|
"primaryForeground": "90 12% 7%",
|
|
"secondary": "90 8% 15%",
|
|
"secondaryForeground": "80 20% 92%",
|
|
"muted": "90 8% 13%",
|
|
"mutedForeground": "82 15% 66%",
|
|
"accent": "84 82% 52%",
|
|
"accentForeground": "90 12% 7%",
|
|
"destructive": "0 84% 60%",
|
|
"destructiveForeground": "0 0% 100%",
|
|
"border": "80 20% 92%",
|
|
"input": "80 20% 92%",
|
|
"ring": "84 82% 52%"
|
|
}
|
|
}
|
|
}
|
|
]
|