← Back to Idle Town

Design System

A collection of reusable components for building consistent UIs.


Typography

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Text Sizes

Extra Large Text

Large Text

Base Text

Small Text

Extra Small Text


Text Colors

Default Color

Muted Color

Primary Color

Success Color

Warning Color

Danger Color

Buttons

Variants


Sizes


States

Cards

Default Card

With border styling

Elevated Card

With shadow styling

Outlined Card

With outline styling

Alerts

Badges

Variants

DefaultPrimarySuccessWarningDanger

Sizes

SmallMediumLarge

Layout Components

Stack (Horizontal)

1
2
3

Stack (Vertical)

1
2
3

Grid (Responsive)

1
2
3
4

Divider

Content above


Content below

Feedback Components

Spinner

Loading...Loading...Loading...Loading...

Progress

100%

Skeleton

Data Display

Avatar

JD
JS
BW
AB
CD

Tooltip