Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- Inset yellow hero on pale pink field; oversized multiline black headline, support copy and magenta CTA at left; compact navigation above. Tilted books cross the panel edges and large abstract waves fill the right and lower areas.
- Type
- The display lettering is visually dominant; smaller navigation, labels or supporting copy are secondary where legible. Exact typeface, rendered font identity and CSS metrics are unknown.
- Color and surface
- Pale pink surround, saturated yellow/orange hero and wave layers, black copy and magenta action; book covers add teal, blue and red.
- Components
- Compact navigation, left headline/support/CTA, inset hero, large tilted books crossing edges, broad illustrated waves.
What makes it work
- Contrasting inset hero/surround
- Large left headline and support
- Visible action
- Large overlapping objects
- Broad illustrated waves
On a new subjectFor a cooking subscription, place a short invitation and signup action in a bright inset panel, with oversized cookbook objects crossing its edges and broad illustrated steam/waves on the opposite side.
Measured
Fonts loadedHello Organichand Webfont, Degular, Champ
H1120px / 700 / -1.2px
Body text12px
Page background#ffffff
Text color#000000
Page height12,965px
Computed CSS at 1440px, 2026-10-24.
Live behavior
- Today
- Bright yellow and orange organic background supports an oversized black rounded headline, product imagery, pill navigation, handwritten side note and pink action.
- Responsive
- Tablet and phone replace full navigation with Menu; headline, description and action stack above large product image.
- Scroll
- At scroll 750 a white section introduces centered heading and a row of colorful book cards.
