BSB Design System Showcase
Explore our comprehensive design system with interactive examples, design tokens, and implementation guides. Learn how consistent design principles create better user experiences and more maintainable code.
Design Tokens
Explore our color palettes, typography scales, and spacing systems with copy-to-clipboard functionality.
Components
Interactive component showcase with all variants, states, and usage examples.
Accessibility
Learn about accessible design practices with contrast checkers and ARIA examples.
Color System
Our color palette is designed with accessibility in mind, ensuring sufficient contrast ratios and meaningful semantic associations.
Typography Scale
A harmonious type scale that ensures readability and hierarchy across all devices and screen sizes.
Spacing System
Consistent spacing creates visual rhythm and improves readability. Our 8px-based system provides flexibility while maintaining harmony.
Component Library
Reusable components built with accessibility, flexibility, and consistency in mind.