Resources

Style Guide

Home  /  Style Guide

The visual language behind this site — warm, calm, and confident, like good coaching.

01 — Color

A Palette That Breathes

Sage #3F7A5C
Header, footer, bands

Cream #FAF6EC
Cards, FAQ

Mint #DCEDD8
Testimonials

Peach #F6C874
CTA band

Ember #C4510F
Primary buttons

Ink #33373B
Headings

02 — Typography

Poppins, With Weight on Purpose

Headings — Bold, 700

Subheads and labels — Medium, 600/500

Body copy — Regular, 400. Readable at small sizes, warm in tone, never louder than the message it carries.

Handwritten accents — Caveat

03 — Components

Buttons & Cards

Primary Action Secondary Action Quiet Action

Cards pair soft fills with ink headlines

  • Cream or mint surfaces, 14px radius
  • One clear headline per card
  • Real SVG icons — never emoji
Made with Grigora