Creativemyke
  • Home
  • Projects
  • Media
  • Softwares
  • Contact
Atlas — case study hero
Systems — 2025

Atlas Design System

Overview

Atlas Design System

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
Systems
Year
2025

Film

Atlas — system overview

Gallery

04 Frames
Atlas — token system
Atlas — component library
Atlas — Storybook coverage
Atlas — Figma library

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
View Case Study

More Works

View all
  • Ledger — case study hero
    Tools

    Ledger CLI

    2024
  • Gridiron — case study hero
    Branding

    Gridiron — Sports Identity

    2024