Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- Within a bounded dark page, a teal-lit cinematic photographic-looking scene fills the frame. White condensed uppercase title and small subtitle are centered; small left menu, centered logo, upper right buttons and bottom slide markers overlay it.
- Type
- Bold condensed uppercase title, small simple sans subtitle and navigation.
- Color and surface
- Dark green, teal and black image with white text and subtle gray controls.
- Components
- A full-field dark cinematic scene carries a centered condensed white title, compact corner controls and tiny bottom slide indicators.
What makes it work
- Dark cinematic photographic-looking scene
- Centered white condensed title and small subtitle
- Compact top navigation
- Bottom slide indicators
On a new subjectFor a public astronomy program, use a dark cinematic photographic-looking night scene, centered white condensed title and subtitle, compact navigation and bottom indicators.
Measured
Fonts loadedSuisseintl Condensed, Suisseintl
H272px / 600 / -1.44px
Body text16px
Page backgroundoklch(0.1448 0 0)
Text coloroklch(0.9761 0 0)
Page height8,638px
Computed CSS at 1440px, 2026-10-24.
Live behavior
- Today
- Dark full-bleed project footage fills the desktop view behind a centered white condensed title and small subtitle. A small vertical utility list is at upper left, centered identity above, compact buttons at upper right and a numeric indicator below. The original desktop and gallery references show a different project frame and title, separate from these captures.
- Responsive
- Tablet and phone move the logo to the upper left and omit the desktop utility list while retaining two upper-right buttons and centered title. The phone ordinary and fresh frames show different project names and footage; separate load and timing prevent a pure viewport comparison.
- Scroll
- At actual scrollY 750 the hero gives way to a black ruled WORK divider and another image section with a partly clipped white statement. Upper utilities remain visible. The previous hero title still has DOM bounds but is not painted and is excluded.
