Applied Ego UI Kit
v0.1.0

The Applied Ego UI Kit

A calm, warm, serif-paired design system for every Applied Ego app. Tokens, components, and app shell — installable via shadcn registry, editable per app.

Browse tokens
Foundations

Design tokens

Warm neutrals, coral accent, serif/sans pair, soft radii. Every value reaches into the token layer — no hex codes in components.

Open
Library

Components

Button, Input, Card, Dialog, Tabs, Badge, Avatar, Tooltip, Dropdown, Toast — all shadcn-style, all on Radix.

Open
Layout

App shell

Sidebar, TopNav, PageHeader, ThemeToggle. The chrome every Applied Ego product wears.

Open
Install

Use it in another app

Pull any component into a downstream Applied Ego app with a single command.

npx shadcn@latest add https://ui.appliedego.com/r/button.json

Principles

  1. Warmth. No cold greys. Every neutral leans warm.
  2. Calm. Color is rationed. Type does the work.
  3. Softness. Rounded, diffused, slow. Nothing snaps.
  4. Literary hierarchy. Serif headlines, sans body.
  5. Tokens, not magic numbers. Components reach for tokens, never hex.