Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- A black blue-grid left panel carries a large chat-like preview; the white right panel centers a serif statement and blue action.
- Type
- Large black serif headline contrasts with small sans support and navigation.
- Color and surface
- White field, black panel with blue lines, blue action and a colorful embedded illustration.
- Components
- Header links and buttons, nested chat mockup, announcement pill, statement, support and action.
What makes it work
- A split hero pairing a dark gridded preview panel with a centered serif statement on white.
On a new subjectFor a museum help desk, pair a gridded visitor-guide preview with a serif welcome and blue information action.
Measured
Fonts loadedInterVariable, LidoSTFCond, LyonText
H174px / 400 / -3px
Body text16px
Page backgroundoklch(1 0 0)
Text coloroklch(0.145 0 0)
Page height12,038px
Computed CSS at 1440px, 2026-10-24.
