Skip to main content
_FB_2018-Icons-finalized-cleaned-up_new_FB_2018-Icons-finalized-cleaned-up_newGroup 9
Back
Scroll to top

Brand Guidelines

Our brand identity is the tangible expression of all that we stand for, and the purpose of these guidelines is to maintain strength and consistency in our brand.

First Bank Logo - Primary

Preferred, Primary Logo

The preferred logo usage is white text within a red bar.

First Bank Logo - Secondary

Secondary Logo Option

This version can be used on a red background or a background that doesn’t provide enough contrast.

First Bank Logo - Grayscale

Black and White Logo

When printing in black and white, the logo bar can use the brand’s dark gray.

Clear Space

Measured by the width and height of the letter F in the logo, this is the minimum distance required between the logo and other elements.

First Bank Logo - Spacing Guide

Logo Don’ts

To maintain the integrity of the logo, the proportions and spacing of the FIRST BANK text and surrounding bar should not be altered. Here are some other things to avoid.

Bad Logo - Stretched

Don’t stretch or squeeze the logo

Bad Logo - Altered

Don’t alter proportions

Bad Logo - Added Type

Don’t add type to the logo

Bad Logo - Outlined

Don’t use a stroke in place of the solid red bar

Bad Logo - Recolored

Don’t use the business line colors in the logo

First Bank Logo - Primary

Don’t use against a low‑contrast background


Web Color Palette

The First Bank red serves as our primary visual identifier for our master brand along with variations of red and accents of gray. The accent colors are used to represent each line of business.

Examples of First Bank branded pieces.

Core Brand Palette

First Bank Red
#BC152B

#A31E27

#444B53

#818386

#999CA0

#D5D5D5

#EAEAEA

#F7F7F7

#F9C2C7

#FCE0E3

#FEF5F6

Lines of Business Palette

Personal
#257E65

#AADBD0

#EAF6F5

Business
#F4AF23

#FFD997

#FFF1D0

Mortgage
#2D75A9

#B6DAF9

#E1ECF8

Insurance
#8C63AA

#CBB3D6

#EDE5F1

Wealth
#2E2D83

#B7B5E5

#E0E0F1

Accessibility

Combinations of our brand colors have been tested with a contrast ratio checker using WCAG 2.0 guidelines to determine which colors have easy readability. The combinations of #FFFFFF white or our brand dark gray #444B53 text over background colors below are compliant with accessibility standards as noted.

Regular, any size
Bold, any size

Regular, any size
Bold, any size

Regular, any size
Bold, any size

Regular, any size
Bold, any size

Regular, any size
Bold, any size

Regular, any size
Bold, any size

Regular, any size
Bold, any size

Regular, any size
Bold, any size

Regular, any size
Bold, any size

Regular, any size
Bold, any size


Typography

Montserrat Regular

Used in subheads and body copy.

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Montserrat Semi Bold

Used in buttons and CTA text.

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Montserrat Bold

Used in small headlines and card titles.

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Montserrat Extra Bold

Used in main headlines.

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz


Brand Patterns

Our core shapes are inspired by our rectangular logo and they help frame our people and messages.

Woman standing with First Bank branding background.
Large Diamond Pattern.

Varying Large Diamonds

Large Diamond Pattern.

Uniform Diamonds

Small Uniform Diamond Pattern.

Small Uniform Diamonds

Scattered Diamond Pattern.

Scattered Diamonds


Imagery

Group of example First Bank photos.
Woman sitting and smiling.


Choose images that resonate with our audience. Ensure people featured are diverse in both race and gender.

Woman sitting in front of a man.


Select images that show real, authentic moments and an optimistic and upbeat tone.

Close up of a smart phone.


Mix images of people with images of objects and devices to better depict a service or product.

Close up of a tablet held on a lap.


Use images that feature the brand colors.

Staged shot of a group of co-workers.


Don’t use images that feel staged.

Woman in profile leaning against a wall with a neon sign.


Don’t use images that are heavily stylized. For example, images with high contrast, high saturation, or textures.

Close up of hands.


Don’t use too many images with devices and hands.

Group shot with very busy background.


Don’t use images that are overly busy in composition.

Digital Banking Imagery

In order to depict a digital service provided by First Bank, show screens in‑use and focus in on or pull out the primary messaging for emphasis.

Layered First Bank images.
Layered First Bank images.

Illustrations

Our preferred illustration styles are line drawings and flat design. Illustrations are minimalistic and clean, and utilize the brand colors.

Examples of First Bank illustration pieces.

Iconography

Request Brand Materials
PDF
Brand Guidelines
You can download our brand guidelines PDF or contact us to request specific brand files.
Download Brand Guidelines
Contact us to request the First Bank logo or other elements mentioned above.