About
A small studio that finishes things.
Studio Meridian designs and builds websites for companies where the site is the first impression and often the only one. Three projects, 47 pages, and every interactive system on them written from scratch rather than assembled from plugins.
How we work
-
The design system comes first
Every project starts with tokens — colour, type scale, spacing, motion — and the pages are assembled from them. It is why three sites built in the same repository do not look like three skins of one template.
-
Accessibility is not a phase
Custom widgets get the correct ARIA and a real keyboard model while they are being written, because retrofitting a date picker is more expensive than building it properly and usually does not happen.
-
One implementation, not two
Where the server and the browser both need the same logic — rates, prices, cart maths — it lives in one module both import. Two copies of a pricing rule is a bug waiting for a deadline.
-
Claims get verified
Every interactive system on this site is driven end to end in a real browser, and the assertions check exact figures rather than that something appeared. If a number is quoted in a case study, a test produced it.
What we do
| Design | Design systems, art direction, interaction design, responsive layout |
|---|---|
| Front end | Semantic HTML, modern CSS, vanilla JS, SVG, progressive enhancement |
| Accessibility | WCAG 2.2 AA, ARIA authoring practices, keyboard models, screen-reader testing |
| Performance | Static generation, zero-dependency delivery, no layout shift, performance budgets |
| SEO | Structured data, Open Graph, sitemaps, canonical strategy |
| Handoff | Documented build, integrity checks in CI, hosting guides written for non-developers |
Plainly
Aurelia, Northwind and Forma are fictional brands. They were invented so that three very different problems — art direction, technical communication and transactional UX — could be solved properly rather than gestured at. The companies are not real; the engineering is.
All imagery is original generated vector artwork. Nothing is licensed, nothing is hotlinked, and there is no stock library anywhere in the build. That was a constraint rather than a preference, and on Forma it turned into the design.
Every form on these sites validates and then stops. There is no backend, nothing is transmitted, and no payment details are requested at any point on the storefront. Each form has a single documented hand-off point where a real endpoint drops in.
The whole portfolio is static HTML, CSS and JavaScript with zero runtime dependencies — no framework, no bundler, nothing to keep patched. It is hosted by pointing a web server at a directory.