perplexity
Ask anything...
🔍 Search ▾ ▣ Computer Best ▾↑

🔍 Search anything

Get fast and accurate answers from the most trusted sources.

▣ Get work done with ComputerNEW

Hand over your projects to get polished, reliable deliverables around the clock.

Answer · set in pplxSerif
Answers are rendered in a serif face while every control stays in the sans — the deliberate split that makes results feel edited and considered rather than machine-spat.
wikipedia.org nature.com reuters.com arxiv.org
Controls

Buttons, pills & sizes

Solid accent Solid neutral Tonal accent Ghost
🔍 Search ▣ Computer Pill accent sm 24 md 32 lg 40

Solid accent #4e99a3 hovers to #22808c, depresses to #1a636c. Controls use 8px radii; pills go full. Heights: sm 24 / md 32 / lg 40. Weight capped at 550.

Solid-accent states
AskDefault · #4e99a3
AskHover · #22808c
AskActive · #1a636c
Disabled · opacity .4
Ghost & tonal states
GhostDefault · transparent
GhostHover · fg /.07
TonalDefault · teal /.10
TonalHover · teal /.20
Disabled · opacity .4
Ask-input field
Default · hairline border, no glow
Best restaurants in Lisbon|
Focus · teal ring + 36px glow
Typography

Serif answers, sans chrome

Wordmark / display · pplxSans · 400perplexity
Answer body · pplxSerif 18/28 · 400Answers set in the serif read as edited prose.
UI body · pplxSans 16/24 · 400The sans carries every control, label and menu.
UI emphasis · pplxSans 16 · 550Emphasis tops out at weight 550 — never 700.
Labels / tags · pplxSans 12–14 · 500Discover · Finance · Health · Academic
Mono · pplxSansMonooklch(68.25% .072 206.25 / .3)
Palette

Warm neutrals + one peacock teal

underlay#121211
canvas#171615
raised#1e1d1c
odin-300#242322
odin-400#2a2928
odin-500#302f2e
fg-primary#d6d5d4
white#ffffff
border-med214,213,212/.14
teal / super#4e99a3
teal-hover#22808c
teal-active#1a636c
positive#539e55
negative#dc6973
warning#d57141

A 10-hue decoration palette (teal, blue, green, gold, indigo, lime, magenta, orange, pink, purple) — shown on the source chips above — is reserved strictly for source and category tags, never chrome. Chrome stays warm-grayscale; teal #4e99a3 alone is the brand hue.

Depth & motion

Radii, soft shadows & one teal glow

xs · 4 sm · 6 md · 8 lg · 12 2xl · 16 full · 9999
small
0 1px 2px #0000000d
dropdown
0 4px 6px -1px, 0 2px 4px -2px #00000014
signature glow
0 0 36px 4px teal /.30

Elevation is mostly bg-raised steps + warm hairlines; the teal ask-input glow is the only dramatic shadow. Motion: calm soft-landing easings, ease-out-quint cubic-bezier(.22,1,.36,1) and an overshoot ease-out-soft cubic-bezier(.36,1.3,.64,1). The input glow fades in on focus (teal 36px 4px, /0 → /.3); hover fills and streamed answers use short micro-transitions. No bounce-heavy motion, no scroll-jacking.