Atlas
.atlas-btn

Button

Compact 28px buttons. Near-white primary, subtle secondary, minimal ghost, red destructive. Never use blue for CTAs.

.atlas-btn.atlas-btn-primary.atlas-btn-secondary.atlas-btn-ghost.atlas-btn-destructive.atlas-btn-icon.atlas-btn-sm.atlas-btn-lg

Primary

<button class="atlas-btn atlas-btn-primary">Ship it</button>

All variants

Primary
Secondary
Ghost
Destructive
Icon
Small
Large

With icon

<button class="atlas-btn atlas-btn-primary"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 5v14M5 12h14"/></svg> New project</button>