The package is extracted and Avalon / Shinri already depend on it. How product-only skins and packaging (npm vs static) settle is still open.

Active Open source · paid support available Avalon stack

Ikon

Shared fonts, icons, and themes so Avalon products look related

See features

Who it is for

When every shell copies CSS and icon files, themes drift and product skins become forks. Ikon pulls the design system out so Avalon, Optimus, and modules like Shinri can share tokens without owning business logic.

What it is

Ikon is the TITANOSYS UI kit for the Avalon family: guidelines, font packages, icons, and loadable themes. Consumers apply CSS variables instead of forking the shell. Product-only skins can still layer on top later.

What you get

Layout, density, colour, and motion guidelines
Font packages and usage rules (Alliance, Commit Mono, body stacks)
Icon set and naming conventions
Theme packages Avalon can load (classic, cyberpunk, and more)
Tokens / CSS variables so apps do not need a private copy of chrome styles

Look and mood

The package is extracted and Avalon / Shinri already depend on it. How product-only skins and packaging (npm vs static) settle is still open.

Works with

Primary consumer: Avalon Optimus store UI should follow Ikon Shinri inherits through Avalon