The DBiz brand, distilled.
One palette. One primary typeface. Every future homepage variant — light, dark, animated, editorial, brutalist — pulls from these tokens. Source of truth lives in src/app/globals.css.
Navy anchors. Orange ignites.
Navy is the institutional voice — authority, trust, depth. Orange is the spark — action, energy, every CTA. Everything else is surface and type.
DM Sans is the voice.
DM Sans is the primary typeface — everywhere, across all variants. DM Mono is for labels, metadata, and code.
Most enterprises have tried AI. Most of it didn't scale — not because the technology failed, but because no one connected the ambition to what actually got built. We close that gap.
Buttons, pills, cards.
The building blocks every variant can re-skin. Keep the shapes; swap the surface.
One-line business outcome describing what shipped.
Navy card pattern for dark sections. Same radius, same type scale, inverted surface.
How to pull from tokens.
Every variant imports these vars from globals.css. Never hard-code a brand hex in a variant — reference the token so future theme shifts propagate.
.my-cta {
background: var(--brand-orange);
color: #fff;
font-family: var(--font-sans);
border-radius: var(--brand-r-sm);
}
/* Dark mode: flip surface, keep orange */
[data-theme='dark'] .my-cta { ... }