Itmeo UI Docs — AI-first design system
One token system. Every product.
Living documentation for a multi-product design system — components re-theme per product at runtime.
21 components · 8 surfaces · 12 products · 1 token system
Last update 2026-06-10 — Multi-product comparison: scoped themes, atomic component navigation, real usage counts, and a product coverage map.
A catalog of DESIGN.md files — design system references readable by AI coding agents (Claude Code, Cursor, Codex). Built on a two-layer token system: editorial --sh-* tokens bridged into shadcn. The reference implementation for this UI Docs.
# DESIGN.md
tokens: --sh-bg · --sh-fg · --sh-accent
bridge: --background · --foreground · --primary
themes: light / dark · per-product
readable by: Claude Code · Cursor · Codex
How it works
Explore
Components
21 documented
Icons
UI icons + shared brand assets
Button
variants, sizes, icons
Card
header, content, footer
Dialog
modal with trigger
Tabs
with content panels
Calendar
date selection
Sidebar
responsive navigation shell
Badge
default, secondary, destructive, outline
Input
real product field patterns by app
Textarea
multiline input
Select
dropdown select
Checkbox
with label
Switch
toggle
Table
data table
Dropdown Menu
profile menu, context actions by product
Tooltip
hover info
Alert
default, destructive
Progress
fill levels
Skeleton
loading placeholders
Avatar
with image and fallback
Stepper
multi-step flow + image upload dropzone