Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- A black bounded page contains an oversized upper-left white high-contrast serif letterform, a widely distributed tiny top navigation and a bold white three-line statement at lower left with an underline.
- Type
- Huge high-contrast serif letterform, bold sans lower statement and tiny uppercase sans navigation.
- Color and surface
- Solid black and white.
- Components
- An oversized upper-left white high-contrast serif letterform and bold lower-left sans statement occupy a black field under widely distributed navigation.
What makes it work
- Solid black field
- oversized upper-left white high-contrast serif letterform
- Bold lower-left white sans statement and underline
- Distributed small top navigation
On a new subjectFor a public typography archive, use an oversized upper-left white high-contrast serif letterform on black above a bold lower-left white sans statement with underline and distributed small top navigation.
Measured
Fonts loadedInter
H172px / 600 / -2.16px
Body text16px
Page background#000000
Text color#131313
Page height8,136px
Computed CSS at 1440px, 2026-10-24.
Live behavior
- Today
- A stark black opening places a very large white high-contrast serif initial at upper left, small white uppercase navigation across the top, and a large bold sans proposition low at left. A thin underline anchors its last line. A black bordered cookie bar occupies the lower right. The broad empty center is a dominant part of the composition.
- Responsive
- Tablet retains the five-part top row, but its cookie bar covers the lower headline. Phone replaces that row with brand and underlined MENU, shrinks the initial and headline, and the bottom cookie bar covers most of the latter. Headline declares Inter 72px desktop, 64.512px tablet and 38px phone; the initial is artwork and has no assigned text font.
- Scroll
- At actual scrollY750 the first heading moves partly above the viewport and a large centered second statement enters near the bottom. Fixed top labels collide with the first heading and the cookie bar covers the new statement; these overlaps are recorded as limitations, not reproduction requirements.
