Our library of hi-fi icons comprises unique silhouettes that speak to our abiding brand behaviors — personal, humble and refined. You’ll see their full integrity on light backgrounds with the solid effect and on dark backgrounds featuring a dramatic outline effect.
For assistance with selection, or to request a new icon, contact the Brand Team.
We rely on core qualities that guide the crafting of our First Republic iconography library. Every metaphor, shape, form, line, color, angle and detail has been carefully considered to generate imagery that reflects our brand behaviors.
Choosing metaphors that are friendly, inviting and easy to read is key to communicating effectively. Our icons embrace unique qualities that reflect the experience of our extraordinary service.
Our icon sets use various recurring angles, which support legibility at smaller sizes. These angles also promote recognition and connection among both hi-fi and system sets.
Designed to complement other brand components, icons must balance positive and negative space. We render identical shapes using the same consistent values to achieve continuity and familiarity.
Outlined hi-fi icons use a 2-pixel stroke for main outer shapes and a 1.2-pixel stroke for inner and supporting detail. Combining lighter strokes with smaller solid shapes creates a dynamic style.
A solid hi-fi icon’s dominant shape in Pine is the main body of its outline variant, and a 2-pixel stroke defines elements creating negative space. These icons retain their proportion, legibility and meaning.
Our icons feature highly crafted styling and “serifed” details that pay homage to Garamond Premier Pro, a brand font. We also balance lighter and darker detailing to create assets that evoke our aesthetic.
Against a light background, a palette of Pine, Glacier and Aqua is touched with Gold Metallic.
Against a dark background, Glacier is accented with Gold Metallic to highlight key elements.
Use outline icons on dark backgrounds.
Use solid icons on light backgrounds.
For consistency, each hi-fi icon is designed and centered within a grid of 84 x 84 pixels. A smaller inner “focal zone” of 72 x 72 pixels helps set the proportions of the shapes, but it does not dictate the baselines.
Designed with consideration for digital use, our hi-fi icons may be applied in any of four approved sizes: 84, 72, 64 and 56 pixels. For guidance on and approval of alternative sizing to accommodate print and digital applications, contact the Brand Team.
Positioning an icon correctly preserves its integrity and legibility while maintaining harmony with other brand elements. Our rules use the height (x) of a headline’s boundary box and the width (y) of an icon’s boundary box as reference points.
Text and the left edge of the icon’s boundary box must be snug against a straight vertical line, as shown. Use space of 1/3x to 1/2x between the top of the headline’s boundary box and the icon’s baseline.
The horizontal center point of text and an icon should line up on an axis, as indicated. Use space equivalent to 1/3x to 1/2x to separate the top of the headline’s boundary box from the icon’s baseline.
Line up the top edge of the icon boundary box with the top edge of the headline’s boundary box. Use space of 1/4y to 1/3y between the right edge of the icon’s boundary box and the left edge of text, as shown.
Ensure that multiple icons are equally distributed as well as center aligned with corresponding text below. Use space of 1/3x to 1/2x between the top of the headline’s boundary box and an icon’s baseline.
Never alter the proportions or visual details of First Republic’s icons, which could compromise their integrity and consistency.
Do not resize a hi-fi icon smaller than 56 pixels when the detail is hard to discern.
Do not modify icon strokes.
Do not modify icon details.
Do not distort an icon.
Do not modify icon colors.
Do not place an outline icon against a light background except when using icons in emails.
Do not place a solid icon against a dark background.
Do not place an icon against a shade that is not part of First Republic’s color palette.
Do not place an icon inside a shape.
Our family of hi-fi icons has a wide range of applications across both print and digital platforms:
Icons are used on our website to communicate products and features.
Our icons appear in PowerPoint presentations to support content and add interest to engage audiences.
Alternative sizing may be used in PowerPoint, as shown. For guidance and approval, contact the Brand Team.
Icons serve as visual indicators that help recipients quickly absorb email communications.
Always use hi-fi outline form for emails, as shown.
Exclusively created for our apps and website, system icons provide clear direction while embodying our personal, humble and refined brand behaviors and reflect the fine detail of our elegant Garamond Premier Pro font.
