Colors

Buttons

primary

secondary

danger

success

ghost

Form Elements

Input

Input Error

Invalid value

Disabled

Select

Select Error

Required

Disabled

CSV Upload Pattern

Use this pattern when tools support downloadable template files + batch CSV uploads.

Required columns

name, description, rarity, frequency, baseWeight, decayEnabled

Upload CSV

Cards

Project Alpha

A short description of Project Alpha.

TypeScriptNext.js

Project Beta

Another project card layout.

DesignUI

Typography

Heading 1

Heading 2

Heading 3

Heading 4

This is a paragraph demonstrating the default text style. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

This is small muted text.

Responsive Heading 3

Responsive Heading 4

This text scales with the viewport width.

Spacing & Sizing

Padding Scale

p-1

p-2

p-4

p-8

p-16

p-24

p-32

Square Sizes

4px

8px

16px

32px

64px

96px

128px