Brand
Guidelines for Cherry Moments — palette, type, logos, and voice.
Voice & messaging
Name: Cherry Moments
Create Beautiful, Personal Websites for all Your Special Moments.
Easily design a private place to share photos, RSVPs, registries, and more for every event.
- Warm and celebratory, never corporate
- Plain language for hosts and guests
- Editorial layout — airy spacing, no heavy card UI
Colors
Cream
#fffbf7
--cherry-cream
Page backgrounds
Chocolate brown
#4a3228
--cherry-brown
Body text, headlines (UI)
Dusty pink
#d68d8d
--cherry-pink
Primary CTAs in nav
Forest green
#4b6e4f
--cherry-green
Hero CTA, accent links
Sage
#a8c5a0
--cherry-sage
Decorative accents
Footer wash
#f5efe6
--cherry-footer
Footer background
Wordmark gold
Used in brand-wordmark.svg (linear gradient + emboss). Regenerate with npm run wordmark:build.
Highlight
#9c9578
Mid
#787152
Shadow
#6a6245
Typography
Nunito — Sans — body & UI
--font-sans · Nunito · 400, 500, 600, 700
Celebrate every cherry-picked moment.
RSVPs, registries, timelines, and photo galleries — all in one place for your guests.
Fraunces — Display — headlines
--font-display · Fraunces · 400–700 (variable)
Celebrate every cherry-picked moment.
RSVPs, registries, timelines, and photo galleries — all in one place for your guests.
The logotype (CHERRY MOMENTS) is a custom vector trace, not Fraunces or Nunito.
Logos
Wordmark — on cream (site default)
mix-blend-screen on cream
Wordmark — on black (raw asset)
Cherry mascot

Assets
- /brand-wordmark.svg ↓
Wordmarkprimary
Primary logo type (vector, gold gradient). Use on cream with mix-blend-screen.
- /brand-wordmark.png ↓
Wordmark PNG
Raster export from SVG (transparent).
- /logo.png ↓
Cherry mascot
Icon mark for favicon, hero, and compact lockups.
- /hero-brand.webp ↓
Hero watercolor
Full-bleed landing background.