Style Guide

Cedar & Stone

Color Palette
Primary Colors
A warm, earthy palette that evokes trust, comfort, and the tactile joy of reading together.
#2B2B2B
Charcoal
Primary text, dark backgrounds
#C26E3A
Burnt Sienna
Primary accent, CTAs, highlights
#6B7F4A
Sage Green
Secondary accent, stats bar
#D4A46A
Warm Gold
Decorative elements, icons
#F5F0E8
Warm Cream
Page background, cards
#FAFAF7
Off-White
Primary background
#F9E8D2
Peach Cream
Feature cards, soft highlights
#E8E6E0
Warm Gray
Borders, dividers
Typography
Type Scale
Pairing a classic serif for headlines with a clean sans-serif for body text creates warmth without sacrificing readability.
Display
Books They'll Outgrow, but Never Forget
Heading 1
A book read together is the most powerful thing
Heading 2
Stories that delight on every level
Subheading
CHILDREN'S BOOKS. DONE DIFFERENTLY
Body
We make children's books that parents actually want to read out loud. The kind that makes both of you laugh, wonder, and not want to skip just one more page.
Caption
The Cedar & Stone Promise

Serif (Headlines): DM Serif Display — used for all headings; italics for emphasis words like powerful, every, worth reading.
Sans-serif (Body): Inter — used for body copy, navigation, labels, and UI elements.

Components
Buttons & CTAs
Buttons are confident but approachable — dark primary actions, outlined secondary, and warm pill-shaped accent CTAs.
Design Tokens
Spacing & Shape
8px
Base spacing unit
6–12px
Border radius (cards)
24px
Border radius (pill buttons)
1200px
Max content width
Usage Guidelines
Color Application

Accent Usage

Burnt Sienna is used sparingly for section labels, italic emphasis words, numbered features, and primary CTAs. It draws the eye without overwhelming.

Green Bar

The sage green appears in the full-width stats/metrics band. It provides a grounding contrast to the warm tones and signals credibility.

Backgrounds

Alternating between off-white and warm cream sections creates visual rhythm without hard dividers. The quote section uses a cream background for emphasis.

Dark Sections

The charcoal quote section and footer create contrast anchors. White or cream text on dark backgrounds for high-impact moments.

Brand Personality
Design Mood
The overall aesthetic is warm, editorial, and parent-friendly — premium without being pretentious.
Warm & Earthy Editorial Approachable Quietly Premium Parent-Friendly Story-Driven Tactile Nostalgic