Structure & Movement

Click to flip

Test Card

Sample Card Title

Sample Card Title

Subtitle in Dark Teal

Body text in dark navy (#000F36). Light blue borders (#8AE9FF) framing both sides. Dark teal (#093A47) for headings and accents.

Click to flip

Test Card 2

Second Card Test

Second Card Test

Side by Side

Dark teal front with light blue accents — distinct from both the navy site palette and the emerald Work tier.

TBI Hierarchy of Health – Color Palette

TIER 1: RELATIONSHIP TO SPIRIT

Purple/Lavender

Card: #9B7EBD → #C8A5E0
Border: #350378 (Dark Purple)

TIER 2: RELATIONSHIP TO SELF

Periwinkle Blue

Card: #7B9FD3 → #A5C8F0
Border: #2A4B7E (Navy Periwinkle)

TIER 3: INTIMACY

Burgundy/Wine

Card: #8B3A62 → #A15075
Border: #6D3F54 (Dark Mauve)

TIER 4: WORK

Emerald Green

Card: #015142 (solid)
Border: #FFF8E7 (Cream)
Back: White with green text


REMAINING TIERS (Original Planned Colors)

TIER 5: MOVEMENT

Coral/Terracotta
#D4956B → #F0C090

TIER 6: DIET

Ocean Teal
#6FA8A8 → #95D0D0

TIER 7: LASTLY

Golden Amber
#C4A05E → #E8C878