Foundations
Core design tokens for colors, typography, and spacing. Built with full light/dark mode support.
Colors
Token-based palette with ramps
Surface hierarchy
--background--surface--raisedBrand Colors
--primary--secondary--tertiaryTypography
4 type styles with responsive scaling
Heading 1
Heading 2
Heading 3
Heading 4
Paragraph text - regular body copy.
Code text - for inline code snippets.Spacing
4px base unit with scalable increments
Breakpoints
Phone
<768Tablet
768+Desktop
1024+XL
1280+Desktop scale
16px
32px
48px
64px
Components
30+ ready-to-use components. Every component ships with comprehensive documentation, different variants, storybooks, and customization support. Built with React and Tailwind CSS.
Buttons
8 variants
Form Elements
10 variants
Data Display
12 variants
DefaultSecondaryErrorOutline
JD
Navigation
5 variants
Project overview content goes here.
Feedback & Alerts
4 variants
Information
This is an informational alert.
Success
Your operation was successful!
Data Tables
1 variant
| Name | Status | |
|---|---|---|
| John Doe | john.doe@example.com | Active |
| Emily Johnson | emily.johnson@example.com | Inactive |
Use cases across e-INFRA CZ
Services built on the design system inside e-INFRA CZ.
