Accessible design
I've been designing for about 15 years now, and the longer I do this the more I believe that good design should just work for everyone. Not as a feature or an afterthought, but as a starting point.
This site was built with that in mind. Every decision, from the colour palette to the typography to how the animations behave, was made with the goal of creating something that feels calm, clear, and respectful of how different people experience the web.
Clarity first
Everything on this site uses semantic HTML with a proper heading structure, so screen readers and assistive technologies can make sense of it. Text is set at a minimum of 16px for body copy because anything smaller is just making people squint. The monospace typeface keeps character widths consistent, which makes reading feel more predictable and less visually noisy.
Nothing demands your attention
There's no autoplay, no pop-ups, no countdown timers, no urgency tactics. Nothing disappears if you don't click fast enough. The site adapts its colour palette throughout the day based on your local time, but gently. Muted tones, generous whitespace, no harsh contrast or overstimulation. The idea is that it should feel like a space you can sit in, not one that's trying to grab you.
You're in control
If you prefer less motion, there's a toggle in the footer that disables all animations instantly. It also respects your system's reduced motion setting automatically. Every interactive element is reachable via keyboard with visible focus indicators, and there's a skip navigation link to jump straight to the content. Touch targets are at least 44px throughout, because small buttons are just bad design.
Calm by default
The seven time-of-day colour themes all meet WCAG AA contrast ratios. The layout is deliberately simple and predictable. Navigation works the same way on every page, nothing moves unless you ask it to, and information is revealed through natural conversation rather than overwhelming you with everything at once. Plain language throughout, no jargon, no corporate speak.
Works everywhere
Responsive from 320px upward, tested across mobile, tablet, and desktop. Screen reader support with ARIA live regions for chat messages and typing indicators. The site works on whatever device or browser you use, because that shouldn't be your problem.
Where it's not perfect yet
The AI chat responses can vary in readability and aren't always optimally structured for screen readers. The sun dial drag interaction in the header may be difficult with some assistive technologies, though the time theme changes automatically based on your local clock anyway. And external links lead to sites I don't control.
Let me know
If something on this site doesn't work for you, I genuinely want to hear about it. Drop me a message via the contact form and I'll sort it out.
Built with reference to WCAG 2.1 Level AA and the Equality Act 2010.