Patterns

CODECAVE ships no React component library, so these are CSS recipes to copy, not importable components. They reproduce what production actually renders. Build markup yourself and style it with the tokens — never hard-code a hex value.

Buttons

/* primary   */ background: var(--color-brand-210); color: #000;
/* secondary */ border: 1px solid var(--color-action); font-weight: 700;
/* both      */ border-radius: var(--radius-pill); padding: 4px 24px;
/* disabled  */ opacity: .2; cursor: not-allowed;

Card

Cloud & DevOps

Real-time monitoring, analytics and infrastructure that scales with demand.

Eyebrow + lead

Tell us about

the product you want to build.

<p class="eyebrow">  700, --color-action
<p class="lead">     300, --color-body-primary