Design Identity System
Quantum Entrepreneur
by Paget Kagy — Handoff for designers
01
Color Palette
Primary — Gold
Gold#B8935A
Borders, CTA gradient, icons, accent text
Gold Mid#C9A96E
Hover states, gradient midpoint
Gold Light#D4AE7A
Price numbers, subtitle text on dark, sparkle highlights
Gold Pale#E8C99A
Subtle fills, gold dust particles
Dark Surfaces
Ink#1A1612
Dark section backgrounds, primary text
Ink Warm#2A2018
Price card gradient midpoint
Dark Brown#3D2E1A
Banner corner darks, wave shadow tones
Near Black#0F0C08
Dark banner background base
Light Surfaces
Cream#FDFAF5
Primary page/nav background
Cream Dark#F5EFE3
Alternate section backgrounds
Warm Sand#EDE3D0
Banner light background base, cards
Parchment#F7F2E8
Center glow area in light banners
Text
Text#4A4035
Body copy on light
Muted#7A6E60
Captions, sub-labels, fine print
White#FFFFFF
Text on dark, price amounts
Cream Textrgba(245,239,227)
Body text on Ink sections
02
Typography
Display / Serif
Cormorant
Garamond
Weights: 400 Regular · 400 Italic · 600 Semibold · 600 Italic
Google Fonts — free
UI / Sans
Inter
Medium
Weights: 400 Regular · 500 Medium only
Google Fonts — free
Hero Title
Cormorant 600
clamp(52px, 9vw, 120px)
line-height 0.95
tracking –0.02em
Quantum CEO
Section H2
Cormorant 600
clamp(40px, 5.5vw, 76px)
line-height 1.04
Your Quantum Offer
Italic Tagline
Cormorant 400 italic
clamp(16px, 1.8vw, 22px)
line-height 1.45
Spirituality + strategy. Energetics + execution.
Eyebrow Label
Inter 500 · ALL CAPS
13px · tracking 0.18em
color Gold
The Quantum Game
Body Copy
Inter 400 · 15px
line-height 1.65
color #4A4035
The complete system behind a million-dollar business built from frequency, identity and magnetic sales.
Small Cap Label
Inter 500 · 10–11px
tracking 0.22em · ALL CAPS
Pre-sale · Limited Spots · Starts July 8th
Price Number
Cormorant 400
108px desktop · White on dark
$3,000
Typography on dark backgrounds
Quantum Identity
Module 01
Body text on dark: rgba(245,239,227,0.65) — warm cream, not pure white.
03
Graphic Elements & Decorative System
Signature iconCompass/star cross symbol — appears centered above titles. Fine-line, gold. Circle with crosshairs. Used as brand mark in banners.
Gold wave linesOrganic flowing curves (energy/frequency waves). Fine multi-stroke mesh, glowing edge. Always at bottom edge or sides. Two variants: light cream bg and dark bg (luminous gold).
Concentric circlesThin-line radial rings (like celestial orbit charts). Placed in corners, partially cropped. Very low opacity on light, medium on dark. Fine stroke only — no fills.
Gold particles / dustScattered fine dots and bokeh spheres. Random sizes 1–8px. Gold to warm amber. Concentrated at edges and near wave glows.
4-point star ✦Used as separator and list bullet. Gold. 4 elongated points. Appears in titles, between day labels, as decorative dividers.
Horizontal rulesThin gold lines (1px) flanking eyebrow labels. Length 30–60px. Framing device around "FREE LIVE", dates, section labels.
Day badgeCircle or rectangle with dark bg + gold border. "DAY 01" in gold caps inside. Paired with 4-point stars at corners.
Vertical divider1px gold line separating two-column content (Day 01 / Day 02). Purely decorative structure.
Calendar iconMinimal line-art calendar in gold. Precedes date/time lines. Consistent across all banners.
Lock iconPadlock outline in gold. Used in "For Waitlist Members Only" CTA badge inside gold-bordered pill.
Bullet separatorCenter-dot • in gold between time zones. Same size as body text.
06
Do / Don't Rules
✓ Background modesExactly 3 modes: Light cream-gold, Dark black-gold, Mid warm-gold. Never invent new color combinations.
✓ FontsCormorant Garamond for display titles. Inter for all UI text, labels, dates, body. No other typefaces.
✓ Gold usage#B8935A for borders and primary accents. #D4AE7A for text on dark and number highlights. Both always together.
✓ Wave placementAlways at the bottom edge of the composition. Never across text areas. Flow left to right or right to left.
✓ PhotoPaget's photo always right-aligned, full height, cutout on transparent or gradient bg. Never cropped to circle or square.
✗ No other colorsNo pink, purple, blue, green, red, or gray. No pastel. No neon. Only gold + cream + ink.
✗ No flat solid bgNever solid #FFFFFF or solid #000000 as background. Always use the gradient/texture system.
✗ No regular starsUse 4-point elongated star ✦ only. Not ★, not ✶, not emoji ⭐.
✗ No script fontsNo handwritten or brush fonts. The italic in Cormorant is the only "soft" element.
✗ No thick strokesAll decorative lines (circles, waves, dividers) are 0.5–1px max. Never bold outlines or drop shadows.
04
Background System

Пять одобренных фонов. Используются как есть — без изменения цвета и насыщенности.

↓ Изображения прикреплены отдельными файлами (bg_*.png)

Фон 1
Фон 1 — Dark gold waves
Тёмный. Чёрно-коричневый + золотая волна снизу-справа + блики. Для тёмных баннеров.
Фон 2
Фон 2 — Light cream waves
Светлый. Кремово-золотой. Волна золотая, снизу. Основной для горизонтальных баннеров.
Фон 3
Фон 3 — Pure cream sparkle
Очень светлый. Кремовый с золотой пылью. Для минималистичных форматов.
Фон 4
Фон 4 — Warm gold glow
Тёплый золотой с концентрическими кругами + волны снизу. Основной вариант.
Фон 5
Фон 5 — Dark radial with circles
Тёмный. Радиальный градиент + концентрические круги в углах + золотые волны. Для premium-форматов.
05
Banner Examples

Реальные баннеры из материалов Paget Kagy. Эталон стиля для всех форматов.

↓ Изображения прикреплены отдельными файлами (banner_*.png, playlist_*.png)