block/themes-corporate-modernist
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
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

2.3 KiB
Raw Blame History

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.