BigBang
Design system for merchant internet branches. Colours, sizes and components come from one source; each customer defines its brand in a token file.
In this guide
Section titled “In this guide”- FoundationsColour, typography, spacing, radius and borders, elevation and motion tokens, with their light and dark values.
- ComponentsBadge, Button and TextInput: examples, code, usage guidelines and changelog.
- StorybookA workshop to try each component in every brand, mode and language.
How it works
Section titled “How it works”Components never hold a colour or a size of their own; they take all of them from tokens. A customer brand changes only the token file, and the component code stays the same. Use the Appearance menu at the top right to switch brand and light or dark mode: every example on these pages is a real component and follows your choice straight away.
Running locally
Section titled “Running locally”pnpm installpnpm docs:dev # guide: http://127.0.0.1:4321pnpm storybook # component workshop: http://127.0.0.1:6006The guide is written for designers and engineers. Storybook is the workspace for trying components one at a time.