Brand Guidelines
Use these assets to keep Clovis consistent across product, marketing, and community. Colors, type, and logo all come straight from the live design system.
Logo
Use the logo as provided. Don't stretch, recolor, or place it on low-contrast backgrounds.
Colors
A deep teal-navy foundation with a mint-to-cyan brand gradient — tuned for clarity and contrast across UI and marketing.
Brand
brand-primary
Clovis Blue
#00C4FF
brand-secondary
Clovis Mint
#00E3B2
Gradient
Button
90° · #00C4FF → #00E3B2
Highlight
112° · text highlight
Backdrop
180° · #021F28 → #0E7F9C
Surface
surface-bg1
Surface 1
#021F28
surface-bg2
Surface 2
#042A36
surface-bg3
Surface 3
#063E4C
border-border
Border
#00425C
Text
text-primary
Primary
#F2F7F9
text-secondary
Secondary
#E5EDF0
text-tertiary
Tertiary
#A5B1B9
text-contrast
Contrast
#012428
Status
status-success
Success
#4EB14C
status-warning
Warning
#DFA70B
status-error
Error
#ED4B4B
status-info
Info
#1BD0F8
Typography
Host Grotesk carries every heading and body line. Inter handles labels, UI, and data — kept clean and structured for fast scanning.
Main Font
Host Grotesk
Host Grotesk
HeadingBody
Secondary Font
Inter
Inter
LabelsUI · Data
H1 · 68 / 600Liquidity, unified
H2 · 48 / 700Liquidity, unified
H3 · 32 / 700Liquidity, unified
H4 · 24 / 700Liquidity, unified
Body · 16 / 400Liquidity, unified
Label · InterLiquidity · Unified
CLOVIS · BRAND GUIDELINESLAST UPDATED 2026.07.23