CSS variables
Every color as a custom property, ready for code.
Part 1 of 3
Our brand is built on five ideas that guide how we make decisions and judge our work.
01
People should benefit from sophisticated technology without managing the machinery. Choose what’s intuitive over what’s impressive.
02
Make work that invites discovery and feels human. Don’t default to the familiar visual language of technology companies, and don’t chase trends.
03
Create a recognizable foundation while allowing different products, audiences, and stories to call for different expressions. One idea at two volumes: the product is turned down, with hierarchy flattened and ornament removed; the brand is turned up, with landscape, texture, music, people, and humor. What they share is the felt outcome, not the surface.
04
Language, motion, and presentation should clarify real capability, not imply more than the product delivers. The product is a tool that makes you the best version of yourself, not an AI pretending to be a person. Accuracy is the edge we offer, so the work has to earn trust the same way the answers do.
05
Function without sacrificing craft. Every element serves a purpose, and does so with considered refinement. Premium means the quality of the detail, not luxury and not a paid tier.
Foundations
Our symbol is built from five ideas: a cursor, intersecting windows, multiple models, an open book and an asterisk. Together they hold curiosity, orchestration and accuracy.
02.1
Our logo is the symbol and the wordmark on one shared axis. The wordmark is set in PPLX Sans Medium, made compact, and its x-height sets the space between the two. Computer and the sub-brands build from the same foundation, so every lockup reads as one family.
03.1
03.2
03.3
Four ways to place the logo on a page, in order of preference.
01Lockup, low and centered
02Symbol and wordmark, apart
03Symbol and wordmark, one axis
04Horizontal lockup, centered
Perplexity has its own typeface, drawn with Grilli Type. PPLX Sans does the work of the interface and body copy. PPLX Serif carries headlines and editorial voice. PPLX Serif Narrow is the display cut for large statements. PPLX Mono is for numbers, code, and metadata.
PPLX Serif Narrow — Medium
Type something...
04.1
One variable system, PPLX Type Beta R6, in four voices. Serif Narrow speaks first, Serif carries ideas, Sans does the work, Mono keeps the details honest.
04.2
Uppercase26
Lowercase26
Numerals10
Punctuation31
Symbols19
Arrows05
04.3
Display
Powerful, made simple.
Serif Narrow · 500
Headline
Powerful, made simple.
Serif · 400
Subhead
Powerful, made simple.
Sans · 500
Body
Choose what’s intuitive over what’s impressive.
Serif · 500
Body Sans
Choose what’s intuitive over what’s impressive.
Sans · 500
Micro
Choose what’s intuitive over what’s impressive.
Serif · 400
Caption
Powerful, made simple.
Sans · 500
Eyebrow
Powerful, made simple.
Sans · 500
Clarity is cool. Humanity is warm. The system holds both.
Clarity is .Humanity is .The system holds both.
05.1
Turquoise leads. Turquoise 500 is the anchor. Gold and orange extend it with warmth. Green and crimson are product accents only. Cool surfaces: Research, API, Careers, Enterprise, product UI. Warm surfaces: Comet, marketing, Supply, editorial.
05.2
The palette is one spectrum read across temperature. Cool turquoise carries clarity, precision, and the act of knowing. Warm earth tones carry humanity, craft, and the people the work is for. Every surface draws from this one source.
05.3
Curiosity is that edge.
Language, motion and presentation should clarify real capability, not imply more than the product delivers.
17.3:1
Approved pairs
05.4
Every color as a custom property, ready for code.
The core colors and every ramp as HEX, in JSON.
Swatches to place in Figma, Illustrator or a deck.
Our lens puts people in the frame: ambitious people building an edge. Curiosity is that edge.
06.1
Curiosity
We show familiar subjects from an unexpected point of view to create a sense of discovery.
06.2
Curiosity in action
Continuous motion suggests active searching, working and exploration.
06.3
Orchestration
Multiple streams happen at the same time, then converge into one useful outcome.
06.4
Accuracy
The system considers broadly and commits to what matters. Lighting and depth of field carry that language.
06.5
Stock images that could belong to any software company.
Robots, glowing brains, futuristic dashboards and generic AI hands.
Blue-purple tech haze, heavy glow, blur or glass effects.
Images added only to fill space.
Crops that cut faces, product UI or logos awkwardly.
Images without cleared usage rights.
Perplexity moves like a precision instrument held by a curious mind. Most of the time it barely moves. The few moments that do carry the weight.
Coming soon
Sound follows the same two temperatures as color. Product sounds are short and precise. Theme music is warmer and carries the brand in video and events.
Coming soon
The foundations working together: one confident image, Serif Narrow, Off Black and Off White, and a mark only where it’s needed.
Plan the Ask event in Tokyo
What makes a brand feel calm?
Answer
Restraint: one confident image, one type family, and color only where it means something.1
Aa
PPLX Serif
Display · Serif Narrow
ComputerWorking · 1/4
Plan the Ask event in Tokyo
CometAssistant
Summarize this page
Powerful, made simple.
0101 / 34Events · Ask, New York
Part 2 of 3
10.1
Computer is Perplexity’s agent: where answers become execution. Give it a task in plain English and it researches, browses, writes code, and connects to your tools, working for hours in the background until the job is done. It is not a chatbot. Lead with what it builds, not what it promises.
10.2
10.3
11.1
Comet is Perplexity’s AI browser: where browsing becomes thinking. Research, page understanding, and getting things done happen in one place, without stopping to switch tools. Comet is fast, and the copy should feel that way: instant, fluid, frictionless.
11.2
11.3
12.1
Teammates are a team of AI agents that own ongoing work. Give a teammate a responsibility, such as managing a growth campaign, triaging incoming bug reports, tracking your metrics, or researching a new market, and it owns that work around the clock. It plans the tasks, brings in more agents when the work grows, and follows through until the result is ready for your review.
12.2
12.3
Light marks for dark grounds.
12.4
12.5
12.6
At rest, still in the sidebar and lists.
Opens into five dots, then closes back.
Three dots pulse in turn.
Rings pulse when it needs you.
Back to the still shape.
12.7
Teammate imagery has two modes, and the difference is whether you’re in the room.
Light mode is work with you around. The Teammate is running, the avatar is the lamp on the ceiling, and you can look over any time.
Dark mode is work without you. You step away, the Teammate keeps going. The lamp comes down to the floor and lights only the task. Dark mode isn’t night, it’s focus. Only the work is left.
The person is always the user. The light is always the Teammate, in the avatar’s shape and color.












Part 3 of 3
Every logo and symbol, plus the palette and fonts, in one place.
Core
Sub-brand Tier 1
Sub-brand Tier 2
Each wordmark is adjusted by hand (with love). Need a new sub-brand logo? Please ask Brand Design in #design-creative-requests.
13.1
Off Black for light grounds, Off White for dark.
Every mark below in one file, in folders.
The Perplexity wordmark as SVG.
The Perplexity symbol as SVG.
Symbol over wordmark, as SVG.
All nine sub-brand logos, Off Black and Off White SVG.
Symbol, wordmarks and lockup, Off Black and Off White SVG.
The Comet symbol as SVG.
Symbol and wordmark, SVG and PNG.
13.2
Every brand color as CSS variables or vector swatches.
PPLX Type is internal while it’s in beta, so request the files.
Skills teach AI agents how to work in the Perplexity brand.


14.1
Maestro 2.0, draft
The identity authority: Guidelines logos (bundled), R6 fonts, Serif Narrow display, color, optical sizing and voice. Start here; every other skill defers to it.
Charts and data figures for blog and research posts: source-faithful redesigns, desktop and mobile PNG and SVG exports, Turquoise model colors, OG cards and chart QA. Downloads as a ZIP.
14.2
Get the skills you need. Start with pplx-brand, then add the ones for your job.
Add them to Computer under Skills, or attach the zip to your task.
Name them in your prompt:
Use pplx-brand to build an event poster generator for Perplexity.14.3
The same brief, built with and without the skills.
Prompt: “Build an event poster generator for Perplexity as a single HTML file, with fields for headline, subhead, city and date, ground color presets, a logo toggle, Export PNG and a live 4:5 preview. Make it look polished and on-brand.”
The creative tools the team uses to make on-brand work.
Coming soon
Powerful,
made simple.
Aa

Coming
soon.
Coming
soon.



Coming
soon.
Get
help.