Block Therapy
Design System

Brand Guide

Block Therapy visual identity — colors, typography, and design principles.

Logo

Block Therapy Logo — Light Background
Block Therapy Logo — Dark Background

Color Palette

Our warm, natural palette reflects wellness, earth, and energy.

Cream

#FAF7F2

--cream

Orange

#E07B39

--orange

Orange Light

#F4A574

--orange-light

Orange Dark

#C4612B

--orange-dark

Earth

#3D3D35

--earth

Earth Light

#5C5C52

--earth-light

Warm White

#FFFDF9

--warm-white

Gold

#C4A962

--gold

Gold Light

#E8D9A6

--gold-light

Blush

#F5E6E0

--blush

Typography

Two typefaces create a clear hierarchy between display and body text.

Display

Cormorant Garamond

Used for headings, hero text, and display elements. Elegant serif with italic variations.

Aa Bb Cc Dd Ee

The quick brown fox

Weights: 400, 500, 600

Body

Plus Jakarta Sans

Used for body text, navigation, buttons, and UI elements. Clean, modern sans-serif.

Aa Bb Cc Dd Ee

The quick brown fox jumps

Weights: 300, 400, 500, 600, 700

Components

Key UI patterns used across the site.

Buttons

Cards

Soft Shadow

Default card style with subtle shadow.

Medium Shadow

Elevated card for emphasis.

Lifted Shadow

High-emphasis floating card.

Border Radii

Small

8px

Medium

16px

Large

24px

XL / Pill

40px