Brand signature gradient — the prominent two-tone (or single-tone) backdrop applied to identity surfaces like business avatar tiles, purchased-card headers, and the public-page hero. Always emitted as a usable CSS background value plus the component parts so consumers can render a custom variation if needed.
Fields
fromString!First color stop (OKLCH). Used as a solid when to is null.
toStringSecond color stop (OKLCH). null means the gradient is single-tone — gives businesses with a single brand color a sensible default without forcing them to pick a complementary hue.
balanceInt!Position of the gradient transition midpoint, 0–100. Default 50. Lower values pull the transition earlier (more to); higher values push it later (more from).
angleInt!Gradient angle, 0–360, matching CSS linear-gradient semantics.
backgroundString!Ready-to-use CSS background value (a color string when single-tone, a linear-gradient(...) otherwise). Drop into background: directly.