Design system
A living reference for Zo's typography, icons, and components — shared between the product app and this site via the @substrate-labs/kit package.
The OKLCH palette, derived tokens, radius, and shadows.
Font families, the type scale, and marketing headings.
The official icon set, file types, brands, and Zo marks.
Living demos of the shared UI primitives.
- Buttons
- Rail navigation
- Segmented control
- Badges
- Avatars
- Activity time
- Status
- Tooltips
- Menus
- Context menus
- Popovers
- Modals
- Drawers
- Indicators
- Form fields
- Selects
- Selection controls
- Sliders
- Toggle groups
- Tabs
- Tables
- Collapsible
- Accordion
- Breadcrumb
- Command
- Calendar
- Resizable
- Flat button
- Hover cards
- Searchable list
- Empty states
- Links
- Code block
- Surfaces
- Skeleton
- Spinners
- Chips
- Visually hidden
The animated marketing app-screen mockups, desktop and mobile.