
Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- A photographic-looking dining scene fills the page. Large pale-cyan condensed uppercase title is left-aligned over it; a compact stacked pale and black navigation/watch panel sits top center, while outlined play and heart icons appear bottom left.
- Type
- Extremely large heavy condensed uppercase sans title; tiny compact uppercase labels.
- Color and surface
- Warm brown scene with pale cyan type and navigation, black watch strip and white outline icons.
- Components
- Overlay a huge left-aligned pale condensed title on a full-field warm image, with a centered two-tier navigation/watch capsule and outline action icons.
What makes it work
- Full-field photographic-looking scene
- Huge pale condensed uppercase left title
- Centered two-tier light and dark header
- Outlined action icons
On a new subjectFor a public oral-history archive, place a huge pale condensed uppercase left title over a warm photographic-looking community scene, with a centered light/dark two-tier header and outlined action icons.
Measured
Fonts loadedGirott, Focal, Focal Fallback
H1160px / 700 / -4.8px
Body text14px
Page background#ffffff
Text color#000000
Page height6,290px
Computed CSS at 1440px, 2026-10-24.
Live behavior
- Today
- A full-bleed film still supports a large white condensed uppercase title at left and a compact centered white utility bar with a black ticket strip below. A white privacy banner covers the bottom. The gallery reference shows a different film and no privacy banner, separate visual evidence.
- Responsive
- Tablet and phone center a smaller title over a different film image; the same stacked utility bars remain near the top. The privacy banner grows taller, with stacked full-width controls on phone. Its presence is a capture condition.
- Scroll
- At actual scrollY 750 a white section presents a horizontal row of film still cards and an uppercase section heading; the utility bars and privacy banner remain in view. The rightmost card is clipped and not treated as complete.






