Northstar Brand Guidelines--02-09-2021
Create successful ePaper yourself
Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.
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:
https://www.facebook.com/business/ads-guide/image
https://influencermarketinghub.com/linkedin-ad-specs/
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