Hero title: trial Eileen Caps Black, larger, stacked on phones #4

Merged

padreug merged 3 commits from feat/hero/eileen-caps-title into main

2026-09-20 21:08:37 +00:00

padreug commented

2026-09-20 21:08:21 +00:00

Owner

The face is very wide, so the title cap goes from 52rem to 68rem and the SVG is sized to the container rather than a vw value (the vw sizing made it overflow to the right on phones).

Below the sm breakpoint the title stacks one word per line with "du" at half size. Line offsets are absolute SVG units so the gap above and below "du" is equal, and a matchMedia listener re-runs the clip-box measurement when the layout flips.

Berry Rotunda stays as the fallback, so reverting is a one-line change if the trial doesn't stick.

Tries Eileen Caps Black (freeware, fontspace) for the hero wordmark in place of Berry Rotunda, self-hosted as woff2. The face has no circumflex, so the visible title reads "Chateau" unaccented; the screen-reader h1 keeps the accent. The face is very wide, so the title cap goes from 52rem to 68rem and the SVG is sized to the container rather than a vw value (the vw sizing made it overflow to the right on phones). Below the sm breakpoint the title stacks one word per line with "du" at half size. Line offsets are absolute SVG units so the gap above and below "du" is equal, and a matchMedia listener re-runs the clip-box measurement when the layout flips. Berry Rotunda stays as the fallback, so reverting is a one-line change if the trial doesn't stick.

padreug added 3 commits

2026-09-20 21:08:21 +00:00

feat(hero): trial Eileen Caps Black for the title wordmark 10bad148ea

Swap the hero SVG clip text from Berry Rotunda to Eileen Caps Black
(D. Rakowski, freeware, fontspace.com/eileen-caps-font-f2027), self-hosted
as woff2. The face has no circumflex glyph, so the visible wordmark reads
"Chateau" unaccented rather than splicing a fallback-font â into the word;
the screen-reader h1 keeps "Château du Faune". Berry Rotunda stays as the
fallback.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>

feat(hero): widen the title wordmark c2a3015fef

Eileen Caps is a very wide caps face, so at the old 52rem cap the title
came out shorter than the tagline above it. Raise the cap to 68rem and
size the SVG to the container width instead of a vw value, so it can't
spill past the container padding on phones.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>

feat(hero): stack the title one word per line on phones 75470ea7f3

Below the sm breakpoint the wordmark renders as three centered tspan lines
(Chateau / du / Faune) with "du" at half size, instead of a thin one-line
strip. Line offsets are absolute SVG units so the gap above and below the
small line is equal. A matchMedia listener flips the layout and re-runs
the clip-box measurement so the video clip refits when it changes.

Co-Authored-By: Claude Fable 5.1 <noreply@anthropic.com>

padreug merged commit 1ced09e728 into main

2026-09-20 21:08:37 +00:00

padreug deleted branch feat/hero/eileen-caps-title

2026-09-20 21:08:37 +00:00

padreug referenced this pull request from a commit

2026-09-20 21:08:38 +00:00

Merge pull request 'Hero title: trial Eileen Caps Black, larger, stacked on phones' (#4) from feat/hero/eileen-caps-title into main