Color tokens
--uds-bg: #080808--uds-surface: rgba(10, 12, 12, 0.82)--uds-text: #f3f5f2--uds-muted: #a3aba3
Loading
Loading
Design System
Centralized visual foundation for every current and future APE module.
Universal Design System
Centralized visual foundation for every current and future APE module.
Color tokens
--uds-bg: #080808--uds-surface: rgba(10, 12, 12, 0.82)--uds-text: #f3f5f2--uds-muted: #a3aba3Spacing scale
--uds-space-1: 0.25rem--uds-space-2: 0.5rem--uds-space-3: 0.75rem--uds-space-4: 1remTypography scale
--uds-text-xs: 0.72rem--uds-text-sm: 0.84rem--uds-text-md: 1rem--uds-text-lg: 1.15remElevation / shadow
--uds-shadow-1: 0 4px 12px rgba(0,0,0,0.25)--uds-shadow-2: 0 10px 24px rgba(0,0,0,0.35)--uds-shadow-3: 0 18px 40px rgba(0,0,0,0.45)Icon sizing
--uds-icon-sm: 1rem--uds-icon-md: 1.25rem--uds-icon-lg: 1.5rem--uds-icon-xl: 2remButton sizing
sm min-height: 2.5remmd min-height: 3.1remlg min-height: 3.5remGlass
light
Glass
medium
Glass
premium
Mobile
min 0px
Tablet
min 768px
Desktop
min 1100px
hover
tap
loading
transitions
page enter
modal open
drawer open
actions
Buttons
surfaces
Cards
layout
Headers
layout
Hero sections
inputs
Search bars
inputs
Filters
inputs
Dropdowns
data
Tables
data
Stat cards
status
Badges
status
Tags
status
Pills
feedback
Alerts
feedback
Toast notifications
feedback
Empty states
feedback
Skeleton loaders
feedback
Success states
feedback
Error states
inputs
Form fields
inputs
Toggle switches
status
Progress bars
navigation
Tabs
overlays
Side panels
overlays
Drawers
overlays
Modals
media
Avatars
media
Rating stars
layout
Section dividers
Search
Toggle
| Token | Type | Status |
|---|---|---|
| --uds-gold | color | stable |
| --uds-space-4 | space | stable |
| --uds-motion-hover | motion | stable |
Modules
28+
Info
Toast notification shell.
Nothing here yet
Saved
Failed
shell
Page shell
dashboard
Dashboard template
collection
Collection template
detail
Detail template
Template
Standard frame for future module pages.
Dashboard
Hero + stats + content.
Active
12
Pending
3
Search
Item A
Item B
Detail
Hero + sections.
Future sprints should consume UDS primitives. Do not redesign pages in this foundation sprint.