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

Back to Browse

Missive

Communication

Missive embodies editorial sophistication through its dramatic serif headlines paired with clean sans-serif body text, creating a publishing-meets-productivity aesthetic. The bright royal blue (#2266ed) commands attention while maintaining professional trust, suggesting premium email collaboration that respects both craft and efficiency.

(0)
0
Visit Website
Screenshot of Missive website

Design Identity

Signature Color

Missive Royal Blue

#2266ed

Premium collaboration confidence - vibrant enough to energize but trustworthy enough for enterprise email workflows

Visual Identity

The juxtaposition of Tiempos Headline serif for major headings against Inter sans-serif for everything else - creating a newspaper editorial room energy in a productivity tool

Component Style

Softly rounded corners (8-12px) with subtle shadows and gentle borders. Buttons feel substantial but approachable, with generous padding that suggests premium positioning without intimidation

Spacing Philosophy

Generous vertical breathing room with tight horizontal efficiency - mimicking email density while maintaining marketing elegance. Large section gaps (80px+) contrast with compact interface elements

Design Principles

  • Headlines exclusively use Tiempos Headline serif at 56px weight 400
  • All body content and interface text uses Inter sans-serif
  • Royal blue (#2266ed) reserved for primary actions and brand moments
  • Neutral grays (#f5f6f6 backgrounds, #646c76 secondary text) dominate the palette
  • 18px line-height 28px for optimal reading comfort in descriptions

Target Audience

Email-heavy teams and agencies who appreciate editorial craft but need collaborative productivity - design studios, marketing teams, and consultancies who live in their inbox

Mood

editorialcollaborativepremiumtrustworthyefficientsophisticatedenergetic

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
bodyArial14px40020px
h1"Tiempos Headline"56px40060px
h2Inter30px40036px
pInter18px40028px
aArial14px40020px
navArial14px40020px

Color Palette

#34363a
#2266ed
#e4e6e9
#f5f6f6
#cdd0d4
#aab0b6
#646c76
#dbebfe
#1c42b1
#007aff

UI Elements

a
nav
button-primary
button-secondary

Similar Designs

Completely Different Designs

Discussion

Loading comments...