Design Systems

What is a Design System?

A collection of reusable components, guided by clear standards, that can be assembled to build applications.

Components

Atomic Design

Atoms: Basic building blocks

• Buttons, inputs, labels, icons

Molecules: Simple combinations

• Search bar (input + button)
• Form field (label + input + error)

Organisms: Complex components

• Header, sidebar, card