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

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

58 lines
2.3 KiB
Markdown

# Recommended fonts — Corporate Modernist
This theme ships `fonts.json = []`; it does not bundle any woff2 files. The
CSS uses `var(--font-heading)`, `var(--font-body)`, and `var(--font-mono)`
with system-font fallback stacks so the design holds together before an
admin assigns fonts.
Per `docs/FONTS.md`, the spec's typography list is treated as **recommended
Google Fonts**. Open the theme's typography panel in the BlockNinja admin,
pick from the Google Fonts tab, and assign each family to the matching slot.
## Heading / display — `Inter Tight`
- Source: `google:Inter Tight`
- Where to assign: Open the typography panel, pick "Inter Tight" from the
Google Fonts tab, assign to **Heading**.
- Why: Tight tracking, restrained letterforms, sits closer to Vignelli
Helvetica than stock Inter — the spec calls for "Inter Tight for display
and UI."
## Body / long-form — `Inter`
- Source: `google:Inter`
- Where to assign: Open the typography panel, pick "Inter" from the Google
Fonts tab, assign to **Body**.
- Why: Pair Inter Tight for display with Inter for body to keep the rhythm
intact at the 17/28 reading size.
## Mono / figures — `JetBrains Mono`
- Source: `google:JetBrains Mono`
- Where to assign: Open the typography panel, pick "JetBrains Mono" from the
Google Fonts tab, assign to **Mono**.
- Why: Used for `stat_pair` figures and `case_study_card` metrics. Tabular
numerals are critical for financial table alignment.
## Quick set-up summary
1. Open **Admin → Typography**.
2. Switch to the **Google Fonts** tab.
3. Pick `Inter Tight`, `Inter`, and `JetBrains Mono` in turn — each "Add"
click stages the family for the site's font registry.
4. Assign:
- **Heading** → Inter Tight
- **Body** → Inter
- **Mono** → JetBrains Mono
5. Save. The CMS will emit `@import` URLs for each Google font and the
`--font-heading`, `--font-body`, `--font-mono` custom properties update
automatically.
## Why no bundled woff2s
Wave-1 implementation policy in `docs/FONTS.md` asks every theme to ship
`fonts.json = []` in this build pass. Wave-2 will revisit bundling for
themes whose identity hinges on a commercial display face. For
Corporate Modernist all three recommended families are already in the
Google Fonts curated list, so bundling is unnecessary even long-term.