Irozon Design System — design foundations, tokens and components by Irozon AB.
Irozon Design System · v1.0
Product UI Examples

How a future Irozon product reads, not a full application.

Small, token-built examples — not a component library. Everything below is live: use the theme switch in the header and this whole panel reflows with the rest of the page, because every value here comes from the same semantic tokens as the rest of this document.

Marketing card
Ship faster with a shared system

One token layer, two themes, zero redesign work per surface.

Learn more
Dashboard card
128 +12%

Active projects this month

Form / input

Tab in — focus uses the same 2px Green ring as every other control.

Table / list row

ProjectStatus
VINAZ — E-commerce Live
Al Mouj — Mobile app In review
Indigo — Web application Blocked

Buttons, on a real surface

Primary uses --color-action-primary with --color-on-action-primary (Ink) text — the same pairing verified in Accessibility at ~6.7:1 in both themes, so it never needs a theme-specific tweak.