Design System Test

Colors

--bg

--panel

--panel2

--text

--muted

--border

--blue

--green

--red

--pink

Typography

Heading 1 (24px Bold)

Heading 2 (18px Bold)

Subtitle (16px SemiBold)

Body Text (14px Regular) - The quick brown fox jumps over the lazy dog.

Caption / Muted (12px) - Supporting text info.

Monospace Code (13px)

Buttons

Form Elements

Input

Input .pink (Validation)

Select

Textarea

Toggle Switch

ON OFF

Checkbox Checked Checkbox Unchecked

Component: Card

Card Title

Status

Card content body. This uses the standard .card structure.

Component: Table

Name	Status	Date	Amount
Project Alpha	Active	20.01.2026	1 500 000 руб.
Project Beta	Pending	18.01.2026	50 000 руб.
Project Gamma	Done	10.01.2026	750 000 руб.