Prestige Purple

Prestige Purple embodies the cinematic grandeur and premium positioning of high-end streaming. Deep purples and rich blacks create an atmosphere of exclusivity, while careful typography and generous spacing communicate quality. Every design decision reinforces the feeling that the content — and the viewer — are extraordinary.

Primary#B4AFF2
Secondary#5822B4
Neutral#1E1E2A
Background#0A0A12
Headline
Aa
Search
Body
Aa
Label
Aa
Label

Color Palette

Typography

overline/label uppercasePlus Jakarta Sans · 11px · SemiBold

Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.

captionPlus Jakarta Sans · 13px · Regular

Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.

body smallPlus Jakarta Sans · 14px · Regular

Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.

bodyPlus Jakarta Sans · 16px · Regular

Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.

h4/card titlePlus Jakarta Sans · 20px · Bold

Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.

h3/section headerPlus Jakarta Sans · 28px · Bold

Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.

h2/page titlePlus Jakarta Sans · 40px · Bold

Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.

h1/hero cinematic displayPlus Jakarta Sans · 56px · Extra Bold

Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.

Spacing

Base: 4px

Prestige Purple embodies the cinematic grandeur and premium positioning of high-end streaming. Deep purples and rich blacks create an atmosphere of exclusivity, while careful typography and generous spacing communicate quality. Every design decision reinforces the feeling that the content — and the viewer — are extraordinary.

Components

Buttons

Cards

Card Title

Sample body text for the card component.

Inputs

Chips

Default

Hero Modal

Dark Overlay

Elevation & Depth

Level 1
Level 2
Level 3
Glow

Do's & Don'ts

Do

use the purple gradient for hero moments and primary CTAs to create a premium feel
maintain generous whitespace around content — premium design breathes
use cinematic aspect ratios (16:9 or wider) for content imagery
employ subtle animations (200-300ms ease-out) for state transitions to feel polished
use uppercase 11px/600 tracking for overlines and category labels to convey editorial authority

Don't

overuse the soft lavender (#B4AFF2) as body text; reserve it for interactive elements
use bright or saturated colors outside the defined palette — they undermine the premium tone
use borders heavily; prefer elevation and background shifts for separation
mix warm and cool tones — the palette is intentionally cool and controlled
Download .md

License MIT
Uploaded 1 months ago
Version v1
File size 6.3 KB
Downloads 48
Copies 8

Use with MCP

Using designmd mcp, download the design system https://designmd.ai/chef/prestige-purple and implement it in my code

Don't have the MCP? Install it here