Teachable —
UNI Design Language System consolidation

The challenge was to create and scale a unified design system, that could support multiple teams. Building consistency while ensuring flexibility across platforms required balancing speed, governance, and adoption at scale.

+35%
Improved time-to-market for new product features.

-42%
Reduced UI inconsistencies between design and development.

+100
Audited components and a prioritized working backlog.

Key Actions

  • Launched the “Consistency Project” to close gaps between Figma files and Storybook components.
  • Designed a migration and integration plan with, producing a unified multi-brand theme called UNI.
  • Using the Atomic Design Methodology for creating a modular system.
Teachable Screenshot
Teachable

Typographic Styles
Teachable

Color Scheme
Teachable

Spacing Scale
Teachable

Primary, Secondary, Dropdown and Destructive Buttons.
Teachable

Tabs
Teachable

Toasts

“They took a mess of a system, and within a few weeks, set us back on track. My only regret is not having brought them on sooner!”

– Head of Design at Teachable

Teachable

Input Texts
Teachable

Date and Time Pickers
Teachable

Content Blocks
Teachable

Modals
Teachable

Tables
Teachable

Image Upload