Design System

Styleguide

Every primitive used across pages, documented and live. Toggle light/dark in the header — everything adapts.

Typography

Title — ztitle

Subtitle — zsubtitle

Heading — zheading

Lead paragraph — zlead.

Body text — ztext. A link.

Muted text — zmuted.

Faint text — zfaint.

Buttons

Forms & fields

Text inputA helpful hint.

Input (error)Something’s wrong.

Textarea

Custom select

CheckboxOption AOption B

Cards & surfaces

Card title

Card subtitle

Card body content.

Danger zone

Destructive actions live here.

Badges & alerts

NeutralPrimarySuccessWarningDangerInfo

Info alert.

Success alert.

Warning alert.

Danger alert.

Collapsing sections

A smooth accordion. Click the header to toggle.

Content stays hidden until expanded.

Tooltip, toasts & modal