Breathe in salt air.
Botanical calm. A yoga site that breathes at the same pace as the practice.
A small yoga studio a five-minute walk from Manly Beach. The teachers are senior, the studio is intimate, the timetable is the most important page on the site. The pitch is quietly serious yoga, not a rebranded gym selling "flow classes". The site needs to attract a customer who already knows the difference.
The typefaces.
A two-typeface system. One for personality, one for utility. Both pulled from Google Fonts, both load in under 100ms on a 4G connection.
Italic serif at large display sizes, set in lowercase. Slow, hand-set feel. Mimics the lowercase aesthetic many wellness brands use, but with more weight and craft than Canva templates.
Clean modern sans for the timetable, where readability and spacing precision matter most. Soft warm grey, never pure black.
Five colours.
A palette tight enough to be unmistakable, broad enough to handle every layout the site will need. Tested at WCAG AA contrast against the body copy.
The layout.
Four key moments on the homepage. Each does one job, set in the order most visitors will need them.
Italic lowercase serif, terracotta and forest circles overlapping in the corner. The whole hero fades in over two seconds. Calm, never sluggish.
Not a sidebar feature. The full week's schedule is the second screen. Day, time, class type, teacher, level. One glance answers the only question that matters.
Each senior teacher gets a real page with their bio, their training, the classes they teach. Yoga is sold on the human; the website should reflect that.
Persistent soft offer at the bottom of every page. New students. No catch. Lower the barrier to the door.
The full homepage.
What I would do for a real client.
This case study is a design concept. If we built it for an actual wellness business, here is how the work would extend.
A page about the studio space itself. What the room looks like, the props, the changing area, the shower situation. New students worry about practical things, not just the practice.
The over-prescription of stock photos of women in expensive activewear. Real students, photographed once a year by someone good, with the studio's permission. Or simply illustrations and type.
Mindbody timetable embedded so it is always live. CSS-driven botanical illustrations (no third-party SVG libraries) for the breathing-pace fade animations.
Ready to see what your site could look like?
The first chat is 15 minutes, no commitment. After that, I will build you a real working demo before you pay anything.