www.perplexity.ai

How it works

hero:

Large lowercase wordmark 'perplexity' centered above a prominent search input field with rounded border, flanked by Model dropdown and audio/waveform controls on the right.

layout:

Fixed 176px left sidebar navigation with icon-text pairs stacked vertically; horizontal top navigation bar spanning full width at 24px height; main content area uses 60% centered column with search input and status bar below.

type:

Sans-serif lowercase for primary branding ('perplexity'); regular weight body text for navigation; monospace styling visible in placeholder text ('Type / for search modes'); consistent 12-14px label sizing with icon pairing.

colors:

Neutral palette of off-white background with light gray sidebar; black text for primary hierarchy; muted gray for secondary labels and placeholders; single teal accent on 'Sign In' button at bottom left.

distinctive:

The command-palette-style slash prompt indication ('Type / for search modes') embedded in the search input creates a keyboard-driven interface metaphor that signals advanced user functionality.