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

Back to Browse

Medium

Media

Medium embodies intellectual minimalism with its massive serif headlines creating dramatic typographic hierarchy against vast white space. The playful geometric green illustrations balance the editorial seriousness, suggesting creativity within thoughtful discourse.

(0)
0
Visit Website
Screenshot of Medium website

Design Identity

Signature Color

Medium Green

#4CAF50

Growth, ideas flourishing, organic thought development

Visual Identity

Massive serif headlines (120px) paired with geometric green illustrations and extreme whitespace ratios - immediately recognizable by the dramatic scale contrast between hero typography and supporting elements.

Component Style

Soft, approachable buttons with rounded corners and no harsh shadows. Everything feels organic and gentle, prioritizing readability over flashy interactions. Clean sans-serif for UI elements maintains focus on content.

Spacing Philosophy

Generous white space dominates the layout with massive breathing room around the hero section. The composition uses asymmetric spacing to create visual tension between left-aligned content and right-positioned illustrations.

Design Principles

  • Headlines never below 120px for maximum impact
  • Body text limited to 14-16px for comfortable reading
  • Serif for headlines, sans-serif for everything else
  • Green accent color only for illustrations and highlights
  • White space comprises 60%+ of any layout

Target Audience

Thoughtful writers and readers who value deep thinking over quick consumption - intellectuals, journalists, and professionals who see writing as craft

Mood

contemplativeliteraryspaciousorganicintellectualapproachableeditorial

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
bodyTimes16px400normal
h2gt-super120px400100px
h3sohne22px40028px
psohne14px40020px
amedium-content-sans-serif-font16px400normal
buttonsohne14px40020px

Color Palette

No colors extracted

UI Elements

button-primary
button
a

Similar Designs

Completely Different Designs

Discussion

Loading comments...