Where bold ideas meet machine speed.
The living reference for the Vivid Icon design system — logo, type, colour, and components. Every screen on the site is built from these tokens so the brand stays consistent by default.
The wordmark on every surface
VIVID·ICONAI-Powered Creative StudioVIVID·ICONAI-Powered Creative StudioVIVID·ICONAI-Powered Creative StudioSpace Grotesk & Space Mono
Display XL
Display LG
Display MD
Heading LG
Heading MD
Heading SM
Body LG — confident, direct, intelligent. A world-class creative director who also understands technology. Warm but not casual.
Body MD — the default reading size for long-form copy. Left-aligned, never centred, line-height 1.7 for comfortable reading.
Body SM — supporting detail and fine print.
Every token, with its hex
Theme 01 — Deep Ocean (dark)
#0A1628
--vi-bg-primary
Main page background
#0D1F3C
--vi-bg-surface
Section backgrounds
#142850
--vi-bg-card
Card / component bg
#1A3060
--vi-bg-elevated
Hover / elevated
#07070F
--vi-bg-footer
Footer (darkest)
#1E3560
--vi-border
Subtle borders
#2A4580
--vi-border-accent
Strong borders / focus
Theme 02 — Warm Frost (light)
#F5F4F0
--vi-frost-bg
Main light bg
#EDECEA
--vi-frost-surface
Section bg
#FFFFFF
--vi-frost-card
Card surface
#E0DED8
--vi-frost-border
Borders
#D4D2CC
--vi-frost-muted
Subtle dividers
Brand accents — teal always signals AI
#6C47FF
--vi-violet
Primary brand
#9D7FFF
--vi-violet-light
Hover
#4A2ECC
--vi-violet-dark
Pressed
#38E8A8
--vi-teal
AI signal
#0FA874
--vi-teal-dark
Teal on light
#FF4D8D
--vi-pink
Pop accent
#EF9F27
--vi-amber
Warm highlight
Buttons, badges, cards, stats
Buttons — hover each
Dark card
Hover lifts the surface to elevated and strengthens the border. Depth comes from layered tones — never drop shadows.
Light card
The only place pure white is allowed. Warm Frost borders keep it soft against the off-white background.
25+
Years of craft
Service AI labels
Ready to build something vivid?
Bold ideas, delivered at machine speed. Let's make your brand impossible to ignore.
VIVID·ICONAI-Powered Creative Studio9 Laidlaw Way, East Tamaki, Auckland
sales@vividicon.co.nz · www.vividicon.co.nz
Where bold ideas meet machine speed.