Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- Soft cyan-to-orange and red gradient fills the page; large centered white sentence near the top includes outlined pill phrases. The PROGRESSIVE capsule is partly white-filled with black text over the fill and white text on the remaining outlined end. A compact dark rounded navigation bar sits at the bottom.
- Type
- Large regular white sans statement, uppercase capsule phrases including black text over a partial white fill, and small navigation labels.
- Color and surface
- Blended cyan, orange, red and pale lavender; white and charcoal.
- Components
- Large sentence with contrasting outlined and partly white-filled inline capsules, small centered identity and bottom pill navigation.
What makes it work
- Soft multicolor gradient
- Large centered white sentence with inline capsule phrases
- Dark bottom navigation
On a new subjectFor a public climate education project, use a soft cyan-to-orange-red gradient with a large centered white statement interrupted by capsule phrases and dark bottom navigation; a capsule may use a partial white fill with contrasting text.
Measured
Fonts loadedGeist, landour
H1120px / 800
Body text16px
Page backgroundlab(0 0 0)
Text colorlab(95.8929 0.0439584 2.67313)
Page height11,772px
Computed CSS at 1440px, 2026-10-24.
Live behavior
- Today
- Driftime Media opens on a black canvas with a compact rounded dark header containing a white DRIFTIME wordmark and hamburger icon. The large white uppercase headline “THE GUIDE TO YOUR HERO” dominates the page, with three wide rounded image cards beneath it showing an impact report in a field, a CeHDI laptop, and colorful paint. At actual scrollY=750 the image cards continue above an introductory paragraph and “What We Do” button; the next olive-gray section begins with a large cream “STRATEGY” heading.
- Responsive
- At 1440×1000 the large headline occupies two lines above three cards in one row. At 768×1024 the headline scales down and the cards appear as a horizontally arranged, partly clipped row. At 390×844 the headline wraps to three lines and the first card fills most of the visible content width, with part of the next card at the right edge. Phone measurements report a 452px document width against a 390px viewport (62px wider); the screenshots show only the viewport slice and do not establish the cause.
- Scroll
- At actual scrollY=750 the screenshot shows the lower parts of the three image cards, an introductory sentence about Driftime’s impact-first partnership, a white “What We Do” button, and the beginning of the olive-gray Strategy section. The header is not visible in this frame; the sample does not establish whether it is fixed or sticky.
