Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- Dark forest photo frames a large centered desktop monitor. Within page: pale field, compact identity/chat/menu at top, huge cropped black wordmark, small suspended robot-like object crossing it, two-line tagline lower-left. Monitor/bezel/stand/forest are staged composite, not page UI.
- Type
- Within-page wordmark heavy black sans; small bold tagline and tiny controls; exact metrics unknown. Outer staging excluded.
- Color and surface
- Cool pale page and black wordmark; muted green-gray object. Forest/monitor are framing, not site colors.
- Components
- Inside page: brand, chat/menu, oversized cropped wordmark, central object, short tagline. Outside: monitor and forest.
What makes it work
- Oversized cropped page lettering
- One smaller object overlaps lettering
- Subordinate concise statement and top controls
On a new subjectFor an emergency-preparedness nonprofit, use oversized cropped organization name, overlap a small go-bag illustration, and keep one concise action statement with compact contact controls; exclude monitor/forest.
Measured
Fonts loadedInter, publicaPlay
H116px / 400 / -0.4px
Body text16px
Page backgroundtransparent
Text color#11181c
Page height8,301px
Computed CSS at 1440px, 2026-10-24.
Live behavior
- Today
- Pale blue field holds oversized cropped identity behind an illustrated robot and a compact two-line statement; rounded utility controls sit above.
- Responsive
- Smaller captures use compact menu and scale the hero; work text and project cards appear below.
- Scroll
- At scrollY 750 a large work statement and two project images follow the hero.
