Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- A full-width dark header sits above a profile hero. Huge cropped brush lettering occupies the upper-left background; a grayscale cutout portrait with a pale edge fills the right. Dark shading behind the lower-left profile label, condensed title, metadata and pill links separates text from imagery. Below, a roughly two-to-one editorial/text-and-facts split uses a large colored drop cap and a ruled statistics box.
- Type
- Very bold condensed uppercase identity/title and section labels contrast with rough broad brush background lettering and ordinary sans body text. The profile title is several times taller than its small label and metadata; no font identity or CSS sizes are measured.
- Color and surface
- Near-black editorial surface, gray/cream photographic field, white type, small saturated violet label/drop-cap accents and subdued rounded gray social links. White rules and an outlined fact box create the lower information structure.
- Components
- Compact horizontal header, cutout portrait hero, category chip, title/metadata, vote and social pills, drop-cap narrative, outlined fact table.
What makes it work
- Layered portrait and cropped rough lettering in a darkened hero
- Oversized condensed foreground title with small category and metadata
- Editorial body with prominent initial and separate outlined facts
On a new subjectFor an aviation-history archive, pair an original pilot portrait with oversized cropped route or call-sign lettering, place a condensed pilot name over a darkened lower hero, and follow with a drop-cap account and a ruled aircraft/service fact box. Replace character and social content; keep the poster/editorial hierarchy.
Measured
Fonts loadedGeist, Geist Fallback, Anton, Anton Fallback, Permanent Marker, Permanent Marker Fallback
H212px / 600 / 1.44px
Body text16px
Page background#09090b
Text color#f5f5f7
Page height11,104px
Computed CSS at 1440px, 2026-10-24.
Live behavior
- Today
- Black editorial page with small white brand and navigation, magenta subscribe pill, bordered breaking-story strip, enormous condensed white headline, subdued explanatory copy and groups of rounded filter chips. A large editorial image starts below.
- Responsive
- Tablet keeps horizontal navigation and wraps chips; mobile retains a subset of navigation and stacks breaking story, headline and filters.
- Scroll
- At scrollY 750 a large image-led story and another story headline appear beneath the retained header.
