Vercel
Ultra-clean and precise developer aesthetic. Airy light surfaces pair with sharp monochrome typography and subtle glowing centerpieces.
Visit siteColour
Background#fafafa
Text#171717
Accent#0070f3
Surface#ffffff
Muted#4d4d4d
Typefaces
- Display
- GeistSans
- Body
- GeistSans
- Mono
- Geist Mono
- Source
- self_hosted
- Scale
- 11 · 12 · 14 · 16 · 24 · 56
Layout
- Grid
- 3 columns
- Container
- 1368px
- Spacing base
- 6px
- Radius
- 6px · 9999px
Capture
- Category
- tools
- Sections
- 3
- Captured
- 2026-08-30
- Rhythm
- light x3
Type rules
- display type tightly tracked at -0.06em
- body text set at 14px with line-height 1.5 and 62 characters per line
- monospaced labels for technical features and architecture lists
Colour rules
- monochrome light palette dominates layout
- high-contrast black buttons for primary actions, subtle gray borders on white surfaces
Voice rules
- terse, high-impact technical statements
- focus on agentic and developer tooling capabilities
Holds it together
- keep UI containers in crisp white with hairline #ebebeb borders against #fafafa backgrounds
- use centered glowing graphical elements to anchor large white-space heroes
- offset large sentence-case headers with tight 3-column asymmetric layout structures
Contrast
text on background17.2:1 AAA
muted text on background8.1:1 AAA
text on surface17.9:1 AAA
accent on background4.4:1 AA Large
background on accent4.4:1 AA Large
Type, measured
- Body
- 14px / 1.5
- Measure
- 62 characters
- Display
- 64px / 1
- Tracking
- -0.06em display
- Scale ratio
- 1.46
Voice
- Tone
- precise, declarative
- Sentences
- short
- Person
- second
- Vocabulary
- technical
- Calls to action
- deploy, talk, add
Built with
- Builder
- —
- Framework
- next
- Motion
- —
- WebGL
- yes
- Nav
- top_bar, 35 items
- Length
- 6.6 screens
Sections in page order
3 marked strong · 3- 00
hero
StrongSpacious, ethereal monochrome hero featuring a soft circular gradient vignette around glowing geometric nodes.
- Mood
- clinical + dreamy
- Layout
- 1 col · asymmetric · airy
- 01
feature
StrongClean, monochrome developer infrastructure showcase pairing high-contrast typography with a floating interactive AI chat mockup.
- Mood
- clinical + quiet
- Layout
- 2 col · split · airy
- 02
showcase
StrongCrisp, monochrome developer showcase pairing an oversized grotesque headline and customer proof with an embedded web UI preview.
- Mood
- clinical + bold
- Layout
- 3 col · split · airy
