Skip to content
Library

HEY. Sunlit letters on a desk.

  • Productivity
  • Light theme
  • 10 colors
  • 3 typefaces

HEY treats the page as a stack of tactile paper objects floating over a warm off-white field. Giant, almost cartoon-heavy Really Sans headlines use violet-to-salmon color as an occasional burst, while dense Moniker text keeps navigation, messages, and interface copy compact and human. The recurring 25.6px rounded white panel, soft ink-tinted shadow, handwritten Shantell interruption, and pastel gradient product imagery make email feel personal rather than corporate.

Screenshot of HEY
Captured from hey.com on October 11, 2026

HEY design system

HEY

Brand2

  • Links, emphasized headings, illustrated interface details, and the violet edge of expressive promotional gradients

  • Filled primary action backgrounds — mint against Ink labels keeps repeated conversion controls playful rather than forceful

Accent3

  • Warm gradient endpoint for promotional surfaces and colorful product demonstrations

  • Testimonial-card and soft interface background washes

  • Occasional warm highlighted surface behind short content moments

Neutrals5

  • Headlines, navigation, body copy, input text, play-control text, and dark button labels

  • Fine-print helper copy and low-emphasis supporting text

  • Subdued neutral fills and secondary quiet surfaces

  • Warm page canvas and large paper-like content sections

  • Floating navigation, hero panels, cards, video controls, and reversed text

Try a pairing

Pick any two colors from the palette to check whether text stays readable on top.

Aa

Ink on Mint Note

13.17 : 1 contrast

Background
Text
  • Body textPasses AA 4.5
  • Large textPasses AA 3
  • StrictPasses AAA 7

More DESIGN.md files. Same web, different personalities.