LP Variant
CARD LP
Teal escuro com border cream-08. Para hero, operações e pilares da LP.
explorar →06 · Components
BLOCOS
DE CONSTRUÇÃO.
Primitivos prontos: botões, cards, badges, formulários. Tudo amarrado nos mesmos tokens — muda token, muda tudo automático.
Buttons
<button className="cp-btn cp-btn--primary">Entrar →</button> <button className="cp-btn cp-btn--secondary">Saber mais</button> <button className="cp-btn cp-btn--ghost">cancelar</button>
Primary: BG #08C27A, color #0A0B07. Padding 14px 28px. Tracking 0.16em. Hover lift -2px.
Secondary: border 1px #08C27A, BG transparent. Hover fill BG.
Ghost: sem border, opacity 0.55 padrão, opacity 1 hover.
Cards
Admin Variant
Card Admin
Graphite #14161A com border gray. Pra dashboards, task cards, painéis.
abrir →Badges & Status
A FAZEREM ANDAMENTOAGUARDANDOBLOQUEADACONCLUÍDA+ NOVO
Padding 3px 8px. font-size 10px. font-weight 600. letter-spacing 0.18em. text-transform uppercase. border-radius 2px (não pill — quadrado afiado).
Form Inputs
Navigation