v1.0.0 · 2026-09-17

al_one Design System

Framework-agnostic UI foundation for PWS, Infra Admin, Auth and future al_one applications. Public API uses the ao- namespace.

Buttons

<button class="ao-btn ao-btn--primary">Save</button>

Inputs

<input class="ao-field" placeholder="Service name">

Badges

Active Paused
<span class="ao-badge ao-badge--success">Active</span>

Choices

<label class="ao-choice">…</label>

Tabs

<button class="ao-tab" aria-selected="true">Overview</button>

Cards

Auth API
Healthy · 2 replicas
<article class="ao-card">…</article>

Status

Active Critical
<span class="ao-status ao-status--active">Active</span>

Pagination

<button class="ao-page" aria-current="page">2</button>

Integration

<link rel="stylesheet" href="/design-system/src/index.css">
<script type="module" src="/design-system/dist/al-one.js"></script>