King Code's palette is built on Stone Black and Antique Gold — a combination that reads as forged, ancient, and premium. Silver and Gunmetal add a cool metallic contrast. Bright gold and Navy are reserved for rare moments of emphasis.
Colour Usage Distribution
Dark 55%
Gold 20%
Silver 12%
Neu 8%
5%
Stone Black + Obsidian (dominant surfaces)
Antique Gold (workhorse accent)
Gunmetal + Pewter (cool secondary)
Neutral palette (light surfaces)
King's Gold (emphasis only ~5%)
Primary Accent · ~20% usage
Primary: Antique Gold
Deep Copper
#7A6535
Active states, pressed buttons, dark-mode inline links
Antique Gold
#BEA563
Primary CTAs, heading accents, borders on dark, runic motif fills — the bedrock brand colour
Warm Gold
#D4B97A
Hover states, lighter accents on dark, icon fills on light surfaces
Antique Gold (#BEA563) is the signature accent of King Code — present on almost every surface but never overwhelming. It should feel earned and intentional: border lines, CTA buttons, headline accents, runic symbols.
Secondary dark surfaces, card hover states, layered panels
Forge
#3D3A34
Table rows, input backgrounds on dark, subtle contrast on Obsidian
Stone Black (#1C1A17) is the dominant brand surface. Warm blacks rather than cool greys — this is what separates King Code from generic dark-mode tech brands. The warmth echoes the gold and keeps the palette unified.
Secondary Accent · ~12% usage
Secondary: Gunmetal + Silver
Dark Gunmetal
#4A4E54
Divider lines on dark surfaces, secondary icon strokes
Gunmetal
#70747A
Secondary buttons on dark, metallic detail accents, supporting iconography
Pewter
#9EA3AB
Secondary text on dark, captions, metadata labels
Blade Silver
#C8CDD4
Decorative silver text on dark, metallic graphic accents
Silver and Gunmetal provide cool contrast against the warmth of Antique Gold. Used together they suggest forged metal — a blade alongside a coin. Use silver for decorative or secondary elements; never let it compete with Antique Gold for primary attention.
Rare · ~10% usage
Rare: Shadow Navy + King's Gold
Shadow Navy
#171F46
Hero/cover backgrounds only. Never use for general surface — reserve for singular brand moments
King's Gold
#F5B614
Maximum ~5% usage. Headline emphasis, single most important CTA on a page, never as background fill
Solar Gold
#FFC93E
Hover state for King's Gold only. Not a standalone colour
King's Gold (#F5B614) is powerful precisely because it is rare. Save it for the single most important element on a page — a badge, a price, one headline word. Shadow Navy is reserved for the brand cover and full-bleed hero surfaces only.
Neutral: Parchment Scale
Ash
#4C4C4C
Body copy on light backgrounds
Stone
#A6A6A6
Secondary labels, metadata
Bone
#E5E1DE
Borders, dividers on light surfaces
Parchment
#F3EFED
Light section backgrounds, alternating rows
Near-White
#FEFDFB
Page backgrounds, clean content surfaces
02
Section 02
Typography
Playfair Display carries the brand's authority and character — high contrast, editorial, slightly dramatic. Lato provides clarity and directness for all body copy and UI text. Together they balance heritage with legibility.
Display Typeface · Playfair Display · All headings and display text
Lato · Google Fonts · Sans-Serif · Body copy, UI text, buttons, captions, form fields
Aa
300 / Light
Aa
400 / Regular
Aa
700 / Bold
TYPE SCALE
Display
King Mode
64px / Playfair Display SemiBold 600
H1
The 28-Day Path
48px / Playfair Display SemiBold 600
H2
The Four Archetypes
36px / Playfair Display SemiBold 600
H3
Warrior Foundation
28px / Playfair Display Medium 500
Body Large
Transform your life with 28 days of focused runic protocol.
18px / Lato Regular 400
Body
Direct language, no fluff. Speaks like a man talking to a man.
16px / Lato Regular 400
Caption
Card references, metadata, supporting context
14px / Lato Regular 400
03
Section 03
Graphic Elements
Four archetypal symbols form the core of King Code's visual vocabulary. Each represents one phase of the 28-day protocol. All graphic work is geometric and abstract — forged, not decorated.
The Warrior
Days 1–7
The Lover
Days 8–14
The Magician
Days 15–21
The King
Days 22–28
Graphic direction: All archetype symbols use Antique Gold (#BEA563) as the primary stroke with Gunmetal (#70747A) for inner detail lines. On light backgrounds, invert to dark fills. Avoid drop shadows on all iconography — let geometric precision do the work. Runic marks are abstract and modern; never literal crowns, coats of arms, or stock royalty imagery. The dot grid (visible on the cover) is a recurring texture — use it as a mask overlay, never as a dominant visual.
04
Section 04
Buttons & Interaction
All buttons use full pill radius (100px). Antique Gold is the primary action colour on all surfaces. King's Gold is reserved for the single most important CTA on a page — not a default. Gunmetal provides a subdued secondary option on dark surfaces.
