Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- A charcoal page has a narrow top rule, small centered wordmark and About link. A huge condensed white uppercase title spans most width, with muted centered serif explanation beneath. The lower half shows layered colored horizontal bands; architect names attach as tab-like labels and category copy sits within bands.
- Type
- Very bold condensed uppercase title; refined serif supporting paragraph/names; small monospaced-looking labels. Exact font and metrics unknown.
- Color and surface
- Charcoal field, white title, muted gray serif copy, bright blue/teal/purple/red bands.
- Components
- Minimal header, monumental title, centered explanation, overlapping taxonomy bands with attached labels.
What makes it work
- Dark background
- Monumental condensed title
- Short serif context
- Layered category bands with attached labels
On a new subjectFor a city emergency-services guide, introduce the topic with a condensed display title and short premise, then organize response levels into broad overlapping color bands with each service name attached as a tab and concise details inside. Replace architecture history and claims.
Measured
Fonts loadedIBM Plex Mono, Signifier, Founders Grotesk
H1144.06px / 700
Body text16px
Page background#191919
Text color#fdfaf7
Page height1,584px
Computed CSS at 1440px, 2026-10-24.
Live behavior
- Today
- Black field, centered condensed white title, gray serif intro and layered blue, green, purple and red folder-like bands.
- Responsive
- Tablet and phone wrap the title into two lines and retain colored bands; phone crops lower band content.
- Scroll
- At y584 red panel and footer fill the frame.
