Saphyte Client Portal Color | Public Design System Documentation

Design systemsSelect design system

Search this documentation

Color

The semantic collection includes InstantFunding dark/light, VoltFunded dark/light, and Eafghan light modes. The reviewed Button binds its fill to background/bg-brand-soft and label to text/text-brand-primary. Palette documentation credits Tailwind foundations.

Created & adapted by Insan NurjamanPrimitive + semantic variables foundationCurated public preview

Values and roles

Selected source relationships
Context	Semantic role	Primitive reference
`InstantFunding · Dark`	`background/bg-brand-soft`	`Colors/Brand/InstantFunding/950`
`InstantFunding · Light`	`background/bg-brand-soft`	`Colors/Brand/InstantFunding/50`
`VoltFunded · Dark`	`background/bg-brand-soft`	`Colors/Brand/VoltFunded/960`
`VoltFunded · Light`	`background/bg-brand-soft`	`Colors/Cyan/50`

Selected source examples, not a complete token catalog. Changing this documentation’s theme does not rewrite the source library.

Original brand-theme examples

Original InstantFunding dark theme documentation — Original exported design. Open to inspect at full size. Source appearance is preserved; private editable files are not linked.

From roles to decisions

Use a semantic name to explain purpose. A palette reference supplies the value; a component uses that role for a specific region or state. Review contrast and valid combinations in the implementation rather than assuming that a token name guarantees them.

Curated design documentation by Insan Nurjaman. Native examples are illustrative, not a production package or a standards certification.

Explore the story