Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- Inside a pictured laptop, a deep red header and blue field frame three tall photographic-looking cards with bold white uppercase captions and magenta buttons. A separate pictured phone shows a venue list; its relation to desktop is shown but responsive behavior is untested.
- Type
- Heavy uppercase slab-like white card captions; compact uppercase controls.
- Color and surface
- Deep red, blue, magenta and cream with vivid photographic-looking cards.
- Components
- Three tall image cards on blue carry white bold uppercase captions and magenta buttons beneath a deep red header.
What makes it work
- Deep red header and blue field
- Tall image cards
- Bold white uppercase captions
- Magenta buttons
On a new subjectFor a public youth sports program, place tall activity-image cards with bold white uppercase captions and magenta buttons on a blue field under a deep red header.
Prompts
Measured
Fonts loadedInter, fontSoehneMono
H116px / 400
Body text16px
Page background#fff5e0
Text color#590707
Page height9,266px
Computed CSS at 1440px, 2026-10-24.
Live behavior
- Today
- Desktop has a deep red header with SIXES identity, booking buttons, and an enormous centered cream slogan extending across a burgundy upper field into a repeated video/photo strip. t2 changes the sports footage frame. Hovering VENUES opens a large green venue menu with venue choices and preview image. Scroll y=750 moves to a large rounded media panel with play affordance. Tablet and mobile preserve the oversized slogan but wrap/crop aggressively; mobile has compact hamburger/wordmark/booking bar.
- Responsive
- 1440×1000 uses full horizontal navigation and large slogan over repeated footage; 768×1024 keeps logo/menu/book control and headline is clipped horizontally; 390×844 compresses header and stacks/wraps slogan over a vertical repeated media strip. Document heights are 9266, 9679, and 9613 CSS px.
- Scroll
- At y=750, header remains at top and view shows a large inset video/photo panel with centered play control and decorative side stripes.
