Ramp up Design Systems fast
B01LER is a fully customizable design system created by Accenture Song. It enables you to build cohesive and consistent digital products across multiple platforms and brands.
Get started on Figma
Get started on GitHubWeb Components
Simply work everywhere
Fork our repository and you will own a scalable collection of standard design elements. Save countless hours by integrating them into your web page or web applications.
Are you using a web framework like react, angular, svelte...? No problem! Web components can be used in any market standard framework.
Themes
Change your style with a click
Effortlessly transform your user interface from light to dark - or any other theme. We built B01LER with theming capabilities in mind, using Figma variables to make theme switching as easy as possible.
Design Tokens
Bridge design and code
Design tokens are the foundation of B01LER. They contain everything from colors and typography to spacing and components. Establish a shared language between design and development and ensure that design decisions are consistently applied across all platforms.
More features
Expandable
Built to be extended and made your own
Accessible
Base components comply with WCAG 2.1. AA standard
Out of the Box
Working infrastructure in place
Open Source
Free to modify, distribute and use
Next on our roadmap
Faster Onboarding
Extended documentation, e.g. architecture or videos
Improved Accessibility
Integration of automated accessibility tests to CI/CD and more
Simplified Structure
Renaming of semantic and intermediary tokens
More Showcases
Demos in Svelte and React
From 15 to 30
Up to 30 available components
Make B01LER ready in a few steps
- 01.Clone B01LERStart with duplicating the open source design system to your own GitHub repository.
- 02.Integrate assetsAdd important visual elements such as icons and fonts in order to follow your CI and Design Guidelines.
- 03.Adjust TokensCustomize tokens for colors, typography or spacing according to create your desired look.
- 04.You are ready!Now you are ready to use and extend your new design design system as you wish.
Start strong, stay consistent, build great products together
Ramp it up fast & own it
B01LER saves you lots of time by automating and streamlining the setup. From there it is up to you: Adding more custom components or extending existing ones are just some of the possible options.
Get everyone on board
Speed is key for the adoption of a Design System. Quickly achieve a high maturity level and empower everyone to create products fast and on brand.
Be consistent across platforms
Building multiple products and large scale platforms can be challenging. B01LER is crafted to reduce complexity, helping you to stay consistent wherever you implement it.
We care about DEVeloper ENablement. Get to know the open source initiative by Accenture Song.
Leave us a message
Join us on Teams*
Join us on Slack**You need to be part of the Accenture Organisation to be able to join our Teams or Slack channel.