# DESIGN.md — Perplexity

> Deep teal on soft paper, editorial answer layouts and citations treated as first-class UI — search rebuilt on trust.
> Distilled by design.live · updated Jun 2026
> Agent prompt: "Use the design.live MCP and make it look like Perplexity."

## Palette
#20808d    true turquoise — brand
#091717    offblack — text
#fbfaf4    paper white
#13343b    peacock — depth

## Type
display:    FK Grotesk, 500 weight
weights:    400 · 500 · 600
scale:      52 / 34 / 24 / 17 / 14
tracking:   -0.01em

## Signature moves
- Answers typeset like articles
- Citations as visible chips
- Teal reserved for interactive
- Threads over sessions

## Components
buttons · nav · pricing table · code panel · logo wall · footer

## Kit
icons:      128 glyphs (SVG · PNG · font)
tokens:     .css · .json
recipes:    24 component recipes

— design.live/brands/perplexity