Perplexity AI
AI-powered answer engine with citations
AI answer UI with citations
Extracted with Dembrandt. Showing a simplified version — the full output includes button states, logos, gradients, animations, and more. Try the CLI for complete results.
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