# perplexity.ai website design: fonts, colors and UI patterns

[Open the live Fudge conversation](https://design.withfudge.com/share/perplexity.ai-design)

Last updated: 2026-06-09

Based on **12 captured pages** from [perplexity.ai](https://perplexity.ai), this profile summarizes observed visual evidence rather than claiming access to the site's private design system. Evidence last updated **2026-06-09**.

## Captured pages

[![Home | Perplexity Help Center](https://pin.fontofweb.com/9541?format=jpg)](https://design.withfudge.com/share/pin-9541)

[Home | Perplexity Help Center](https://design.withfudge.com/share/pin-9541)

[![Perplexity](https://pin.fontofweb.com/9496?format=jpg)](https://design.withfudge.com/share/pin-9496)

[Perplexity](https://design.withfudge.com/share/pin-9496)

[![Perplexity Account](https://pin.fontofweb.com/9459?format=jpg)](https://design.withfudge.com/share/pin-9459)

[Perplexity Account](https://design.withfudge.com/share/pin-9459)

[![Perplexity](https://pin.fontofweb.com/9458?format=jpg)](https://design.withfudge.com/share/pin-9458)

[Perplexity](https://design.withfudge.com/share/pin-9458)

[![Perplexity](https://pin.fontofweb.com/9457?format=jpg)](https://design.withfudge.com/share/pin-9457)

[Perplexity](https://design.withfudge.com/share/pin-9457)

[![Perplexity](https://pin.fontofweb.com/9456?format=jpg)](https://design.withfudge.com/share/pin-9456)

[Perplexity](https://design.withfudge.com/share/pin-9456)

[![find font pairings with inter](https://pin.fontofweb.com/9429?format=jpg)](https://design.withfudge.com/share/pin-9429)

[find font pairings with inter](https://design.withfudge.com/share/pin-9429)

[![find font pairings with inter](https://pin.fontofweb.com/9428?format=jpg)](https://design.withfudge.com/share/pin-9428)

[find font pairings with inter](https://design.withfudge.com/share/pin-9428)

[![Perplexity](https://pin.fontofweb.com/9395?format=jpg)](https://design.withfudge.com/share/pin-9395)

[Perplexity](https://design.withfudge.com/share/pin-9395)

[![what font does qoves.com use ?](https://pin.fontofweb.com/9261?format=jpg)](https://design.withfudge.com/share/pin-9261)

[what font does qoves.com use ?](https://design.withfudge.com/share/pin-9261)

[![what font does qoves.com use ?](https://pin.fontofweb.com/9260?format=jpg)](https://design.withfudge.com/share/pin-9260)

[what font does qoves.com use ?](https://design.withfudge.com/share/pin-9260)

[![what font does qoves.com use ?](https://pin.fontofweb.com/9259?format=jpg)](https://design.withfudge.com/share/pin-9259)

[what font does qoves.com use ?](https://design.withfudge.com/share/pin-9259)

## Colors

- `#ffffff`
- `#e8e8e8`
- `#27251e`
- `#000000`
- `#d6d5d4`

## Typography captured from perplexity.ai

- **Applesystem**
- **Fk Grotesk**
- **Pplx Sans Beta V 2 Vf**
- **Pplx Mono Beta V 0 Vf**
- **Pplx Serif Beta V 2 Vf**

### How Fudge assembled this page

Fudge automatically assembled this guide from saved screenshots and extracted typography and color observations. It does not claim access to private source files or design tokens.