Visual Identity
Brand Guidelines
The complete guide to our visual identity, colors, typography, and logo usage.
Our Identity
Logo & Wordmark
The Starlit Ivory Events logo combines an elegant ampersand with our wordmark, representing the union of two hearts and the celebration of love.
Primary Logo - Light Background
Primary Logo - Dark Background
Logo Icon - The Ampersand
Compact Logo - Navigation & Small Spaces
Usage Guidelines
✓ Do
- • Use the full logo on marketing materials
- • Maintain clear space around the logo
- • Use approved color combinations
- • Scale proportionally
✗ Don't
- • Stretch or distort the logo
- • Change the colors arbitrarily
- • Add effects like shadows or gradients
- • Place on busy backgrounds
Typography
Our Fonts
A carefully curated selection of typefaces that convey elegance, romance, and sophistication.
Playfair Display
Used for headlines, the logo wordmark, and hero text.
Aa Bb Cc
The quick brown fox jumps over the lazy dog
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Cormorant Garamond
Used for subheadings, navigation, labels, and elegant accents.
Aa Bb Cc
The quick brown fox jumps over the lazy dog
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Raleway
Used for body text, paragraphs, and UI elements.
Aa Bb Cc
The quick brown fox jumps over the lazy dog
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
Type Scale
Color System
Theme Colors
Our semantic color tokens used throughout the interface.
Primary
--primary
Dusty Olive 700 - Main brand color for buttons, links, and key elements
Primary Foreground
--primary-foreground
Ash Grey 50 - Text on primary backgrounds
Secondary
--secondary
Light Bronze 200 - Accent color for highlights and CTAs
Secondary Foreground
--secondary-foreground
Light Bronze 900 - Text on secondary backgrounds
Background
--background
Ash Grey 50 - Main page background
Foreground
--foreground
Dusty Olive 900 - Main text color
Muted
--muted
Ash Grey 100 - Subtle backgrounds
Muted Foreground
--muted-foreground
Ash Grey 500 - Secondary text
Accent
--accent
Desert Sand 300 - Additional accent color
Card
--card
White - Card backgrounds
Border
--border
Ash Grey 200 - Borders and dividers
Full Spectrum
Color Palettes
Our complete color system with shades from 50 to 900.
Light Bronze
Our signature accent color, evoking warmth and elegance
50
#f8f1ed
100
#f0e2db
200
#e2c5b6
300
#d3a992
400
#c58c6d
500
#b66f49
600
#92593a
700
#6d432c
800
#492c1d
900
#24160f
Desert Sand
Warm, earthy tones for accents and highlights
50
#f8f1ed
100
#f0e3db
200
#e2c8b6
300
#d3ac92
400
#c5906d
500
#b67549
600
#925d3a
700
#6d462c
800
#492f1d
900
#24170f
Dusty Olive
Our primary color, representing sophistication and nature
50
#f3f4f1
100
#e7e8e3
200
#cfd1c7
300
#b6baab
400
#9ea38f
500
#868c73
600
#6b705c
700
#505445
800
#36382e
900
#1b1c17
Ash Grey
Neutral backgrounds and subtle elements
50
#f4f4f1
100
#e9e9e2
200
#d2d2c6
300
#bcbca9
400
#a5a58d
500
#8f8f70
600
#72725a
700
#565643
800
#39392d
900
#1d1d16
Dry Sage
Soft, muted greens for natural accents
50
#f4f4f1
100
#e9e9e2
200
#d2d2c6
300
#bcbca9
400
#a5a58d
500
#8f8f70
600
#72725a
700
#565643
800
#39392d
900
#1d1d16
Powder Petal
Vibrant accents for special highlights
50
#fff1e5
100
#ffe2cc
200
#ffc599
300
#ffa866
400
#ff8b33
500
#ff6e00
600
#cc5800
700
#994200
800
#662c00
900
#331600
“Creating timeless, romantic celebrations inspired by your unique love story.”