Biome
Biome is a new, scalable design system for a consistent, intuitive, and future-proof user experience that elevates brand perception.
This ground-up design system addresses outdated UI and inconsistencies by delivering a modern, engaging, and accessible user experience. Engineered for scalability and efficiency, Biome accelerates development, ensures brand coherence, and positions Bareksa for future innovation in the fintech landscape.
Technologies
Design System Principles
Strong design system comes from solid principles. Principles form a foundation for building cohesive and coherent digital product that is not only aesthetically pleasing for our user but also driving business vision forward. The principles are the key reference of every design decision, from colour and layout to icons and illustrations.
Typography System
A well-defined typography system ensures readability and visual hierarchy, using a consistent set of fonts, sizes, and weights across all applications.
Modern Visuals, Enhanced Engagement
Our design language is shaped by a balance of clarity, consistency, and beauty. We've created a system that adapts to different contexts while maintaining a cohesive visual identity.
Color Palette
A carefully curated color palette defines the brand's visual identity, ensuring consistency and accessibility across all applications.
Details Matters
This design system prioritizes clear visual hierarchy, intuitive visual cues, and enhanced usability to simplify user interaction with complex fintech products, ensuring a seamless and effortless experience.
Dashboard showcasing usability testing results
Analysis of user feedback during testing
Refinements to interaction models based on testing
Improvements to visual hierarchy for better usability
Custom Iconography
A unique set of icons that align with the brand's visual identity, ensuring clarity and consistency across all applications.
