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

Irozon exists to make digital work feel calm, precise and considered.

The Irozon Design System is the shared source of truth for logo usage, color, typography, spacing, motion and the light/dark theme — so any Irozon surface, from a product screen to a client deck, reads as unmistakably Irozon.

Irozon is calm, precise and forward-looking.
Premium through reduction, not decoration.
Core identity

White, Ink and Green carry the system. Lime is a rare accent.

See Color for the full palette and usage rules.

Light & dark

One identity, never a generic inversion.

Toggle the theme switch in the header — every page on this site retheme instantly.

Light
Canvas #FFFFFF · Surface #FFFFFF · elevation via shadow
Dark
Canvas #071A21 · Surface #0E2731 · elevation via lightness + shadow
Signature characteristics

What makes a surface read as Irozon.

Editorial spacing

Whitespace is an active design element. Disciplined, consistent vertical rhythm — never an arbitrary gap.

Ink architecture

Structure comes from Ink-derived surfaces, not generic gray or black — see Dark.

Precision Green

Functional before decorative — primary actions, focus, small active markers. One meaningful detail beats ten decorative ones.

Quiet geometry

Hairlines and restrained radii over enclosure. A card earns its border; most content doesn't need one.

Interaction craft

Calm at rest, precise and alive when touched — see Motion.

Design principles
Irozon is calm, precise and forward-looking.
The identity is built around whitespace, confident typography, strong digital work and selective use of Irozon Green.
Motion should make the interface feel responsive rather than decorative.
Premium through reduction, not decoration.