Design tokens

Make it yours.

One configuration for every surface. Adjust it live, then copy the generated icovera.json into your application.

Appearance

Theme, shape and contrast

Color mode

Accent color

Custom hex accentSelect a color

Global rounding

No bordersRemove outlines on shared surfaces

Surface shadows

Component density

Interaction motion

Shared hover, press and favorite animations

Interaction personality

Applies to shared buttons, toggles and reactions. Your operating system's reduced-motion preference always takes priority.

Theme motion

Different reveals when the appearance changes

Duration · 600ms

Live playgroundUpdates instantly

WORKSPACE OVERVIEW

Your beautiful interface.

Every element responds to the global configuration.

Visitors

2,480

+12.8%

Projects

18

Active

Current progress

Design system foundations

The visual settings on this page also apply to the rest of the showcase. Use the JSON tab to export them.

Project defaults vs personal preferences

icovera.json supplies the initial shared theme and tokens. The live playground stores personal overrides in your browser, without modifying your Git repository.