Louis Seo/Design System

Design System

Design principles and a UI library for building one product experience. Foundation defines the visual primitives; Components catalogs the reusable patterns built on top.

Foundation4
Components23
Categories5

Foundation

The visual primitives every component is built on — color, typography, iconography, and object style tokens.

4 items
Aa

Typography

Type scale, weight, and line-height tokens for hierarchy and readability

Color

Brand, semantic, and UI-state color palettes

Icon

Guidelines for system iconography — size, layout, stroke, style

Object Style

Radius, elevation, and border tokens for surfaces

Components

23 UI building blocks — each documented with Anatomy, Variants, Spec, and Usage.

General

2

General-purpose components for fundamental interactions

ButtonDropdown

Navigation

3

Wayfinding and movement across the product

NavigationBreadcrumbPagination

Data Entry

6

Data input and option selection

InputToggle / Radio / CheckboxChipDate PickerToolbarSlider

Data Display

8

Components that structure and present data

FilterExpansion PanelTable / ListBadge / TagAvatarEmpty StateImage GalleryTree View

Feedback

4

System responses and contextual guidance

Feedback MessageTooltipModalIndicator