Website — 2026
ABDM Website
Overview
ABDM Website
A design system rebuilt from primitives — tokens, components, and motion — with a Figma library and a code library that stay in sync. Adopted across three product surfaces and a marketing site.
Detail
- Studio
- Creativemyke
- Category
- Website
- Year
- 2026
Film
ABDM — system overviewGallery
05 Frames
What's Included
- Token pipeline: Figma variables → JSON → Tailwind theme
- Headless React components with Radix primitives under the hood
- Storybook with visual regression and interaction tests
- Code Connect mappings for design-to-code parity
- Accessibility baked in — keyboard, focus, contrast, motion
- Cut new-feature design time roughly in half across teams
