Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- A dark page shows a grid of large rounded photographic-looking people images dimmed beneath a huge centered white and purple two-line headline. Colored pill actions sit top left and a white segmented menu sits top right.
- Type
- Large bold rounded sans headline with purple emphasized word; compact uppercase pill labels.
- Color and surface
- Near-black, dimmed image tiles, white and violet headline, mint and violet pills.
- Components
- Overlay a large centered white and purple headline on a darkened rounded image grid, with colorful pills and a white segmented menu above.
What makes it work
- Darkened rounded image grid
- Centered large white and purple headline
- Violet and mint pill actions
- White segmented menu
On a new subjectFor a public volunteer network, overlay a centered white and purple headline on a darkened grid of rounded community images, with violet and mint pills and a white segmented menu.
Measured
Fonts loadedGoogle Sans
H1122px / 700 / -6.1px
Body text16px
Page backgroundtransparent
Text color#000000
Page height9,370px
Computed CSS at 1440px, 2026-10-24.
Live behavior
- Today
- A dark rounded hero fills the opening with a grid of rounded people photographs, darkened behind a huge centered white headline with one lavender word. Mint and lavender pill actions sit near the upper left, while a white segmented menu/account/language control sits upper right. A white cookie panel covers lower-left hero in later desktop and ordinary narrow captures.
- Responsive
- Tablet and phone use a three-line centered headline and a compact icon-based white navigation bar; desktop action pills are not visible in the narrow captures. The headline declares Google Sans 122px desktop, 102px tablet and 62px phone. Ordinary phone consent obscures the lower title and subtitle; fresh phone has no consent panel and reveals the full headline and lower caption.
- Scroll
- At actual desktop scrollY750 the rounded hero bottom and a logo strip lead to a white section with centered dark statement, circular portraits and lavender action. The consent box remains at lower left and covers some next-section content; source logo relationships are not independently verified.
