Design System

Foundation v2

One identity. Every page.

Spacing, radius, elevation, motion, surfaces and components — shared across the whole platform.

Buttons

Brand, outline, ghost — plus shadcn variants.

Badges

Semantic tones — solid & outline.

brandsuccesswarninginfoneutralbrandsuccesswarninginfoneutralshadcn
Icon Tiles

Semantic accents, three sizes.

Stat Tiles

Value + label + optional trend.

+8%
12,480
Members
0%
36
Live Servers
+12
1,294
Items
-4%
3.2k
Alerts / day
Dashboard Cards

Default, interactive, brand glow, and loading.

Community

Interactive card — lifts on hover.

Security

Brand accent — red glow on hover.

Loading state

Skeletons

Loading states replace spinners.

Forms

Input, textarea, label — 16px on mobile, no zoom.

Tabs & Accordion

Disclosure primitives.

Tab content lives here.

Empty & Error States

Consistent non-data states.

No results

Try a different search.

Something went wrong

Please try again.

Motion

Mount animations — rise / fade / scale-in / stagger.

Rise
Fade
Scale-in
Staggered
Typography

Shared heading scale.

Page Title

Supporting subtitle copy.

SECTION LABEL

Body copy uses the platform default.