@geisthq/paygeist-design-system

PayGEIST vertical skin for the GEIST platform. Indigo primary + purple secondary (compliance/trust), Manrope display font, dark theme default. Published in DTCG format and extends @geisthq/design-system.

Install

npm install @geisthq/design-system @geisthq/paygeist-design-system

The parent is a peerDependency — install both so the full token tree resolves.

Use

import parent from "@geisthq/design-system";
import skin from "@geisthq/paygeist-design-system";

Consumers deep-merge skin onto parent (skin wins at every leaf).

As Claude Design project context

Link both packages' tokens.json in your Claude Design project resources. The skin only overrides:

• themes.{mode}.color.accent.* — indigo (#6366f1 primary) + purple secondary.
• typography.fontFamily.display — Manrope.
• $defaultTheme — dark.

Everything else (surfaces, text, borders, radius, spacing, motion, body font) comes from the parent.

License

UNLICENSED — not for redistribution outside the GEIST platform ecosystem.