The Art of Doing Nothing
A nature retreat design system rooted in earthy warmth and mindful simplicity.
Color Palette
Warm cream, dark forest green, and terracotta — an earthy palette that feels grounded and timeless.
Cream
#f5f0e8
Background · Primary surface
Forest Green
#1a2e1a
Foreground · Headings & body
Terracotta
#c45c2c
Accent · CTAs & links
Sand
#e8ddd0
Accent Secondary · Surfaces
Muted
#8a7e6b
Subdued text · Secondary info
Surface
#f0ebe3
Cards · Elevated surfaces
Border
#d4c9b8
Borders · Dividers
Typography
Cormorant Garamond for headlines and accents; Manrope for body text and UI elements.
Display
Cormorant Garamond
56px Display
40px H2
28px H3
20px H4
Body
Manrope
18px Body Large — The quick brown fox jumps over the lazy dog
16px Body — The quick brown fox jumps over the lazy dog
14px Caption — The quick brown fox jumps over the lazy dog
14px Mono — #c45c2c
Spacing & Grid
12px baseline grid with spacing tokens from 8px (xxs) to 96px (xxl).
8px
xxs
12px
xs
16px
s
24px
m
32px
l
48px
xl
64px
xxl
96px
xxxl
Components
Reusable Building Blocks
Buttons
Tags
Card
Forest Bathing
Immerse yourself in the ancient practice of shinrin-yoku, surrounded by towering pines and the gentle sound of running water.
Inputs
Your Name
Email Address
Imagery
Visual Language
Forest Canopy
Towering pines filtering morning light
Stone Pathway
Smooth river rocks guiding the way
Terracotta Detail
Handmade pottery catching warm light
Voice & Tone
How We Speak
Calm
We never rush. Our words breathe. We invite, we don't push. Silence is as powerful as speech.
Example
"Let the world quiet down. Your retreat begins here."
Grounded
We speak from the earth. Real materials, real experiences, real transformation. No pretense.
Example
"Built from local stone. Heated by the sun. Shaped by hands that know the land."
Natural
Language flows like water. Simple, unhurried, alive. We find poetry in the ordinary.
Example
"Breathe in the pine. Feel the earth beneath you. You are already home."
Motion
Movement as Meditation
Easing Curves
Ease In — cubic-bezier(0.4, 0, 1, 1)
Ease Out — cubic-bezier(0, 0, 0.2, 1)
Ease In-Out — cubic-bezier(0.4, 0, 0.2, 1)
Duration Scale
Instant — 100ms
Fast — 200ms
Normal — 300ms
Slow — 500ms
Contemplative — 800ms