The design system.

The tokens and type behind iovi.org. Published in the open, like everything else.

Tokens

Cool greys, one signal

Every surface colour is a cool grey carrying a trace of blue. Dark is the default; light is the same palette inverted, not a separate scheme. Ultramarine is the only chromatic colour on the site.

Canvas

#DEE3EA light · #14161A dark · the page itself

Paper

#E9EDF2 light · #1B1E23 dark · cards and raised surfaces

Ink

#14171C light · #E9EBEE dark · type and structure

Slate

#55606E light · #9AA1AB dark · muted support

Ultramarine

#1F3AFF · identical in both modes, once per surface, never a fill

Ultramarine, set

#1F3AFF light · #6E82FF dark · the signal as type, lifted on dark so it stays legible

Type

Inter & IBM Plex Mono

Display · Inter 700

Move value like information.

Body · Inter 400

A thin, neutral coordination layer for value. Regular for running text.

Labels · IBM Plex Mono

// Swiss association · open research

Licensing

SIL OFL 1.1 · self-hosted woff2, no runtime CDN