First Republic Bank design system
First Republic Bank

Design system

Product
Design System
The clients faced inconsistency across products, making them challenging to use. To address this, The First Republic design system was developed as a foundational language, integrating visual style, components, and interaction patterns across design and code. It offers reusable components following well-defined standards, enabling the creation of diverse digital products.
First Republic Bank design system overview
First Republic Bank product admin tool
First Republic Bank product Corporate Banking Platform
First Republic Bank button componentFirst Republic Bank First Republic Bank list item component

Iconography

The design system provides customized icons that help users quickly understand the information specific to First Republic Bank. These icons are designed to match the context and help convey information effectively, which means they can avoid using lots of text to get their message across.
First Republic Bank iconsFirst Republic Bank icons specifications

Typography

Dalton Maag, a typeface design studio, crafted a unique and expressive typography for the project, aligning perfectly with the brand's identity. This typeface adds sophistication and personality, enhancing the overall user experience and setting the product apart in the market.
First Republic Bank global tokens