Creating the perfect design system for a lawyer firm
A unified component library and design guidelines built on Atomic Design, bringing consistency and speed to every b/luz product and platform.
- Role
- Product Designer
- Client
- b/luz
- Website link
- baptistaluz.com.br
Main Problem
A growing design team without standardized components meant a fragmented user experience. b/luz needed a scalable design language that maintained quality and velocity.
Fragmented User Experience
Designers worked in silos, producing inconsistent patterns across products. Users faced different interaction models and visual styles at every touchpoint — eroding trust.
Inefficient Development Workflow
Common elements were rebuilt from scratch per project. Repetitive work slowed delivery and made developer handoff error-prone.
Weak Brand Consistency
Without shared guidelines, typography, color, and spacing varied wildly across deliverables — diluting b/luz's brand identity.
Atomic Design Component Library
We built a modular library using Brad Frost's Atomic Design — atoms (buttons, fields, icons), molecules (grouped elements), and organisms (interface sections). Changes at foundational levels propagate upward automatically, ensuring uniformity. We prioritized buttons, forms, and cards as the highest-impact starting points.
Comprehensive Design Guidelines & Documentation
We defined typographic styles, expanded the brand color palette, and established spacing rules and grid systems. Every component ships with thorough documentation — because a system without clear guidance fails the people who depend on it.
Illustration System & Continuous Evolution
We created an illustration library — scenarios, characters, and objectives — for a consistent visual narrative across interfaces. Monthly reviews and team feedback loops keep the system current and evolving.
Results
Consistent interfaces across all platforms, stronger brand recognition, and significantly faster development cycles. Reusable components streamlined onboarding and accelerated delivery. The system proved itself as a living organism — constantly evolving and laying the foundation for future growth.
