Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.

Back to Browse

Amplitude

SaaS

Amplitude embraces confident, humanistic typography with Gellix paired with dramatically generous white space and a striking electric blue that demands attention. The design feels like a premium analytics tool for sophisticated teams - bold headlines float in vast minimalism, while the electric blue accent creates tension against the clean backdrop.

(0)
0
Visit Website
Screenshot of Amplitude website

Design Identity

Signature Color

Electric Analytics Blue

#4285F4

Data-driven intelligence and trustworthy insights - the color of digital transformation

Visual Identity

Massive typographic headlines floating in expansive white space with surgical precision - if you see oversized bold text with cathedral-like breathing room, it's unmistakably Amplitude.

Component Style

Pill-shaped buttons with substantial padding create friendly approachability, while maintaining sharp typographic hierarchy. Primary actions use full corner rounding (24px+) with solid fills, secondary actions stay outlined with matching curves - everything feels substantial but never heavy.

Spacing Philosophy

Cathedral spacing philosophy - massive 80px+ gaps between major sections create a sense of premium breathing room, while headlines get their own generous vertical territory. Content floats in carefully orchestrated white space that makes every element feel intentional.

Design Principles

  • Headlines use 60px bold Gellix with 70px line height for maximum impact
  • Body text stays at 18px with 28px line height for comfortable reading
  • Primary buttons use full pill shapes (24px+ border radius) with 16px 32px padding
  • White space between major sections never drops below 64px
  • Blue accent color appears sparingly but with high contrast for maximum attention
  • Typography hierarchy jumps dramatically between sizes - no subtle variations

Target Audience

Senior product managers and growth teams at scale-up companies who need sophisticated analytics but value design craft and user experience over feature density

Mood

spaciousconfidentelectricpremiumanalyticalsophisticatedhumanistic

Design descriptions are AI-generated based on visual analysis and may not fully reflect the brand's official design guidelines.

Design System

Typography Scale

ElementFontSizeWeightLine Height
bodyui-sans-serif18px40028px
h1"Twemoji Country Flags"60px70070px
h2"Twemoji Country Flags"44px60029px
h3"Twemoji Country Flags"44px60048px
h4"Twemoji Country Flags"16px60021.6px
h6"Twemoji Country Flags"22px50024px
p"Twemoji Country Flags"22px50020px
aui-sans-serif18px40028px
buttonui-sans-serif18px40028px
navui-sans-serif18px40028px

Color Palette

#ffffff
#3b82f6

UI Elements

button
a
nav
button-primary
button-secondary

Similar Designs

Completely Different Designs

Discussion

Loading comments...