01
Logo
The RTJ Wellness logo is the primary visual identifier of the brand. It should always appear clearly and legibly with adequate spacing around it. Use the appropriate variant depending on the background.
PRIMARY — LIGHT
Light backgrounds
PRIMARY — DARK
Dark backgrounds
ON SAND
Neutral backgrounds
ON SAGE
Brand color backgrounds
02
Colour Palette
The palette is grounded in natural, earthy tones that evoke calm, trust, and vitality. Sage is the dominant brand color, supported by warm neutrals and a terracotta accent for energy and calls to action.
Primary Colours
SAGE
#7A8B6F
Primary brand color — buttons, links, accents
BARK
#3A3228
Headings, dark backgrounds, text
TERRACOTTA
#C4703F
Accent, CTAs, highlights, energy
SUPPORTING & NEUTRAL COLORS
Sage Light
#A3B18A
Sage Pale
#DAD7CD
Terracotta Soft
#D4956A
Bark Soft
#5C4F42
Sand
#F5F1EB
Sand Warm
#EDE8E0
Cream
#FEFCF9
Text
#2C2520
BRAND GRADIENTS
Sage Gradient
Terracotta Gradient
Full Brand Gradient
03
Typography
We pair Merriweather (a warm, authoritative serif) for headings with Outfit (a clean, geometric sans-serif) for body text. This creates a balance of credibility and modern readability.
Merriweather
Weights: 300 (Light), 400 (Regular), 700 (Bold), 900 (Black)
Outfit
Weights: 300 (Light), 400 (Regular), 500 (Medium), 600 (Semi), 700 (Bold)
Type Scale
Build Resilience
3.8rem · 900 · -0.02emReduce Stress
2.5rem · 900 · -0.015emTransform Your Life
1.5rem · 700 · -0.01emEvidence-Based Learning
1.2rem · 700 · -0.01emSelf-Paced Courses
1rem · 700 · 0Section Label Style
0.875rem · 700 · 0.03em04
Typography
Buttons use a pill shape (border-radius: 100px) to feel approachable and friendly. They feature subtle shadow lifts on hover with smooth transitions.
Primary
Secondary
Light
Dark
Muted
Info
Success
Warning
