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

Back to Browse

Hey

Communication

Hey embodies playful sophistication with a bold 'Blurple' purple-to-blue gradient that screams creative rebellion against boring email clients. The oversized 'Really Sans Large' headlines create theatrical impact while friendly rounded buttons and pill shapes invite interaction with childlike wonder.

(0)
0
Visit Website
Screenshot of Hey website

Design Identity

Signature Color

Hey Blurple

#5522fa

Creative disruption and anti-establishment innovation - we're not your grandfather's email

Visual Identity

Theatrical gradient overlays that blend purple-to-blue or purple-to-salmon, creating an unmistakable rainbow-meets-startup aesthetic that feels like a creative agency designed an email app

Component Style

Generously rounded buttons with 24px+ border radius and gradient fills, soft shadows with multiple layers for depth, everything feels touchable and approachable - no sharp corporate edges here

Spacing Philosophy

Luxuriously airy with massive 64px+ gaps between sections, creating breathing room that lets the bold gradients and oversized typography dominate without feeling cramped

Design Principles

  • Headlines always use Really Sans Large at 900 weight for maximum impact
  • Primary buttons use full gradient backgrounds, never flat colors
  • Border radius is always generous - 24px+ for buttons, creating pill shapes
  • Shadows use multiple layers (6+ different offsets) for realistic depth
  • Body text stays modest at 17-20px while headlines explode to 80px+

Target Audience

Creative professionals and design-conscious entrepreneurs who are tired of Gmail's sterile interface and want their tools to spark joy

Mood

theatricalrebelliousgradient-obsessedplayfulanti-corporatecreativejoyful

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
bodyMoniker32px40044.8px
h1"Really Sans Large"83.2px90091.52px
h2"Really Sans Large"40px85048px
h3"Really Sans Large"48px85052.8px
h4"Really Sans Large"40px90044px
pMoniker17.6px40021.12px
aMoniker20.8px50029.12px
buttonMoniker32px40044.8px
inputMoniker32px40044.8px
navMoniker32px40044.8px

Color Palette

#231c33
#5522fa
#fff5ca
#fffae5
#0074e4
#f95c5c
#ec4343
#299850
#16ba5b
#736c83
#d5d2ff
#eae8fe

UI Elements

button
input
a
nav
button-primary
button-secondary

Similar Designs

Completely Different Designs

Discussion

Loading comments...