Respire — studio
Marketing site for a yoga studio
Demonstration project — not commissioned by a client. Built to illustrate a capability or an approach.
View the live site ↗
- Sector
- Demo · Wellbeing
- Year
- 2026
- Stack
- HTML · CSS
The need
A brief I set myself: a studio living on memberships and word of mouth. The visitor’s question: which class, which day, how much? Answer it without three screens of scrolling.
What I did
Photo hero with an animated breathing circle, four classes as cards, image band, a timetable that flags the current day and announces the next class, pricing grid, and a guided one-minute breathing timer. Optical serif (Newsreader) with a warm grotesque (Karla), sage / stone / clay palette, plenty of air, animations disabled if the user reduces motion. Royalty-free photos (Pexels).
The outcome
Shows the treatment of a recurring service: readable timetable, transparent pricing, a visible first-class offer. Careful accessibility (contrast, reduced motion).