Mezmo
Engineered and clinical with crisp technical authority. Off-white canvases host sharp black typography, structured checklists, and deep terminal windows.
Visit siteColour
Background#f4f4f4
Text#0a090c
Accent#95c1cf
Surface#ffffff
Muted#8b949e
Typefaces
- Display
- Onest Variable
- Body
- Onest Variable
- Mono
- ui-monospace
- Source
- self_hosted
- Scale
- 11 · 12 · 13 · 14 · 16 · 19
Layout
- Grid
- —
- Container
- —
- Spacing base
- 4px
- Radius
- 8px
Capture
- Category
- tools
- Sections
- 9
- Captured
- 2026-08-29
- Rhythm
- light grey x2 → white → light grey → white → light grey → white → light grey x2
Type rules
- display in sentence case with tight leading
- monospace font used strictly for terminal interfaces and configuration callouts
Colour rules
- cool neutral background dominated by #f4f4f4 with crisp #ffffff containers
- dark CLI containers provide high-contrast focal points
Voice rules
- use structured technical nouns
- keep action items unambiguous
Holds it together
- use dark terminal previews to anchor developer-facing sections
- structure detailed capabilities into parallel checklist items
- keep interactive buttons outlined or filled with soft muted accents
Contrast
text on background18.1:1 AAA
muted text on background2.8:1 fail
text on surface19.9:1 AAA
accent on background1.8:1 fail
background on accent1.8:1 fail
Type, measured
- Body
- 16px / 1.5
- Measure
- 68 characters
- Display
- 48px / 1.05
- Tracking
- 0em display
- Scale ratio
- 1.32
Voice
- Tone
- declarative, confident
- Sentences
- medium
- Person
- second
- Vocabulary
- technical
- Calls to action
- get, talk
Built with
- Builder
- webflow
- Framework
- —
- Motion
- —
- WebGL
- —
- Nav
- top_bar, 29 items
- Length
- 6.2 screens
Sections in page order
3 marked strong · 9- 00
hero
StrongClean modern developer hero pairing rhythmic three-beat typography with an interactive dark CLI terminal preview over a soft purple glow.
- Mood
- clinical + bold
- Layout
- 2 col · split · balanced
- 01
feature grid
A clean, clinical two-column feature layout balancing bold left-hand section narratives with structured technical checklists on a neutral light grey backdrop.
- Mood
- clinical + quiet
- Layout
- 2 col · grid · balanced
- 02
showcase
StrongA dense, engineered enterprise dashboard displaying granular execution steps and governance approvals with clinical precision.
- Mood
- clinical + raw
- Layout
- 12 col · full bleed · dense
- 03
feature
A crisp, clinical split feature section pairing sharp black typography against an off-white background with dark icon badges.
- Mood
- clinical + quiet
- Layout
- 11 col · split · balanced
- 04
feature grid
A tidy and utilitarian four-step workflow grid presenting structured implementation stages in clean, elevated cards.
- Mood
- clinical + quiet
- Layout
- 4 col · grid · balanced
- 05
showcase
Restrained technical resource list featuring stacked monochromatic cards on a cool neutral background.
- Mood
- clinical + quiet
- Layout
- 12 col · stacked · balanced
- 06
cta
Minimal, functional developer CTA section with plain left-aligned copy and dual action buttons on crisp white.
- Mood
- clinical + quiet
- Layout
- 10 col · stacked · airy
- 07
showcase
StrongA luminous, undulating glass ribbon refracts spectral rainbow light across an airy white field, creating an ethereal and pristine visual pause.
- Mood
- dreamy + quiet
- Layout
- 12 col · full bleed · airy
- 08
footer
Clean, systematic light footer organized into a disciplined multi-column navigation grid with high-contrast text.
- Mood
- clinical + quiet
- Layout
- 6 col · grid · balanced
