Perplexity AI
AI-powered answer engine with citations
AI answer UI with citations
Observed with Dembrandt. Showing a simplified version — the full output includes button states, gradients, animations, and more. Try the CLI for complete results.
Design tokens observed from publicly visible CSS. Dembrandt does not host, copy, or redistribute any brand assets.
Colors
#271a00
#000000
Typography
pplxSans, ui-sans-serif, system-ui
hero:16px / 400
body:16px / 400
button:16px / 400
Shadows
sm
Spacing
1px2px4px8px12px16px
Border Radius
6px
8px
12px
16px
9999px
Button States
Tailwind CSSDefault
#000000Hover
#000000Active
#000000radius: 9999pxpadding: 0px 12px
output.json
{
"url": "perplexity.ai",
"colors": [
"#271a00",
"#000000"
],
"typography": {
"fontFamily": "pplxSans, ui-sans-serif, system-ui",
"hero": "16px / 400",
"body": "16px / 400",
"button": "16px / 400"
},
"shadows": [
"rgba(0, 0, 0, 0.05) 0px 1px 2px 0px"
],
"spacing": [
"1px",
"2px",
"4px",
"8px",
"12px",
"16px"
],
"borderRadius": [
"6px",
"8px",
"12px",
"16px",
"9999px"
],
"buttons": {
"default": {
"bg": "#000000",
"text": "#ffffff"
},
"hover": {
"bg": "#000000",
"text": "#ffffff"
},
"active": {
"bg": "#000000",
"text": "#ffffff"
},
"radius": "9999px",
"padding": "0px 12px",
"framework": "Tailwind CSS"
}
}$npx dembrandt perplexity.ai