# DESIGN.md — Notion

> Warm minimalism with serif headings, hand-drawn illustration and soft paper surfaces — friendly, editorial software.
> Distilled by design.live · updated Jun 2026
> Agent prompt: "Use the design.live MCP and make it look like Notion."

## Palette
#191918    ink — text, headings
#fffefc    paper canvas
#f6f3f0    soft surfaces
#eb5757    accent — highlights

## Type
display:    Lyon Display, serif
weights:    400 · 500 · 700
scale:      60 / 40 / 24 / 18 / 16
tracking:   normal, generous leading

## Signature moves
- Serif display over sans body
- Hand-drawn spot illustration
- Content blocks as the visual grid
- Warm greys, never pure black

## Evidence coverage (private beta)
screens indexed:       21
screens VLM-annotated: 21
workflows mapped:      3
workflows annotated:   3
platforms:              ios, web

Evidence returned by the MCP is deduplicated, ranked for the request, and linked to source and permission provenance. Counts reflect the canonical evidence-store snapshot, not invented adoption or asset totals.

## Retrieval
Ask the design.live MCP for the project brief, constraints, and desired Notion qualities. It returns ranked evidence and an agent-ready implementation plan; do not copy a source screen wholesale.

— design.live/brands/notion