Build on the Novus design system

One package carries the whole visual system: design tokens, component styles, the Carlito typeface, dark mode, and the official brand assets. Install it, import one stylesheet, and every screen you build is on-brand by construction.

Install the kit Browse components

Foundations

Principles, color, typography, layout, logos, photography, and dark mode, with live examples rendered from the kit itself.

Components

Every component the kit ships, by category, each with live variants and a copyable snippet.

Frameworks

Use the kit from any stack, verified integration guides for the frameworks Novus builds on.

Themes

Re-skin UI component libraries with Novus tokens, verified theming guides.

Assets

The official logos, lockups, pictographs, proof marks, and photography, with the package path for each file.

Components at a glance

Everything below is rendered live by the kit on this page: buttons, badges, cards, stats, and alerts, all from one stylesheet.

Actions

Live At risk Accent

Stats

99.8%uptime

312terminals

7countries

Certificate expires in 14 days.

Interactive card

Hover means clickable: lift, raised shadow, accent border. This one opens the full catalog.

22 components

Novus Admin Kit

A complete enterprise operations console built on the kit: six screens including analytics with token-fed charts and a data grid, in Blazor and Tailwind flavors with strict parity. Copy a flavor folder and start from a working application, or click straight into the live demos.

Explore the Admin Kit Live demo: Blazor Live demo: Tailwind

Novus Admin Kit dashboard — The Admin Kit dashboard: KPI stats, signal cards, and live transaction data.