Ooma Birth Style Guide
Colors
Primary
bg-primary
Primary Light
bg-primary-light
Primary Dark
bg-primary-dark
Secondary
bg-secondary
Secondary Light
bg-secondary-light
Secondary Dark
bg-secondary-dark
Tertiary
bg-tertiary
Background
bg-background
Accent
bg-accent
Text
bg-text
Text Light
bg-text-light
Text Dark
bg-text-dark
Typography
Heading 1 (text-4xl)
Font: Jost, 3rem, font-bold
Heading 2 (text-3xl)
Font: Jost, 2.25rem, font-semibold
Heading 3 (text-2xl)
Font: Jost, 1.875rem, font-semibold
Heading 4 (text-xl)
Font: Jost, 1.5rem, font-semibold
Heading 5 (text-lg)
Font: Jost, 1.25rem, font-semibold
Heading 6 (text-base)
Font: Jost, 1rem, font-semibold
Body Text (text-base) - Roboto, 1rem, font-normal
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam auctor, nisl eget ultricies ultricies, nunc nisl aliquam nunc, eget aliquam nisl nisl eget nisl. Nullam auctor, nisl eget ultricies ultricies.
Small Text (text-sm) - Roboto, 0.875rem
Buttons
Provider Button
Get Started Button
Tags & Badges
DoulaMidwifeLactation ConsultantBirth Photographer
Cards
Spacing
xs (4px)
sm (8px)
md (16px)
lg (24px)
xl (32px)
2xl (48px)
3xl (64px)