
Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- White page with central layered pink graphic and monochrome portrait, flanked by a fine horizontal timeline and small date labels; giant black title below.
- Type
- Giant regular black uppercase sans title; compact labels and pills.
- Color and surface
- White, pink, black and grayscale.
- Components
- Layered central collage, horizontal date rule, giant bottom title and pill navigation.
What makes it work
- Layered pink and monochrome collage
- thin lateral rule
- giant black uppercase title
On a new subjectFor a public geology timeline, layer a pink graphic over a monochrome rock image, cross it with a thin lateral rule and set a huge black uppercase title beneath.
Measured
Fonts loadedMaterial Icons, Font Awesome 6 Brands, Font Awesome 6 Free, Helvetica Neue
H148px / 400
Body text16px
Page backgroundtransparent
Text color#595959
Page height7,794px
Computed CSS at 1440px, 2026-10-24.
Live behavior
- Today
- The USPS Delivers article uses a white page with a compact horizontal brand/navigation bar, breadcrumb, large dark sans-serif headline, short reading-time line, summary paragraph, and two pale rounded topic tags. A broad article image begins below; a vertical row of outlined sharing controls sits along its left side. A large light-gray cookie notice with a blue Accept button overlays the lower part of the desktop opening. Tablet and phone use a compact centered logo, hamburger and search controls, with the headline and article text stacked in a single column; the cookie notice occupies much of the lower viewport.
- Responsive
- At 1440×1000 the headline spans two lines in a centered content column below the full navigation bar. At 768×1024 and 390×844 the top navigation becomes hamburger, centered logo, and search; the headline wraps into two and four lines respectively. The cookie notice remains visible over lower content in these screenshots. These samples do not establish breakpoint thresholds or whether the notice is fixed.
- Scroll
- The desktop-scroll capture is at actual scrollY 750. It shows the large article image, a vertical sharing rail, several paragraphs below the image, and the cookie notice near the bottom. The header remains visible at the top in this captured frame, but one frame does not establish sticky behavior.






