Apliteni design system · v0.1

One kit for every product

Tokens, components and the deck theme — the shared UI behind the strategy portal, the operating model, and whatever ships next. Framework-agnostic HTML + CSS, themeable dark & light, with accent sub-themes.

Open Storybook → Install

Try the accent swatches above — the whole page re-themes. Nebula

Drop it in, delete your CSS

Pure source — no build step. Import the stylesheet once, compose from the components.

install · GitHub Packages

npm install @apliteni/apliteni-ui

use

import '@apliteni/apliteni-ui/css'
import { button, card, topbar } from '@apliteni/apliteni-ui'

What's in the box

Everything on this page is the kit theming itself.

Tokens first

Colour, type, spacing, radius, elevation and motion as CSS variables. Change one, everything follows.

Real components

Buttons, cards, segmented controls, inputs, tables, the topbar — the actual deck vocabulary.

Every state designed

Hover, focus, disabled, busy, empty, error, success — no dead ends.

Accent sub-themes

An orthogonal data-accent dimension on top of dark/light. Any hue, both themes.

Framework-agnostic

HTML + CSS with tiny factories. Works in a server-rendered portal or any front-end.

One source of truth

Same class names the strategy portal already ships — adopt it and delete the duplication.

A taste

Live components — re-themed by the accent you pick.

Buttons

Four variants, three sizes, every state.

Status

Signal colours stay constant across accents.

Live Soon Info Revoked

Controls

Segmented + switch, accent-driven.