themes-brutalist/RECOMMENDED_FONTS.md
Alex Dunmow 771a286fa9 initial: theme plugin brutalist
Bootstrapped during the 2026-06-06 BlockNinja consolidation. Was previously
an unversioned directory inside ~/src/blockninja-themes/brutalist.

Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
2026-06-06 14:11:21 +08:00

1.7 KiB
Raw Permalink Blame History

Recommended Fonts — Brutalist

fonts.json ships empty ([]) per the wave-1 policy in /home/alex/src/blockninja/themes/docs/FONTS.md. No woff2 files are bundled in this build pass; the theme uses CSS variable fallback stacks until an admin assigns fonts in the typography panel.

All three roles below are available in the Google Fonts tab of the typography picker. Open the typography panel, pick from the Google Fonts tab, and assign:

Role Source Family Notes
Heading google:Space Grotesk Space Grotesk Display / wordmark face. The whole point of the theme is that it lives at 200pt+. Bold (700) is what the templates default to.
Body google:Inter Inter 1618px body copy with generous tracking. Weights 400 and 600. (Inter Tight is an acceptable swap if you prefer tighter setting.)
Mono google:JetBrains Mono JetBrains Mono 11px mono captions, figure numbers, timestamps, metadata. Weights 400 and 700.

CSS fallback chain (already in the theme)

Until those assignments land, every font-family declaration in the theme flows through CSS custom properties with the following fallback stacks:

var(--font-heading, "Space Grotesk", "Inter Tight", "Helvetica Neue", Helvetica, Arial, sans-serif)
var(--font-body, "Inter", "Inter Tight", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif)
var(--font-mono, "JetBrains Mono", "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace)

Wave-2 follow-up (out of scope)

The wider design system roadmap calls for shipping a custom display face for Brutalist. When that lands, replace this doc with a LICENSES.md and add the woff2 family to fonts.json per the schema in docs/FONTS.md.