Patterns
Landing page
The alive, outward-facing surface. Display hero, dashed section dividers, marquee, pill CTAs. Rendered inside a desktop device frame so you see it as a site, not docs.
Live preview
ui.pacifio.dev
Atlas
Design System · v0.2
The shadcn for
agent UI.
Framework-agnostic tokens and 50+ component classes. Dense agent dashboards, mobile native-style views, and pill-button landing pages — one system, every surface.
AMOLED BLACK◆40+ COMPONENTS◆MULTI-SURFACE◆DARK + LIGHT◆FRAMEWORK-AGNOSTIC◆AMOLED BLACK◆40+ COMPONENTS◆MULTI-SURFACE◆DARK + LIGHT◆FRAMEWORK-AGNOSTIC◆
Dense by default
28px buttons, 13px base, 4px grid. Built for tool-heavy interfaces.
Alive, not cold
Pill buttons, glass effects, subtle motion. Agent UIs that don't feel sterile.
Multi-surface
Desktop app shells, mobile native-style views, web landing pages — one system.
Start building
Drop the CSS into any project. Tailwind, React, Vue, plain HTML — all work.