
Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- A deep green page centers enormous bright mint condensed uppercase headline interrupted by a small tilted interior photo, with pink illustrated sticker-like symbols to either side. A centered two-line description and ticket-like white action sit below; small header elements span top.
- Type
- Huge heavy condensed uppercase mint headline, medium regular mint sans explanation and small condensed action labels. Exact font and metrics unknown.
- Color and surface
- Deep green field, bright mint text, pink symbols, white ticket action and small color photo.
- Components
- Center a huge mint condensed uppercase headline on deep green, interrupt it with a small tilted photograph and pink sticker-like symbols, and place a centered explanation and ticket-like white action below.
What makes it work
- Deep green field and enormous mint condensed headline
- Small tilted photograph interrupting headline
- Pink sticker-like symbols
- Centered explanation and white ticket-like action
On a new subjectFor a public astronomy museum, center a huge mint condensed invitation on deep green, interrupt it with an original tilted observatory photo and pink star-like stickers, and retain centered explanation and ticket-like action.
Measured
Fonts loadedArchivo Black, Archivo Black Fallback, Manrope
H160px / 400 / -1.5px
Body text16px
Page background#fff5dd
Text color#111111
Page height5,668px
Computed CSS at 1440px, 2026-10-24.
Live behavior
- Today
- Full-bleed museum imagery sits behind a tilted yellow placard with heavy black uppercase text. A matching yellow identity, white top links and a magenta ticket button overlay the hero, followed by a black press-name strip. The gallery reference uses a different green promotional composition and is separate evidence.
- Responsive
- Tablet and phone replace the desktop navigation with a boxed menu and shrink the yellow placard. Tablet reveals the next cream section in the first viewport; phone shows a magenta ticket bar along the bottom. Background imagery differs across loads.
- Scroll
- At actual scrollY 750 a cream section presents a large black heading with yellow highlighted second word, supporting text and partially visible tilted photographs. The cream navigation and black press strip remain at the top in that frame.






