← Back to Portfolio
Web Development
Bodywork by Meowtin Practice Site
My own practice
React 19ViteTypeScriptTailwind CSS 4Framer MotionResponsive Design
Visit Site →
Designed and built massage.meowtin.com, the home for my licensed massage therapy practice — which also makes it the one project where I was simultaneously the developer, the client, and the person answering the phone when the booking flow doesn't work.
Built with React 19, Vite and Tailwind 4, mobile-first, because essentially everyone books a massage from their phone. Three sessions' worth of decisions on one page: what the work is (Swedish, deep tissue, myofascial release), what it costs, and a short path from landing to a request — plus imagery that sets a calm tone rather than a clinical one.
The site takes its theme from you, not from me. There are two full palettes — warm parchment by day, deep aubergine and gold by night — and which one you get is resolved before first paint by a blocking script in the document head: your own explicit choice if you have made one, otherwise
The part worth defending is what doesn't get saved: only an explicit tap of the toggle writes to storage. Persisting the resolved default would quietly pin a visitor to whatever their OS happened to say the first time they landed, and every later change to their system setting would stop reaching them. Someone who never touches the toggle keeps following their own preference — including when it flips at sunset.
The copy was the harder half. A bodywork site has to describe real benefit without promising outcomes — so every line names what I do rather than what will happen to you: ease tension, support easier movement, bring you back to your body. That constraint shaped the whole voice, and it's the same discipline that governs the rest of this site.
Fast, accessible, and deliberately simple to maintain — I run the practice, so the site had to be something I could update between appointments rather than a project of its own.
Built with React 19, Vite and Tailwind 4, mobile-first, because essentially everyone books a massage from their phone. Three sessions' worth of decisions on one page: what the work is (Swedish, deep tissue, myofascial release), what it costs, and a short path from landing to a request — plus imagery that sets a calm tone rather than a clinical one.
The site takes its theme from you, not from me. There are two full palettes — warm parchment by day, deep aubergine and gold by night — and which one you get is resolved before first paint by a blocking script in the document head: your own explicit choice if you have made one, otherwise
prefers-color-scheme. That ordering is why a dark-mode visitor never gets a flash of the cream page on load. React then reads the applied value back off the document rather than working it out again, so the first render can't disagree with what is already on screen.The part worth defending is what doesn't get saved: only an explicit tap of the toggle writes to storage. Persisting the resolved default would quietly pin a visitor to whatever their OS happened to say the first time they landed, and every later change to their system setting would stop reaching them. Someone who never touches the toggle keeps following their own preference — including when it flips at sunset.
The copy was the harder half. A bodywork site has to describe real benefit without promising outcomes — so every line names what I do rather than what will happen to you: ease tension, support easier movement, bring you back to your body. That constraint shaped the whole voice, and it's the same discipline that governs the rest of this site.
Fast, accessible, and deliberately simple to maintain — I run the practice, so the site had to be something I could update between appointments rather than a project of its own.
Screenshots
