Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- A dark navy bounded page centers a dense white particle-like vertical cloud behind a large white sans headline. Small top navigation and a pale rectangular action sit above.
- Type
- Large regular white sans heading and small sans navigation.
- Color and surface
- Dark navy, white speckled cloud and pale action.
- Components
- A dense white particle-like cloud rises behind a centered white headline on dark navy with compact navigation.
What makes it work
- Dark navy field
- Dense white particle-like vertical cloud
- Centered white sans heading
- Compact navigation and pale action
On a new subjectFor a public atmospheric-science exhibit, place an original dense white particle-like cloud behind a centered white sans title on dark navy, with compact navigation and pale action.
Measured
Fonts loadedmainFont, mainFont Fallback
H115.9998px / 400
Body text15.9998px
Page background#fffaf6
Text color#0f131a
Page height16,711px
Computed CSS at 1440px, 2026-10-24.
Live behavior
- Today
- The opening is a full-bleed, darkened close view of industrial converting machinery and a broad white paper web, with a white Nfinite wordmark at upper left and compact white navigation plus a pale Contact us button at upper right. A large centered white sans statement fills the lower third; its latter words are muted gray. The machine imagery changes between the saved frames.
- Responsive
- Tablet keeps the brand and Contact us at opposite upper corners and centers a smaller three-line statement near the bottom. Phone uses a tight crop of the moving paper roll, keeps the same two corner controls, and places the statement against the bottom edge; the ordinary phone capture cuts off the statement, while the separate reduced-motion capture shows it fully. These saved images show responsive compositions, not a guaranteed rule for every width.
- Scroll
- The desktop-scroll measurement records actual scrollY 750. Its screenshot shows the lower edge of the hero, a horizontal row of packaging examples and the beginning of a centered explanatory heading. The sticky top controls overlap the departing hero text; only unobscured portions are treated as visible. This one position does not establish the rest of the page or scroll behavior beyond it.
