Designing the Hubtel Way
Welcome to Butterfly, the design system that gives you the tools, rules, and structure to create better experiences more consistently, across every product.
Our Vision
Section titled “Our Vision”We want to be Africa’s most useful company; building a platform that everyone can find, pay and easily partake in the digital economy.
Our Mission
Section titled “Our Mission”Driving Africa forward by enabling everyone find and pay for everyday essentials
Who Is Butterfly For?
Section titled “Who Is Butterfly For?”Butterfly is for anyone involved in building Hubtel products.
- Designers
- Engineers
- Product teams
- Collaborators
What Guides Our Design?
Section titled “What Guides Our Design?”Every part of Butterfly is shaped by these five principles
Simplicity
Section titled “Simplicity”We keep things clean, clear, and easy to use.
Accessibility
Section titled “Accessibility”We design for everyone, across all contexts and abilities.
Aesthetic
Section titled “Aesthetic”We believe good design should not only work smoothly, but look and feel great.
Consistency
Section titled “Consistency”We reuse familiar patterns so users feel at home every time.
Usability
Section titled “Usability”We focus on making every interaction effortless and enjoyable.
Start Using Butterfly
Section titled “Start Using Butterfly”- Log in with your Hubtel email.
- Explore components, guidelines, and resources.
- Start building
Need help? Reach out on [email or contact]
Section titled “Need help? Reach out on [email or contact]”Built by Us For Us
Section titled “Built by Us For Us”Just like a butterfly, our design system will continue to evolve. As we build new features and grow into new markets, this system will grow with us. We welcome your feedback, contributions, and ideas.