Design system

The building blocks of WISMO — tokens, primitives, and product-specific components.

Brand color

Pick the brand color used across buttons, links, and accents.

Brand color#1E293B

Color tokens

Semantic surface and text tokens from the theme.

--background

--card

--primary

--secondary

--muted

--accent

--destructive

--border

Status palette

Used for email states and connector statuses.

OpenConcept readyWaiting · FinanceRe-openedRepliedNo reply neededClosed

Typography

Sora for display, Manrope for body.

Display H1 — Sora

Display H2 — Sora

Display H3 — Sora

Body — Manrope regular. The quick brown fox jumps over the lazy dog.

Small muted — Manrope 14px.

Buttons

Badges

Default

Secondary

Outline

Destructive

Feedback

Heads up

This is a default informational alert.

Connection error

OAuth token expired — reconnect required.

Tabs

Incoming emails waiting on the agent.