@reqdesk/brand

The canonical brand system for Reqdesk — "The Ledger."

Consumers

Tailwind v4 app (SPA, Keycloak theme, extension, marketing)

/* In your globals.css */
@import "@reqdesk/brand/fonts.css";
@import "@reqdesk/brand/tokens.css";

@theme {
  /* your @theme extensions can reference --rqd-* tokens */
  --color-primary: var(--rqd-primary);
}

// tailwind.config.ts — optional, for Tailwind v3-style consumers
import preset from "@reqdesk/brand/tailwind.preset";
export default { presets: [preset], content: ["./src/**/*.{ts,tsx}"] };

Programmatic (widget, core SDK)

import { palette, semantic, typography, motion } from "@reqdesk/brand";
// palette.cedar === "#0F5E56"
// semantic.light.primary === "#0F5E56"

Motion

import { variants, LEDGER_EASE, KINETIC_LOADER_KEYFRAMES } from "@reqdesk/brand/motion";

Assets

Master SVGs live in assets/. Raster outputs (favicons, PWA icons, OG images) live in assets/generated/ and are generated from the SVGs by:

pnpm -F @reqdesk/brand build:assets

Apps copy what they need from assets/generated/ into their own public/ dirs.