Year
2026
Services
/
Web design
/
Web development
/
Branding & identity
/
Motion Design
Category
/
Portfolio
Duration
12 weeks
Live Website ↗
A Framer studio that needed proof it can hand-write production code.
AethrDesign's custom tier is built in Framer: fast, visual and easy for clients to run. It doesn't show that we can also hand-write production code, from fluid type systems to custom MDX pipelines. This project is that proof.
Work hosted on cheviszhou.com has been featured in Case Study Club and UX Design Weekly.
A hand-coded portfolio with a type scale built from first principles.
The build ports and extends a case-study-driven design language in Next.js, Tailwind v4 and MDX, with no template and no page builder.
Every type size comes from a Perfect Fourth scale, fluid across breakpoints through CSS clamp(). Layout, spacing and colour are documented and versioned like production code, the same discipline we bring to client builds.
Next projects.
(2021-26™)
