This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognizing you when you return to our website and helping our team to understand which sections of the website are the most popular and useful.
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.
Primary Logo

Preferred, Primary Logo
The preferred logo usage is white text within a red bar.

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

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.

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.

Don’t stretch or squeeze the logo

Don’t alter proportions

Don’t add type to the logo

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

Don’t use the business line colors in the logo

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.

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.


Varying Large Diamonds

Uniform Diamonds

Small Uniform Diamonds

Scattered Diamonds
Imagery


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

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

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

Use images that feature the brand colors.

Don’t use images that feel staged.

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

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

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.


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