Rasa

Quiet, meditative, and grounded. Immersive deep forest-green surfaces pair with refined serif typography and warm amber glows to create an atmosphere of immediate somatic calm.

warm quiet

Visit site

Colour

Background#0b1d15

Text#f5f5f0

Accent#c49d62

Surface#1a2e26

Muted#a0a0a0

Typefaces

Display: Playfair Display
Body: Inter
Mono: ui-monospace
Source: self_hosted
Scale: 12 · 14 · 16 · 18 · 20 · 24

Layout

Grid: —
Container: —
Spacing base: 4px
Radius: 12px · 24px · 9999px

Capture

Category: health
Sections: 7
Captured: 2026-08-29
Rhythm: dark x7

Type rules

editorial display headlines set in sentence-case Playfair Display serif
longform body copy set in Inter at 20px with generous line height for breathing room
card metadata and micro-labels set small in muted sans-serif

Colour rules

deep forest green background #0b1d15 dominates the entire scroll experience
warm amber gold #c49d62 reserved exclusively for primary interactive pills and subtle glow motifs
card surfaces defined by subtle dark green tints and hairline borders at #1f3630

Voice rules

lead with friction-reducing disclaimers like no signup or no commitment
use gentle, non-dogmatic language focused on brief somatic shifts

Holds it together

maintain a continuous dark forest-green background across all sections without stark light shifts
frame interactive practice previews inside rounded dark container cards with hairline borders
pair every primary reset card with duration and method metadata pills at the base
use golden accent pills sparingly for top-level calls to action only

Contrast

text on background16.0:1 AAA

muted text on background6.7:1 AA

text on surface13.1:1 AAA

accent on background7.0:1 AA

background on accent7.0:1 AA

Type, measured

Body: 20px / 1.63
Measure: 81 characters
Display: 60px / 1.25
Tracking: 0em display
Scale ratio: 1.32

Voice

Tone: calm, reflective, grounded
Sentences: medium
Person: second
Vocabulary: plain
Calls to action: try, start, join

Built with

Builder: —
Framework: next
Motion: —
WebGL: —
Nav: sticky_top_bar, 7 items, sticky
Length: 7.8 screens

Sections in page order

3 marked strong · 7

Rhythm — each block is a section, as wide as it is tall, in the colour it is on

00
hero
Deep forest-green wellness hero balancing elegant serif typography with a glowing interactive breathing reset card.
Mood
warm + quiet
Layout
1 col · split · airy
Open section →
01
feature
Strong
A tranquil, dark green wellness section combining subtle UI feature cards with centered, reflective editorial prose in refined serif typography.
Mood
quiet + editorial
Layout
1 col · stacked · airy
Open section →
02
feature grid
Strong
A serene card grid in deep forest green offering bite-sized mindfulness exercises with glowing golden motifs.
Mood
quiet + warm
Layout
4 col · grid · balanced
Open section →
03
feature
Strong
Quiet, contemplative dark green essay section blending a structured three-card feature grid with longform editorial philosophy.
Mood
quiet + editorial
Layout
12 col · stacked · airy
Open section →
04
cta
Quiet and meditative dark green card inviting the user into a calm messaging community with refined typography.
Mood
quiet + luxurious
Layout
12 col · centered · airy
Open section →
05
faq
Deep forest-green FAQ section balancing an elegant serif header with two tidy columns of rounded accordion capsules.
Mood
quiet + warm
Layout
2 col · grid · balanced
Open section →
06
footer
A serene, contemplative deep-green footer with spacious editorial typography and poetic brand credits.
Mood
quiet + editorial
Layout
4 col · grid · airy
Open section →