The design system project for SMB.co, a modern business marketplace dedicated to empowering small businesses, is a comprehensive and cohesive framework that ensures consistency and usability across all digital platforms. This system integrates existing logos and branding elements into a well-structured and user-friendly design framework. It includes carefully selected typography, well-defined color variables, and standardized shadows to maintain visual coherence and enhance the user interface.
Key UI elements such as buttons, inputs, checkboxes, toggles, radio buttons, and tooltips have been meticulously crafted to provide a seamless user experience. The project extends to creating consistent and user-friendly page layouts for essential sections like the megamenu/navigation, search page, pricing page, testimonials, and footer, effectively utilizing the components.
Additionally, an organized icon library was developed using Hugeicons Pro, ensuring visual consistency and enhancing user interaction. The design system was developed with the assistance of the Blank UI kit, providing a solid foundation for building and customizing UI components. This robust design system positions SMB.co to support its mission and adapt to the evolving needs of small businesses, ensuring a scalable and maintainable framework for future growth.
Typography
Color Variables
Buttons
Inputs
Checkbox
Radio
Toggle
Broker Profile
Search
Pricing
Testimonials
Navigation
Footer
