Design System Showcase
Design System
A visual reference for the Calm Tech design language. Sophisticated, spacious, effortless.
Calm Tech Philosophy
Our interfaces follow the "Calm Tech" design language — technology that respects attention and reduces cognitive load. Key principles:
- Clarity over decoration — Every element earns its place
- Soft depth over flat — Subtle shadows create hierarchy
- Generous space — Breathing room makes content shine
- Micro-delight — Thoughtful, restrained animations
Explore
Foundations
Typography, colors, spacing, shadows, and icons that form the visual language.
Explore
Components
53 UI components organized by category: Actions, Forms, Feedback, Overlay, Navigation, Data Display, and Layout.
Explore
Patterns
Common UI compositions: data tables, forms, card layouts, empty states, and loading states.
Explore
At a Glance
53
Components
6
Foundation Sections
5
Pattern Examples