10.02.2021 Views

Northstar Brand Guidelines--02-09-2021

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

NORTHSTAR BANK:

GUIDING THE WAY

BRAND IDENTITY GUIDELINES



TABLE OF CONTENTS

Brand Identity Description ......................................................3

Corporate Colors ....................................................................5

Corporate Logo .................................................................6 - 7

Typeface/Fonts ..................................................................8 - 9

Corporate Symbol ..................................................................11

Corporate Photography ........................................................ 13

Print Materials .................................................................14 - 21

Lamar Billboards ............................................................22 - 23

Internet Advertising ........................................................24 - 25

Social Media Advertising ......................................................26

Banners .................................................................................27

Website: Potential Updates ...........................................28 - 29

1



BRAND IDENTITY DESCRIPTION

BRAND MISSION

Northstar Bank guides the way with service, leadership and trust.

Its Brand Mission is much the same: The Brand Mission guides the brand.

•.Keeps the brand fresh and contemporary

• Instills trust in the brand through use of superior execution of visual/

graphic elements and design, and consistency across all visual

platforms.

3



CORPORATE COLORS

COLOR CODES

Northstar Bank uses burgundy/maroon and dark gray as corporate colors.

Please refer to the chart, below, to ensure the proper version of these colors is

consistent across all digital and print platforms:

Burgundy Gray

Hex #a90533 #77787b

Pantone 201 424

Thread ISA 2113 ISA 2564

RGB 168, 5, 51 119, 120, 123

CMYK 7, 100, 65, 32 30, 22, 19, 53

CSS (hsl) 343, 94%, 34% 225, 2%, 47%

Websafe #990033 #666666

Apps/web #a80532 #66686a

Pantone

201

Pantone

424

SECONDARY/ACCENT COLORS

Northstar Bank uses the following colors as accent colors on corporate materials.

These are only to be used in selected situations. The format in which they are to be

used is also shown, below:

This is the format

that can be

usued in selected

situations:

Pantone

363

Used for

Business

Banking

materials

Pantone

261

Used for

Personal

Banking

materials

Pantone

145

Used for

Loan

Services

materials

These colors can also be used as accent colors, when approved by the

marketing director, on brochures or other materials where an accent color

would help accomplish a specific design mission.

5


CORPORATE LOGO

LOGO USE

The Northstar Bank logo is a legacy logo, using the Eras font, the colors of burgundy

and gray, and the “north star” and its tail as a symbol.

The Eras font is used to spell out “Northstar Bank” in white; the star and its tail are also

white.

The tilted square background is split by the north star and tail with the left side gray and

the right side burgundy.

Full Color Logo

When the logo is used in its full color form, if it is placed on another color (a shade

of gray or burgundy), a version of the logo that uses a thin white box that surrounds/

encases the logo must be used for maximum visibility/legibility of the logo.

Logo on Small Items/smaller than one inch

If the logo is smaller than one inch, write out Northstar Bank in Eras font. This also

applied to items too small to include the actual logo (ie: pens, pencils, other small

trinkets). On those items, write out Northstar Bank in the Eras font.

Color Options

If full color is not available, the logo can be used in full black, full burgundy, full gray, but

NOT grayscale, as it will appear to be faded. See the single color chart, below.

Member FDIC

When “Member FDIC” is required, it should be placed to the right/lower section of the

logo. Please see opposite page for more information regarding placement of FDIC and

other elements.

SINGLE COLOR LOGO

When the Northstar logo needs to be placed on an item with a background color,

please refer to the chart, below, to determine what color the background should be,

and what color the corresponding logo should be.

Background

Color

Black

Burgundy

Gray

White

Logo Color

White

White

Burgundy

Burgundy

6


Full Color Standard Logo

MEMBER

FDIC

Full Color

Standard Logo

with FDIC*

Full Color

Standard Logo

with FDIC/EHL*

Stacked FDIC can

also be used

when needed*

Standard Logo

all black

Standard Logo

all white

Full Color Standard Logo

on color;

must use version

with white border

* “MEMBER FDIC” can be black, burgundy or white, depending on what looks best with design.

7


TYPEFACE/FONTS

LOGO FONT

The Northstar Bank logo is a legacy logo, using the Eras font, the colors of

burgundy and gray, and the “north star” as a symbol.

The Eras font is used to spell out “Northstar Bank” in white; the star swoosh is

also white. It can be used in place of the logo when there is less than one inch

of space and the graphic logo would not be appropriate.

The Eras font should NOT be used in any other way on marketing materials in

print or digitally.

Corporate typefaces

Corporate Print Materials

The following fonts will be used on corporate print materials:

--Swis721Greek Lt BT (Light)

This will be used in all caps on both the primary headline and subheadline, and

upper and lower case in body copy/text. As often as possible, there should be a

primary and secondary headline.

--Swis721 Th BT (Italic)

This will be used sparingly and only when italics are deemed appropriate in the

context of body copy.

--Swiss 721 BT (Medium)

This will serve as the “bold” font in the Northstar Bank font family. It will

be used on billboards as the primary headline. On a billboard, it will be

used in upper and lower case. It will also be used when designing online/

internet advertisements to enhance readability.

--Swiss 721 BT (Medium Italic)

This will be used sparingly and only when italics are deemed appropriate in

the context of a billboard or online/internet advertising headline.

Corporate Digital/Electronic/Internet Materials

It is recommended that the same fonts be used digitally as on print materials,

or, if unavailable, a close replica (ie: Noto Sans). It is recommended that

the use of the serifed font, Lora Bold, be dropped from all digital (and print)

materials, as soon as possible in order to clean up the brand.

8


TYPEFACE/FONTS

Rule of Thumb/General Typeface Guidelines

The recommended uses, noted in these pages are guidelines and just that. Use

of these fonts may need to vary, WITH APPROVAL FROM THE MARKETING

DIRECTOR, and ONLY with approval of the marketing director.

Readability/legibility should always be a driving factor when considering type use.

Print materials tend to be “hand held” and, therefore, use of all caps in headlines

and subheads makes those blocks of type easier for the eye to read.

Billboards, which are viewed while driving at any speed, are easier to read when

in upper and lower case, as a driver has mere seconds to digest what he/she is

seeing/reading.

Type Alignment

In general, most corporate templates are aligned flush left.

However, type can be centered or even flush right in some instances. It really

depends on the circumstances.

Anything other than flush left should be approved by the marketing director.

Leading and Kerning

Leading is the space between lines of type and kerning is the space between

letters. Both can easily be adjusted in any of the Adobe Creative Suite products.

Both leading and kerning can be adjusted, if needed, to help type better fit into a

designated space.

Rule of thumb for leading adjustment, if not using “auto,” is at least one point size

higher than the type size.

Rule of thumb for kerning adjustment is no more than -50%.

Create Balance

Create balance between the headline/subhead and the body copy text. Do not

leave too much space above or below any block of type.

Create Alignment

Create alignment when/if possible between the bottom of the body copy and the

FDIC logo at the bottom.

It might not always be possible, but keep symmetry and balance in mind when

placing type in an advertisement.

9



CORPORATE SYMBOL

NORTHSTAR & TAIL

Northstar Bank uses the northstar and its tail as a corporate symbol.

The symbol is a part of the logo.

The symbol is also used selectively, with approval from the marketing director, as a part of

many other corporate designs.

When to use the northstar and tail?

When at all possible, the northstar and tail should be worked into any design project.

What color should be used on the northstar and tail?

Please use it as follows:

•On the logo: It should always be white, regardless of what version of the logo is used.

• On a white background: Use the symbol at between 20% and 40% of Pantone 424 (cool

dark gray) so it appears pale gray.

• On a burgundy background: Use the symbol at 85% of Pantone 201 (burgundy) so it

appears a pale burgundy. On a burgundy background, the northstar and tail can also be used

as white or 20% to 40% gray.

Pantone 201 -- 85% Pantone 424 -- 20%

Placement of the northstar and tail

Placement should not be random. Please refer to templates of advertisements,

billboards, banners and other approved marketing materials in this guide.

11


12


CORPORATE PHOTOGRAPHY

SELECTION OF CORPORATE PHOTOS

Be careful when selecting photos for use in any print or digital marketing materials.

• Ensure that the image can be easily understood by the audience. Example: Iimages on

billboards should be recognizable in literally one second as someone is driving past. No

artsy-concept photos should be used in these instances.

• Choose photos of people whenever possible. They are relatable.

• If a photo needs to be cropped, make sure the photo is not awkwardly cut off.

• Make sure the placement of a photo is balanced by other available space. A photo should

not be too large or too small for the space allowed.

Awkward cropping

Do not use a horizontal

photo where a vertical

photo would better fill

the space. And that poor

man...his head has been

cut off!

ß Awkward cropping

There is too much

fuzzy Christmas tree in

this photo, and...what

happened to the bottom of

the presents?

13


PRINT MATERIALS

HEADLINE

SUB HEADLINE FOR MORE WORDS

HEADLINE

SUB HEADLINE FOR MORE WORDS

Lorem ipsum dolor sit amet, consectetuer

adipiscing elit. Aenean commodo ligula eget

dolor. Aenean massa.

Cum sociis natoque penatibus et magnis dis

parturient montes, nascetur ridiculus mus.

Donec quam felis, ultricies nec, pellentesque

eu, pretium quis, sem.

Lorem ipsum dolor sit amet, consectetuer

adipiscing elit. Aenean commodo ligula eget

dolor. Aenean massa.

Cum sociis natoque penatibus et magnis dis

parturient montes, nascetur ridiculus mus.

Donec quam felis, ultricies nec, pellentesque

eu, pretium quis, sem.

Nulla consequat massa quis enim. Donec pede

justo, fringilla vel, aliquet nec, vulputate eget,

arcu.

In enim justo, rhoncus ut, imperdiet a,

venenatis vitae, justo. Nullam dictum felis eu

pede mollis pretium. Integer tincidunt.

GUIDING THE WAY

NorthstarAtHome.com

Nulla consequat massa quis enim. Donec pede

justo, fringilla vel, aliquet nec, vulputate eget,

arcu.

In enim justo, rhoncus ut, imperdiet a,

venenatis vitae, justo. Nullam dictum felis eu

pede mollis pretium. Integer tincidunt.

GUIDING THE WAY

NorthstarAtHome.com

Cras dapibus. Vivamus elementum semper

nisi.

Cras dapibus. Vivamus elementum semper

nisi.

Newspaper Advertisements

These are set up as a quarter page advertisement for the Port Huron Times Herald.

14


PRINT MATERIALS

BANKING ANYTIME, ANYWHERE

Northstar Bank offers you several ways to do your

banking 24-hours a day at your convenience.

ONLINE BANKING & BILL PAY

Use our Online Banking to:

• Review account balances

• Transfer between accounts

• View check images

• Set email reminders

• Receive electronic statements

• Pay any bill in the United States

• FREE service!

Test drive our online banking service at:

WWW.NORTHSTARATHOME.COM

STARTEL TELEPHONE BANKING

Access your accounts by telephone 24-hours a day.

This free, secure service allows you to:

• Check account balances

• Transfer funds

• Review transactions

OFFICES

AKRON

3559 N. Main St.

Akron, MI 48701

(989) 691-5161

ALGONAC

900 Pte. Tremble Rd.

Algonac, MI 48001

(810) 794-1000

BAD AXE

833 S. Van Dyke Rd.

Bad Axe, MI 48413

(989) 269-8077

CARO

1100 E. Caro Rd.

Caro, MI 48723

(989) 673-1100

LENOX/RICHMOND

66550 Gratiot Ave.

Lenox Twp., MI 48050

(586) 727-9511

PIGEON

7611 W. Pigeon Rd.

Pigeon, MI 48755

(989) 453-3999

PORT HURON

503 Andrew Murphy Ave.

Port Huron, MI 48060

(810) 488-8105

ST. CLAIR

1960 Fred Moore Hwy.

St. Clair, MI 48079

(810) 329-9500

BUSINESS

BANKING SOLUTIONS

BANKING ANYTIME, ANYWHERE

Northstar Bank offers you several ways to do your

banking 24-hours a day at your convenience.

ONLINE BANKING & BILL PAY

Use our Online Banking to:

• Review account balances

• Transfer between accounts

• View check images

• Set email reminders

• Receive electronic statements

• Pay any bill in the United States

• FREE service!

Test drive our online banking service at:

WWW.NORTHSTARATHOME.COM

STARTEL TELEPHONE BANKING

Access your accounts by telephone 24-hours a day.

This free, secure service allows you to:

• Check account balances

• Transfer funds

• Review transactions

OFFICES

AKRON

3559 N. Main St.

Akron, MI 48701

(989) 691-5161

ALGONAC

900 Pte. Tremble Rd.

Algonac, MI 48001

(810) 794-1000

BAD AXE

833 S. Van Dyke Rd.

Bad Axe, MI 48413

(989) 269-8077

CARO

1100 E. Caro Rd.

Caro, MI 48723

(989) 673-1100

LENOX/RICHMOND

66550 Gratiot Ave.

Lenox Twp., MI 48050

(586) 727-9511

PIGEON

7611 W. Pigeon Rd.

Pigeon, MI 48755

(989) 453-3999

PORT HURON

503 Andrew Murphy Ave.

Port Huron, MI 48060

(810) 488-8105

ST. CLAIR

1960 Fred Moore Hwy.

St. Clair, MI 48079

(810) 329-9500

BUSINESS

BANKING SOLUTIONS

To access, call (866) 394-STAR (866-394-7827)

To access, call (866) 394-STAR (866-394-7827)

STAR CHECK ATM/DEBIT CARDS*

• Access accounts

• Transfer money

• Make payments

• Shop and more

• No need to carry cash!

• No annual fee

STAR CHECK ATM/DEBIT CARDS*

• Access accounts

• Transfer money

• Make payments

• Shop and more

• No need to carry cash!

• No annual fee

Plus, you will be able to use your Star Check ATM/

debit card for withdrawals at any ATM in the U.S., five

times a month, for free! Applicable ATM fees incurred

will be reimbursed and reflected on your monthly

statement.

* Subject to approval.

NORTHSTAR BANK

NorthstarAtHome.com

GUIDING THE WAY

Plus, you will be able to use your Star Check ATM/

debit card for withdrawals at any ATM in the U.S., five

times a month, for free! Applicable ATM fees incurred

will be reimbursed and reflected on your monthly

statement.

* Subject to approval.

NORTHSTAR BANK

NorthstarAtHome.com

GUIDING THE WAY

10/13

10/13

Corporate Brochure - Horizontal Photo

When using a horizontal photo, place photo in center of

brochure cover, with the header, as shown. Size of type

varies in header.

Corporate Brochure - Vertical Photo

When using a horizontal photo, place photo below the

header, as shown. Size of type varies in header.

IS YOUR

BUSINESS LOAN

ABOUT TO

MATURE?

Direct Mail Piece

Text in headline should be all caps, but size of type

should vary, as shown.

Direct Mail Piece - Side Two

Text in headline should be all caps, with subhead smaller.

Lost chemistry

with your bank?

Try our formula!

NorthstarAtHome.com

Direct Mail Piece - Alternative

This piece was designed to match the billboard

campaign, which used upper and lower case type. Keep

campaigns consistent.

Direct Mail Piece - Side Two

Text in headline and subhead should match the front if

front is upper and lower case.

15


PRINT MATERIALS

8.5” x 11” Flier -- Burgundy

This piece was designed and re-written

to improve upon an existing flier.

• Tightened up copywriting

• Added a “call to action”

GIFT CARD SPECIAL

GET A FREE ACTIVIATION FEE!

• Used a properly cropped photo

In December, buy five gift cards at any

of our branches and we will waive the

activation fee on the fifth gift card!

Gift cards make the perfect gift; the

recipient chooses where to go and

what to buy!

Stop by today and get check a few

items off your gift list!

8.5” x 11” Flier -- White

This piece was designed and re-written

to improve upon an existing flier.

• Tightened up copywriting

• Added a “call to action”

• Used a properly cropped photo

CHECKING ACCOUNTS

WE’VE GOT YOUR CUP OF TEA

How do you like your tea? Everyone has

a personal preference, right?

The same goes for checking accounts.

Whether you need an account with no

monthly fees, or one that earns interest,

we have your cup of tea!

Shop our checking accounts online

today!

16


PRINT MATERIALS

8.5” x 11” Flier -- Important Document Flier

This piece was designed and re-written to improve upon

an existing flier.

• Created a template for the header photo so logo can

be consistently used

• Added website address at the bottom

HEADLINE

SUB HEADLINE FOR MORE WORDS

NORTHSTAR BANK

Northstar Bank believes in building strong relationships with our customers

and community. We have a strong capital position and excellent liquidity. Our

focus is to gain market share and grow the bank through talented, experienced

and committed staff.

WHO WE ARE

Northstar Bank was founded in 2001 in Bad Axe, Michigan and

has grown to over $600 million in assets. We have two affiliate

banks, West Michigan Community Bank on the west side of

Michigan and Mainstreet Bank in Deland, FL. These three

banks together are over $1.2 billion in assets.

In 2013, a group of lenders were hired to open the Ann Arbor

office of Northstar Bank. Initially, the Ann Arbor office focused

to real estate lending. In 2015, another experienced commercial

lending officer was hired to grow lending to small to middle

market sized businesses. Today, the Ann Arbor team consists of 7

lending officers and is able to cover all of Southeastern Michigan

from their office, serving both the real estate and commercial and

industrial community.

do. Some examples are a sweep to loan, remote deposit capture

through the use of a scanner, and internet and phone banking.

Northstar Bank is able to partner with its sister banks for loan

participations and has a legal lending limit between the three

banks greater than $25 million.

Not Too Big. Northstar is big enough to have competitive

product offerings, but still small enough to maneuver quickly and

proactively with a relatively flat organizational structure and a

simplified credit process.

Superior Service. Northstar strives to provide superior service to

its clients. We provide our clients with multiple levels of access

and never give a 1-800 number to call. Clients have direct dial to

multiple contacts and cell phone access to many as well.

WHY BANK WITH NORTHSTAR BANK?

The People. The most important reason to bank with Northstar

is for the People. Most of the commercial team has been in the

industry for over 20 years, bringing Commercial and industrial

experience and exposure to a broad range of industries. Northstar’s

commercial team brings knowledge of business, value add ideas,

and flexibility.

Big Enough. Northstar Bank has over $600 million in assets and

can offer a broad range of competitive products just as larger banks

NorthstarBankAtHome.com

Michigan-Based. Northstar Bank is Michigan-Based and we pride

ourselves on our local delivery and community involvement. Our

decision makers live and work right here in Michigan.

Privately Held. Northstar Bank is privately held, ultimately by

five families who understand what it is like to own and grow

businesses in a several different industries. They make decisions

based on a long term vision and not a short term increase in the

value of their stock.

17


PRINT MATERIALS

CHOICES

CHOOSING THE RIGHT CREDIT CARD

IS EASIER THAN EVER

• Pay down balances

• Enjoy flexible rewards

• Build credit

ASK ABOUT YOUR CHOICES TODAY.

22” x 28” Poster -- Burgundy

This piece was designed and re-written to improve upon an existing flier.

• Removed used of funky “arrow” inset

• Used bullet points

• Added a “call to action”

18


PRINT MATERIALS

CHOICES

CHOOSING THE RIGHT CREDIT CARD

IS EASIER THAN EVER

ASK ABOUT YOUR CHOICES TODAY.

22” x 28” Poster -- Burgundy

This piece was designed and re-written to improve upon an existing flier.

• Removed used of funky “arrow” inset

• Used headline, subhead and call to action lines only

• Added a “call to action”

19


PRINT MATERIALS

CHOICES

CHOOSING THE RIGHT CREDIT CARD

IS EASIER THAN EVER

• Pay down balances

• Enjoy flexible rewards

• Build credit

ASK ABOUT YOUR CHOICES TODAY

22” x 28” Poster -- White

This piece was designed and re-written to improve upon an existing flier.

• Removed used of funky “arrow” inset

• Used bullet points

• Added a “call to action”

20


PRINT MATERIALS

HEADLINE

SUB HEADLINE

FOR MORE WORDS

Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

Aenean commodo ligula eget dolor. Aenean massa.

Cum sociis natoque penatibus et magnis dis parturient

montes, nascetur ridiculus mus. Donec quam felis,

ultricies nec, pellentesque eu, pretium quis, sem.

Nulla consequat massa quis enim. Donec pede justo,

fringilla vel, aliquet nec, vulputate eget, arcu.

In enim justo, rhoncus ut, imperdiet a, venenatis vitae,

justo. Nullam dictum felis eu pede mollis pretium. Integer

tincidunt.

Cras dapibus. Vivamus elementum semper nisi.

22” x 28” Poster -- Poster-Sized Traditional Ad Design

21


LAMAR BILLBOARDS

Lamar Printed Vinyl Poster

Lamar Digital Extra Large/Long: Pine Grove Avenue/Facing South at I-94/Rite Aid

22


LAMAR BILLBOARDS

Lamar Printed Vinyl Poster

Lamar Digital Boards: Port Huron & Fort Gratiot

23


INTERNET ADVERTISING

INTERNET BANNER DISPLAY ADVERTISING

Below are a set of the most standard sizes of internet banner display ads. The ACTUAL size ad is

the SMALLER of the two of each version. Each ad is blown up here so details can be seen more

clearly in this format.

It is recommended that the “medium” version of the Swis721 font be used on all internet

advertisements because people will view these ads on a screen ranging in size from a computer

monitor down to a hand-held device as small as a cell phone. The “medium” font is a better

choice because it will likely be more legible in a variety of sizes and situations.

336 x 280 pixels

300 x 250 pixels

160 x 600 pixels

300 x 300 pixels

24


INTERNET ADVERTISING

970 x 250 pixels

728 x 90 pixels

320 x 50 pixels

300 x 50 pixels

25


SOCIAL MEDIA ADVERTISING

FACEBOOK/LINKEDIN/TWITTER AND MORE

Social media platforms are constantly changing their advertising landscape.

Currently, most social media platforms prefer that advertisements take on the appearance

of their newsfeed.

Therefore, “display ads” are not so much traditional ads as they are written headlines, body

copy, a call to action (depending on the ad, you can sometimes select the kind of “action

button” with which you want your readers to engage, ie: “Shop Now!”), and a photograph,

preferably without a logo on it. A logo CAN be added, but most social media platforms had

strict standards regarding how big any words or logo on the photo/artwork can be.

Currently, you will want to visit the following websites for more information:

Facebook

https://www.facebook.com/business/ads-guide/image

LinkedIn

https://influencermarketinghub.com/linkedin-ad-specs/

Twitter

https://business.twitter.com/en/help/campaign-setup/advertiser-card-specifications.html

ß Facebook Ad

A standard set up for a Facebook

ad using a photo, some short

copy, a heading and a call to

action button.

26


BANNERS

BANNERS

Banners come in a wide range of sizes. The banners mocked up, below, are a 5’ x 3’

banner. These designs can be adapted to other sizes.

It is important to use the northstar corporate symbol on items like this, but make sure the

star and its tail have a relationship with another design element; they should not just be

placed randomly off on one side by themselves.

Be careful of the size and proportion of the star and its tail, as well.

NORTHSTAR BANK

NORTHSTAR BANK

NorthstarAtHome.com

NorthstarAtHome.com

EMAIL MARKETING

EMAIL MARKETING

When sending customers or potential customers an email blast, it is a good idea to use a

consistent branded banner so when they open it, they know it is something important from

the bank, even if it is simply a marketing email.

While the message can contain photos that are relevant to the message, it is a good idea

to keep the banner itself consistent, using your brand identity. Below are two versions of an

email blast header that can be used for this purpose:

27


WEBSITE: POTENTIAL UPDATES

HOME PAGE OF WEBSITE

While it is recognized that major updates to the corporate website are likely not in the

current budget, it is recommended that a few small tweaks be made that could enhance the

corporate brand.

• Font Change

Immediately drop the use of the Lora serifed font. It

really does not match anything else in the corporate

brand. Noto Sans can be used throughout the website

as it is very close to the Swis721 font used in all other

corporate materials.

• Increase Size of Logo on Home Page

Right now, the logo is very small and appears to be

floating away out and over Lake Huron/the Blue Water

Bridge like an errant balloon.

Once arriving on the website, a visitor might not even

really know what business owns the website, much less

what kind of business.

Please see the updates mocked up on these pages.

One uses a thin version of the font in the headings,

while the other uses a bold version on the main headline

(there is no right or wrong here).

Using “light” font

It also increases the size of the burgundy band at the

top of the page. The size of the logo is then increased

and placed partially over the burgundy band. That

anchors the logo so it isn’t floating off into Canada.

• Photo Use

While the Blue Water Bridge is an iconic structure

in the community, it is not necessarily represenative

of anything having to do with Northstar Bank or its

customers.

If possible (and it would not be expensive) consider

adding a “slideshow” in place of the static photo. (See

opposite page for examples of photos).

Using “medium” font

In a slide show, photos of the various communities served by the bank could be shown

(farm country, Marysville, and more).

Additionally, photos of people, including families and business owners/home buyers, and

other people in the midst of financial transactions, would better tell your story.

• Secondary Pages

Again, removing and replacing the Lora font with the Noto Sans on all pages (see example

of Personal Savings mock up, opposite) is recommended. Use of the “light” or “medium”

font is really at your discretion, so long as it is consistent throughout the website.

Because people will view the website on a screen ranging in size from a computer monitor

down to a hand-held device as small as a cell phone, the “medium/bolder” font is probably

a better choice because it will likely be more legible in a variety of sizes and situations.

28


WEBSITE: POTENTIAL UPDATES

Potential farm country photo for Home Page slideshow

Potential Marysville photo for Home Page slideshow

Incorporate use of Noto Sans font on all secondary pages

29


NORTHSTAR BANK

833 S. VAN DYKE

BAD AXE MI 48413

PH: (989) 269 - 8077

FX: (989) 269 - 8277

NorthstarAtHome.com

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!