Strategy Delivered
Brand Guidelines Contents
Brand Essence ....................................................................... 03 About Us ....................................................................................................... 04
Our Identity ................................................................................ 06 Primary Logo................................................................................................ 07 Secondary Logo............................................................................................ 08 Secondary Logo Variation ......................................................................... 09 Logo Clear Space ......................................................................................... 10 Greyscale Variants ....................................................................................... 11 Sizing ............................................................................................................. 12 Incorrect Usage ........................................................................................... 13
Color Palette ............................................................................ 14 Logo Palette ................................................................................................ 15 Primary / Secondary Color Palette............................................................ 16
Typography ................................................................................. 17 Primary / Secondary Typeface .................................................................. 18 Default Table Style ..................................................................................... 19 Typesetting................................................................................................... 20
Brand Application ........................................................... 21 Business Card ............................................................................................... 22 Envelope ....................................................................................................... 23 Letterhead.................................................................................................... 24 Powerpoint Template................................................................................. 25 Proposal Cover ............................................................................................ 26 Proposal Typesetting ................................................................................. 27 Proposal Signoff .......................................................................................... 28 Invoice ........................................................................................................... 29 Email Signature............................................................................................ 30 Name Badge................................................................................................. 31 ........................................................... 32 Logo Usage on Imagery ....................................................................... 34-36
Imagery Examples
Branded Merchandise.............................................. 37 Apparel ......................................................................................................... 38 Flash Drives .................................................................................................. 39 Beer Glass ..................................................................................................... 40
Social Media................................................................................ 41 Facebook ...................................................................................................... 42 Twitter ........................................................................................................... 43
Sub Brands.................................................................................... 44
IT on Demand Primary Logo ..................................................................... 45 IT on Demand Secondary Logo ................................................................. 46 IT on Demand Secondary Logo Variation ............................................... 47 IT on Demand Proposal Cover .................................................................. 48 IT on Demand Proposal Typesetting ....................................................... 49 IT on Demand Proposal Signoff ................................................................ 50 IT on Demand Powerpoint Template....................................................... 51
Brand Essence Who We Are eResources is a full-service technology firm, providing digital media solutions, strategic planning & consulting, creative design, online application management, and complete IT services to a diverse client base. We are experts in our field and provide our customers unlimited support.
Strategy Delivered
Vision Statement /
Consult – We advance your organization’s mission through digital solutions. Through analyzing client objectives eResources provides tailored solutions. Develop – We custom design systems, implement platforms, and deliver them to operate seamlessly into your organization’s environment. Integrate – We partner with our clients to deliver best practices, software, systems, and services. Support – We provide high-quality, responsive support to help maintain and scale solutions, adapting to the rapidly evolving digital landscape.
Values /
Mission /
4 | BRAND ESSENCE
Clear Communication Planning Developing Executing Providing Support
Customization Innovation Maximizing ROI Clients’ Long-term Success
eResources consults, develops, integrates, and supports digital strategies.
BRAND ESSENCE | 5
Our Identity Making a Mark Our identity is a guarantee of quality that unites our diverse products and services. Every angle of the hexagon touches on a specialized service that we offer and excel in.
Primary Logo The primary logo consists of two-colors: Pantone 7579 and Pantone 425. Each corner of the hexagon logomark signifies an important part of the services we provide our clients.
Strategy Delivered Logomark
Logotype
OUR IDENTITY | 7
Secondary Logo When reversed on a dark background, change all dark grey type and graphics to white. The orange highlights will remain the same. Pantone 7579 C.
Strategy Delivered
8 | OUR BRAND IDENTITY ESSENCE
Secondary Logo Variation When reversed on an orange background, use vibrant orange (Pantone 7579) for the background and change the orange highlights in the logo to the orange accent (Pantone 7599). All grey type will be converted to white.
Strategy Delivered
BRAND OUR IDENTITY ESSENCE | 9
Logo Clear Space The clear space requirement is designed to maintain the integrity of the logo. This ensures visibility and legibility. The minimum clear space of 4x should always be applied. Try to maximize clear space whenever possible. No graphic elements, including patterns or colors (other than approved colors) can be used in the clear space. On any given format—landscape or vertical—the preferred logo placement is in the top left or bottom left corner.
x/4
x
Strategy Delivered 132 mm
x/4
Strategy Delivered
10 | OUR IDENTITY
Greyscale Variants Not every budget will account for full-color printing. In these situations, refer to the following examples on how to treat our logo right in nothing but greyscale.
Strategy Delivered
Two-Toned Grayscale on Light Background For light backgrounds in a greyscale printing situation, use the following treatment of the logo: Medium Grey = 70%K Dark Grey = 96% K
Strategy Delivered
One-Color Printing on a Light Background All type and graphics will use the following treatment: 100% K
Strategy Delivered
Two-Toned Grayscale on a Dark Background For dark backgrounds in a greyscale printing situation, use the following treatment of the logo: Grey = 50% K
Strategy Delivered
One-Color Printing on a Dark Background All type and graphics will use the following treatment: White
OUR IDENTITY | 11
Sizing Our logo must always be legible, clear and concise. In order to do this, we have specific minimum requirements for our logo via print and screen. As far as how big we can go...that all depends on how big we can think.
Screen Minimal size The minimum size for screen is 270 pixels wide. This ensures the best results in line weight and legibility for the web.
270 px
Print Minimal size The minimum size for print is 2.5� wide. This ensures the best results in line weight and legibility in printed documents. 2.5 in
12 | OUR IDENTITY
Incorrect Usage Please don’t abuse, change or manipulate our logo in any way. Each element and color has its own purpose and we strive to keep our brand solid and consistent. The following are examples of what not to do with the eResources logo:
Strategy Delivered
Strategy Delivered
Strategy Delivered
Strategy Delivered
Strategy Delivered
OUR IDENTITY | 13
Color Palette Corporate Tones Color plays an important role in communicating our brand personality. The primary colors are dark grey and vibrant orange. Dark grey represents a rock solid product combined with sophistication and technology. Orange gets us noticed, represents change in a fast-paced industry and works well as a call to action.
Color Palette Logo Palette A comprehensive color palette has been developed to provide flexibility while creating a unified recognizable appearance across all communications.
Vibrant Orange Pantone Solid Coated
7579 C
CMYK
0 82 100 0
RGB
241 86 35
HEX F05522
100%
75%
50%
25%
10%
Dark Grey Pantone Solid Coated CMYK
425 C 0 0 0 80
RGB
51 51 51
HEX 333333
100%
75%
50%
25%
10%
COLOR PALETTE | 15
Primary Color Palette We strive to keep our colors accurate and consistent whenever possible regardless of the medium or material. The primary color breakdowns are shown below.
Orange Accent
Vibrant Orange Pantone
7579 C
Pantone
CMYK
0 82 100 0
CMYK
RGB
241 86 35
RGB
HEX F05522
White
Dark Grey 7599 C
19 87 94 10 183 60 36
HEX B73C24
Pantone CMYK RGB
425 C 0 0 0 80 88 89 91
CMYK RGB
0000 255 255 255
HEX FFFFFF
HEX 333333
Secondary Color Palette In certain situations, the primary color palette may not cut it. We have put together a comprehensive secondary palette to complement the original palette. These colors will be used for Sub-Branding and web elements inlcuding call to action buttons, headings & background fills. The secondary color breakdowns are shown below.
Navy Accent
Light Blue Accent Pantone CMYK RGB
646 C 65 37 12 0 102 140 182
HEX 668CB6
16 | COLOR PALETTE
Pantone CMYK RGB
Light Cool Grey
Dark Grey 2955 C 99 78 33 20 19 60 100
HEX 133C64
Pantone CMYK RGB
425 C 0 0 0 80 88 89 91
HEX 333333
Pantone CMYK RGB
7541 C 0 0 0 10 233 233 233
HEX E9E9E9
Typography
Typeface Usage Typography is a strong extension of our brand’s personality. Along with the logo and color palette, it creates brand consistency throughout all communications.
Primary Typeface eResources primary font is Ubuntu. It has a distinctive look that conveys a reliable, clear and concise attitude. Ubuntu Light is used for body copy and Ubuntu Bold is used for key words, headlines and messaging.
Ubuntu Light
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
Ubuntu Bold
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
Secondary Typeface In certain situations when Ubuntu Light or Bold do not work, the secondary typefaces, Ubuntu Regular and Medium, may be used. The line weight falls in between the two primary typefaces.
Ubuntu Regular
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
18 | TYPOGRAPHY
Ubuntu Medium
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
Default Table Style LOREM
IPSUM
DOLOR
SIT
Lorem Ipsum
11
11
11
Ipsum Ipsum
3
3
3
Dolor Amet
656
656
656
Sit Lorem
99
99
99
Amet Lorem
34
34
34
Consectetur Amet
87
87
87
TYPOGRAPHY | 19
Typesetting Print / Screen Header 1: 36 pt / 48px Pantone 425 C / HEX 333333
Header 2: 24 pt / 32px Pantone 425 C / HEX 333333
Web Design Establish an Unforgettable Online Presence
Body: 11 pt / 15px Pantone 425 C / HEX 333333
Tired of cookie-cutter templates? Our design team will a create strong brand identity and visually attractive look for your site.
Header 3: 18 pt / 24px Pantone 7579C / HEX F05522
Mobile Development
Header 4: 14 pt / 19px Pantone 425 C / HEX 333333
The Future is on the Move Web traffic from phones and tablets is growing at an unprecedented rate. More than ever, it’s critical to have a mobile strategy to address this exploding market. eResources can create mobile-friendly designs for iOS, Android, and other platforms.
IT on Demand List: Left ident: 5mm
Body Highlight: Bold Pantone 7579C / HEX F05522
20 | TYPOGRAPHY
• • • •
Proactive Support Anti-Virus and Spyware Security Help Desk and Onsite Support Remote Backup and Disaster Recovery
eResources is not your average Managed Services company. In fact, we’re not a managed services IT company, we are so much more than that. Sure, we do all the things that other Managed Services companies do, like provide a helpdesk, monitor and maintain your servers and workstations.
Brand Application Everyday Appearance It’s time to get our brand out there in consistent and engaging displays of communication. Whether our brand is highlighted on the web or in print, our messaging will remain clear and concise. Our clients will know what to do and how to get in touch with us.
Business Card Size
Trim Size: 84 x 55 mm / Bleed Size: 88 x 59mm
Typography
Name: 18 pt, Ubuntu Light, sentence case Title: 7 pt, Ubuntu Light, sentence case Additional Contact Info: 7 pt, Ubuntu Light, sentence case
Paper
Lux Matte Finish
Printing
2/2 Full Bleed Print (3 Pantones in total: 7579 C, 425 C, 7599 C).
2 mm Bleed
Front
2 mm Bleed
Dusty Gulleson 360.441.3473 dusty@eresources.com eresources.com
88 mm 84 mm
Back
55 mm
22 | BRAND APPLICATION
Strategy Delivered
55 mm
59 mm
Envelope Size
#10 Envelope 9.5” x 4.125”
Typography
Address Copy: 7 pt, Ubuntu Light
Printing
2 Color Pantone (7579 C, 425 C)
Front Strategy Delivered
1905 Broadway Street Bellingham, WA 98225
Back
eresources.com
BRAND APPLICATION | 23
Letterhead
Strategy Delivered
360.441.3473 | info@eresources.com | eresources.com
24 | BRAND APPLICATION
Powerpoint Template
BRAND APPLICATION | 25
Proposal Cover
Proposal Washington Policy Center FEBRUARY 27, 2015 This proposal contains proprietary information and may not be distributed to any other entity or person not associated with or in the employment of WASHINGTON POLICY CENTER. Acceptance of this proposal invokes acceptance of this notice
Š Copyright eResources LLC 2015
26 | BRAND APPLICATION
Proposal Typesetting Website Proposal 2015 | Washington Policy Center
H3: 18 pt
Engagement Overview eResources will provide web site redesign and ongoing support and hosting services to WPC.
Body: 11 pt
Core to these services is providing WPC with a full service partner: from strategic consulting, web platform redesign, social media management, hosting and maintenance, to content publishing strategies and roadmaps.
Deliverables H4: 14 pt
Strategic Discovery & Design The initial project phase is an in-depth analysis of WPC’s online properties, strategic objectives and organizational needs. This process will establish clear deliverables, estimated timeline and a roadmap for a successful implementation. This analysis includes evaluating the communication strategy, marketing plan, social media efforts, and internal workflow. The online interfaces for both web and other media platforms will be created through this process. eResources will bring in lessons learned from the 2015 audit and address concerns brought up during this process.
Creative Design Building on the discovery process requirements, eResources team will produce a web interface concept as part of the initial creative design process. The goal of the design phase is to create a well-architected and navigable web interface that enables targeted audiences to easily access information quickly. Along with a fresh look & feel we will analyze integrating interactive features for content interaction. This includes the information architecture, content organization, imagery and layout. These site templates will be still be built in HTML using Cascading Style Sheets (CSS) for Responsive Design. Also included in the design will be support for mobile and tablet devices using responsive design. All site elements will be designed with mobile navigation in mind.
Page 1 | Š Copyright eResources LLC 2015
BRAND APPLICATION | 27
Proposal Signoff Website Proposal 2015 | Washington Policy Center
Terms & Conditions o
All pricing good for 30 days from date of proposal.
o
35% of Project Cost (Web Site Redesign) due at signing.
o
Term of service is for monthly services are at a minimum of 12 months. There is no early termination for this proposal.
o
All solutions will be hosted at eResources Datacenter or at Amazon Web Services Cloud
o
Client agrees to the eResources License & Services Agreement.
o
Any design or customization time requested beyond the proposal amount will be billed
Hosting environment. Custom hosting solutions available.
hourly.
Acceptance In Witness Whereof, the parties hereto agree to the deliverables, scope, cost, and terms & conditions of this proposal. Client representative is duly authorized to enter into this agreement.
Print Name
________________________________________________________
Signature
________________________________________________________
Title
________________________________________________________
Date
________________________________________________________
Page 2 | Š Copyright eResources LLC 2015
28 | BRAND APPLICATION
Invoice INVOICE 12444
Strategy Delivered
BILL TO
DATE
DATE DUE
TERMS
American Scientist Accounting Dept. PO Box 13982 Research Triangle Park, NC 27709-3982
3/22/2015
4/6/2015
Net 15
QUANTITY
P.O. NO.
PROJECT
DESCRIPTION
RATE
AMOUNT
Google Site Search license renewal (150,000 queries)
750.00
750.00
TAX
$0.00
TOTAL
$750.00
BALANCE
$750.00
- Make checks payable to: eResources LLC - Late invoices will incur interest at 1.5% compounded monthly - Credit cards accepted. Fill out an authorization form found online at www.eResources.com/ccform - QUESTIONS? E-mail Accounting@eResources.com
NEW ACOUNTS PAYABLE ADDRESS: 7 East Silver Springs Blvd. #202, Ocala, FL 34470
It is a pleasure to serve you and your organization. Thank you for your business - we appreciate it very much.
BRAND APPLICATION | 29
Email Signature Typography
Body Copy: 12 pt, Ubuntu Light Name: 16 pt, Ubuntu Light Title: 9 pt, Ubuntu Light Contact Information: 12 pt, Ubuntu Light
New Message Recipients Subject
Best Regards,
Dusty Gulleson Chief Executive Officer
eResources C: 360.441.3473 O: 360.333.4444 eresources.com
Send
30 | BRAND APPLICATION
Name Badge Size
3.25” x 2”
Typography
Name: 18 pt, Ubuntu Light
Photo Size
1.1” x 1.5”
BRAND APPLICATION | 31
Imagery Examples Photographs eResources photography consists of full-color, full-bleed shots. No filters, no glows, no duo-tones. The photography style uses natural light whenever possible and the images leave room for the logo to pop with plenty of clear space.
Logo Usage on Imagery Reversed Logo on Dark Background The primary eResources logos are recommended to use whenever possible. Use the reversed logo on images with a dark, clean or solid background.
34 | IMAGERY EXAMPLES
Logo Usage on Imagery Orange Logo Callout Box For images with a lot of neutral colors or a busy background, use the orange callout box (Opacity: 85%) with the reversed white logo and Orange Accent (Pantone 7599).
IMAGERY EXAMPLES | 35
Logo Usage on Imagery Black Logo Callout Box For images with a light background or a lot of elements in the shot, use the black callout box (Opacity: 60%) with the reversed white logo and Vibrant Orange (Pantone 7579). The idea is to make the eResources logo get noticed instead of lost.
36 | IMAGERY EXAMPLES
Branded Merchandise Getting Noticed Sharing branded merchandise such as shirts, jackets and mugs helps bring your brand to life. It is a great way to collaborate and build loyalty with your employees and clients. People who wear the gear will essentially become eResources brand ambassadors.
Apparel
38 | BRANDED MERCHANDISE
Flash Drives
BRANDED MERCHANDISE | 39
Beer Glass
eresources.com
40 | BRANDED MERCHANDISE
Social Media Online Engagement Social media is a powerful brand-building tool. With social media, you get to decide how you want to position your company and what you want people to know about what you do. With consistent effort and great content, you can build a reputation for your brand around your company’s values, benefits, and advantages. Not to mention you can also build a community that will provide you with instant feedback. Your customers will spread the word for you and can help your company grow.
Facebook A great way to get eResources discovered is through Facebook. Not only can you connect with customers, but you can dive in to insightful analytics to get a deeper understanding of your marketing activity. This social sites monthly active users is over 1.3 billion.
Cover Photo Size
851px x 315px
Profile Image Size
160px x 160px
851 px
Technology Moves FAST. Stay Ahead of the Digital Curve with eResources. Technology Consulting Orchestrate Paperless Online Application System
IT on Demand Complete IT Services
315px Web Design & Development
160px
eResources LLC
160px
42 | SOCIAL MEDIA
Mobile & App Development
Strategy Delivered
Twitter Twitter has 500 million tweets happening each day and is another great tool to build your audience. It’s short, sweet and to the point. Use it to enhance your company’s reputation, talk about new industry developments and to attract new employees.
Cover Photo Size
1500px x 500px
Profile Image Size
256px x 256px
1500px
500px
256px
256px
SOCIAL MEDIA | 43
Sub Brands Divisions of eResources Each sub-brand will be built on the parent-brand integrity of eResources. In visual communication, color is first thing noticed, generating the most immediate and emotional response. Each sub-brand will be identified and differentiated through use of color from the secondary or tertiary color palette. The second thing noticed is shape. The basic shape of eResources’ sub-brand logos will remain unchanged. The third thing noticed is text. Each sub-brand’s name will be made apparent below the main eResources logotype.
Primary Logo The primary logo consists of two-colors: Pantone 646 and Pantone 425.
IT on Demand
SUB BRANDS | 45
IT on Demand Secondary Logo When reversed on a blue background, change the background color to Pantone 646 and the blue highlights to Pantone 2955. All grey type will be converted to white.
IT on Demand
46 | SUB BRANDS
IT on Demand Secondary Logo Variation When reversed on a dark background, change all dark grey type and graphics to white. The blue highlights will remain the same.
IT on Demand
SUB BRANDS | 47
Proposal Cover
Proposal Washington Policy Center FEBRUARY 27, 2015 This proposal contains proprietary information and may not be distributed to any other entity or person not associated with or in the employment of WASHINGTON POLICY CENTER. Acceptance of this proposal invokes acceptance of this notice
Š Copyright eResources LLC 2015
48 | SUB BRAND APPLICATION
Proposal Typesetting Website Proposal 2015 | Washington Policy Center
H3: 18 pt
Engagement Overview eResources will provide web site redesign and ongoing support and hosting services to WPC.
Body: 11 pt
Core to these services is providing WPC with a full service partner: from strategic consulting, web platform redesign, social media management, hosting and maintenance, to content publishing strategies and roadmaps.
Deliverables H4: 14 pt
Strategic Discovery & Design The initial project phase is an in-depth analysis of WPC’s online properties, strategic objectives and organizational needs. This process will establish clear deliverables, estimated timeline and a roadmap for a successful implementation. This analysis includes evaluating the communication strategy, marketing plan, social media efforts, and internal workflow. The online interfaces for both web and other media platforms will be created through this process. eResources will bring in lessons learned from the 2015 audit and address concerns brought up during this process.
Creative Design Building on the discovery process requirements, eResources team will produce a web interface concept as part of the initial creative design process. The goal of the design phase is to create a well-architected and navigable web interface that enables targeted audiences to easily access information quickly. Along with a fresh look & feel we will analyze integrating interactive features for content interaction. This includes the information architecture, content organization, imagery and layout. These site templates will be still be built in HTML using Cascading Style Sheets (CSS) for Responsive Design. Also included in the design will be support for mobile and tablet devices using responsive design. All site elements will be designed with mobile navigation in mind.
Page 1 | Š Copyright eResources LLC 2015
SUB BRAND APPLICATION | 49
Proposal Signoff Website Proposal 2015 | Washington Policy Center
Terms & Conditions o
All pricing good for 30 days from date of proposal.
o
35% of Project Cost (Web Site Redesign) due at signing.
o
Term of service is for monthly services are at a minimum of 12 months. There is no early termination for this proposal.
o
All solutions will be hosted at eResources Datacenter or at Amazon Web Services Cloud
o
Client agrees to the eResources License & Services Agreement.
o
Any design or customization time requested beyond the proposal amount will be billed
Hosting environment. Custom hosting solutions available.
hourly.
Acceptance In Witness Whereof, the parties hereto agree to the deliverables, scope, cost, and terms & conditions of this proposal. Client representative is duly authorized to enter into this agreement.
Print Name
________________________________________________________
Signature
________________________________________________________
Title
________________________________________________________
Date
________________________________________________________
Page 2 | Š Copyright eResources LLC 2015
50 | SUB BRAND APPLICATION
Powerpoint Template
SUB BRAND APPLICATION | 51
Strategy Delivered
360.441.3473 info@eresources.com eresources.com