BP DS Hub
The source of truth for BillingPlatform's design system — a reference for auditing consistency, a foundation for design decisions, and the input for AI-generated prototypes.
Tokens
Design tokens generated from Figma — colors, spacing, type, and modes.
Components wip
React components built 1-1 from Figma — real tokens, every variant and state.
Views wip
Page-layout compositions built from components — annotated with DS context.
Pages wip
Full example screens and reusable page-layout presets, composed from real components and views.
Patterns wip
Reusable UX patterns: interaction flows, form conventions, error states.
Writing wip
Writing guidelines — tone, voice, and component-level copy rules.
Project Settings
View and edit configuration files — agent rules, component workflow, token conventions, and roadmap.
Open Settings →