Brand Kit
Our Visual Identity
The living style guide for Hey Photo Friend. Colors, typography, components, and assets — all in one place.
Palette
Brand Colors
Pink
#ea7eae
Primary brand color. Hero backgrounds, CTAs, accent highlights, section labels.
Mustard
#F5A623
Secondary warm accent. Sparkle icons, gradient endpoints, hover states.
Dark
#1a1a2e
Primary text. Headlines, body copy, dark-section backgrounds.
Cream
#FDFBF7
Default page background. Light sections, cards.
Blush
#fdf2f6
Soft pink background. Callout sections, featured areas.
Warm
#f9f5f0
Warm neutral. Alternate section backgrounds, subtle dividers.
Blue
#3B6FA0
Trust accent. Links, secondary buttons, informational highlights.
Navy
#1E3A5F
Deep accent. Footer, dark cards, Phase 1 highlights.
Orange
#E8941A
Energy accent. Badges, timeline dots, sparkles.
Sky
#7EB8DC
Light blue accent. Soft highlights, hover tints.
Sky Light
#E8F2FA
Pale blue wash. Gradient endpoints, subtle tints.
Typography
Five Typefaces
DM Sans
sansBody text — clean, modern, highly readable at all sizes.
The quick brown fox jumps
The quick brown fox jumps over the lazy dog. 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
Playfair Display
displayDisplay type — elegant serif for special moments.
The quick brown fox jumps
The quick brown fox jumps over the lazy dog. 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
Manrope
headingHeadings — geometric, confident, great at large sizes.
The quick brown fox jumps
The quick brown fox jumps over the lazy dog. 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
Poppins
poppinsLabels & UI — compact, clean, perfect for uppercased micro-copy.
The quick brown fox jumps
The quick brown fox jumps over the lazy dog. 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
Lora
serifSerif body — warm, inviting, used for longer descriptions.
The quick brown fox jumps
The quick brown fox jumps over the lazy dog. 0123456789
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
Components
Buttons & UI Elements
Buttons
Section Labels
Section Label
Hand-Drawn Underline
A special word
Pill Badges
Assets
Mascot & Logo
Robot Mascot
Default Inverted Tinted Mascot Head (Logo Mark)
Default Inverted Tinted