Wellness Homepage — Warm Earthy Light-Mode Variant
A grounded homepage with a serene hero, featured offerings, and a warm invitation-style CTA, pilots a yoga teacher's site but the pattern fits any wellness, lifestyle, or slow-living creator.
Best for: Yoga, wellness, mindfulness, and lifestyle creators who want a homepage that reads as calm and inviting rather than busy or transactional.
Live preview — scroll inside the frame to see the full page.
What it does
- Invitation-style hero — the top of the page welcomes visitors into a practice rather than pushing them toward a sale
- Featured offerings lineup — three to four warm cards highlight the creator's main programs, classes, or memberships
- Personal-story moment — a short paragraph and photo introduce the creator and their teaching
- Benefits or values block — short blocks describe what students can expect (calm, focus, embodiment, community) in plain warm language
- Quiet social proof — a single testimonial or short quote strip adds trust without disrupting the calm pacing
- Soft primary CTA — a clear but gentle CTA points visitors to the natural next step (start here, free resource, classes)
Best use cases
- Yoga and movement teachers — anchoring a personal-brand homepage in calm, considered visuals
- Wellness educators — building a homepage that reads as restorative rather than salesy
- Mindfulness and meditation creators — pairing serene imagery with a clear path into offerings
- Slow-living and lifestyle creators — running a homepage that mirrors the brand's pacing
- Therapists and healers — establishing trust through warmth and visual register before any offer
What you can change with your DNA
When you run this through the remix skill, your CCOS DNA — brand, voice, audience — drives these decisions automatically:
- Colors — slots for warm cream background, earthy accent on CTAs, serif headline color, body text color, and a secondary accent for highlights
- Fonts — one display serif for headlines and pull quotes paired with a clean body font for paragraphs
- Copy — invitation-style hero, three to four offering descriptions, personal-story paragraph, benefits/values block, testimonial quote, and CTA copy
- Images — serene practice photography, peaceful nature scenes, creator portraits, and warm workspace imagery
- Behavior — choose how many offerings show, whether the testimonial is static or rotating, and where the primary CTA sends the visitor
How remixing works
From "swiped it" to "shipped it" in three steps.
Pick a remix
Browse the library, find one that fits — like this one.
Run it through your DNA
The remix skill uses your CCOS DNA to swap colors, fonts, copy, and structure so it lands as yours.
Ship it
Paste the finished HTML into Thinkific, Kajabi, WordPress, or any platform that takes embed code.
Create a new list
Save your favorites
Email me a magic link and I'll add this to your favorites list.