Both concepts side-by-side — palette, type, components, and modal previews. Use this to give precise feedback ("I like Hearth type but Atrium gradient").
Concept A
Hearth
Palette
#FBF5EB
Background
#FFFCF6
Surface
#C67B5C
Terracotta
#E53E3E
Heart
#2B2520
Charcoal
#7A6F65
Muted
#4EC5B5
Teal
Typography
H1 — Lora 500
Your child's doctor, always within reach
H2 — Lora 500
Pediatric care that fits your life
Body — Manrope 400, line-height 1.7
Message your care team directly through the Spruce app — anytime 7 AM to 5 PM, Monday through Friday.
Small — Manrope 400
Spokane, WA · Coeur d'Alene, ID · Post Falls, ID
Components
Eyebrow
How It Works
Buttons
Card
Text or Call Us
Message your care team directly through the Spruce app…
Spruce chat preview
Preview only — nothing is sent or charged.
Hi — Mia woke up with a 103° fever…
Sounds like strep. Can you come in?
Yes! We'll be there in 30 min. 🙏
Hint enrollment preview
Preview only — nothing is sent or charged.
Family info
Parent name
Email
Stripe checkout preview
Preview only — nothing is sent or charged.
Arrowleaf Pediatrics
$199.00/month
Email
Card number
Logo sizes
ArrowleafPediatrics
Large
ArrowleafPediatrics
Medium
ArrowleafPediatrics
Small
Dark background variant
ArrowleafPediatrics
Concept B
Atrium
Palette
#FFFFFF
Background
#F4F8FB
Surface
Gradient
Hero
#E53E3E
Heart
#0F1E2E
Navy
#5A7080
Muted
#E5EEF5
Hairline
Typography
H1 — Manrope 700, letter-spacing -0.035em
Your child's doctor, always within reach
H2 — Manrope 700
Pediatric care that fits your life
Body — Manrope 400, line-height 1.65
Message your care team directly through the Spruce app — anytime 7 AM to 5 PM, Monday through Friday.
Small — Manrope 400
Spokane, WA · Coeur d'Alene, ID · Post Falls, ID
Components
Eyebrow
How It Works
Buttons
Card
Text or Call Us
Message your care team directly through the Spruce app…