Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- The visible webpage inside the laptop has a pale cyan hero with a compact logo and horizontal navigation across the top. Below, a large magenta three-line headline and short supporting paragraph occupy the left; a simple dark outlined hand stacking blocks balances the right. A small circular down cue sits near the lower-left. Laptop, browser chrome, stone plinth and hot-pink surround are presentation framing, not page content.
- Type
- Large bold rounded sans headline in magenta; smaller dark sans eyebrow and body; compact navigation. Exact font and dimensions unknown.
- Color and surface
- Pale cyan page, magenta headline/action accent, dark text and illustration. Hot-pink surround and gray stone are framing; they do not establish page colors.
- Components
- Header logo/navigation, asymmetric two-column hero, oversized headline, supporting copy, line illustration and circular down cue.
What makes it work
- Light uncluttered hero field
- Left headline/support copy balanced by right conceptual illustration
- Compact top navigation
- Small lower continuation cue
On a new subjectFor a public health appointment service, use a light hero with a left message and brief explanation, a right line illustration showing a person scheduling care, compact navigation and a small continuation cue. Replace consultancy-specific copy and hand/block metaphor.
Measured
Fonts loadedBricolage Grotesque, Figtree
H1120px / 700 / -4.8px
Body text19.7472px
Page background#ffffff
Text color#004646
Page height6,983px
Computed CSS at 1440px, 2026-10-24.
Live behavior
- Today
- A pale blue rounded hero pairs oversized pink multiline headline and dark teal copy on the left with a hand-and-block illustration at right; logo, horizontal navigation and pink circular arrow sit above. A white section continues below.
- Responsive
- Tablet/mobile replace navigation with MENU and place the illustration below the headline and paragraph. The headline wraps at captured widths.
- Scroll
- At scrollY 750 the next white section pairs an illustration left with a large heading, supporting copy and pink button right.
