Nerdio Visual Style Guide

ver. 2017 - 2018 Adar, Inc. 1A. Logo Guideline 3A. Color Usage 4B. Stationary [email protected] 1B. Logo Safe Area 3B. Color Palette 4C. Mascot www.getnerdio.com 1C. Logo Mistakes 3C. NFA Color Palette 4D. Web 844-463-7346 2B. Typography 4A. Email Signature 4E. Web Elements

Logo 01 Adar, Inc. 1A. Logo Guideline 3A. Color Usage 4B. Stationary [email protected] 1B. Logo Safe Area 3B. Color Palette 4C. Mascot www.getnerdio.com 1C. Logo Mistakes 3C. NFA Color Palette 4D. Web Typography 844-463-7346 2B. Typography 4A. Email Signature 4E. Web Elements

1A Logo Guideline

The logo was created in Adobe Illustrator and the vector based fi le can be reproduced at any size without compromising quality. The logo is produced in two colors specifi ed on the right side of guideline and is the preferred logo that should be used wherever possible.

One Color, White Spot Color: PMS 7459C Spot Color: PMS 381C Black and white logos can be used when color Process Color: C: 85 M: 16 Y: 0 K:27 Process Color: C: 4 M: 0 Y: 84 K:13 is not an option or when color is a concern for R: 27 G: 156 B: 185 R: 215 G: 223 B: 35 appropriate reproduction. Web: #1B9CB9 Web: #D7DF23

Gradient In cases where nerdio logo is not appropriate and Adar, For special situations, approved by the Design Inc. logo is more situable, above is the logo that should Team, the gradient version of the logo is allowed be used. Never use spelling ADAR, INC. to be used as well. Adar, Inc. 1A. Logo Guideline 3A. Color Usage 4B. Stationary [email protected] 1B. Logo Safe Area 3B. Color Palette 4C. Mascot www.getnerdio.com 1C. Logo Mistakes 3C. NFA Color Palette 4D. Web Typography 844-463-7346 2B. Typography 4A. Email Signature 4E. Web Elements

1B Logo Safe Area

When the logo appears, text and other graphics should not encroach on the safe area which is determined by the height and width of the letter ‘o’ unless approved by the Design team.

Usage To make sure the logo stands on its own, always maintain clear space around the full lockup and never allow typography or other elements to invade the space. Adar, Inc. 1A. Logo Guideline 3A. Color Usage 4B. Stationary [email protected] 1B. Logo Safe Area 3B. Color Palette 4C. Mascot www.getnerdio.com 1C. Logo Mistakes 3C. NFA Color Palette 4D. Web Typography 844-463-7346 2B. Typography 4A. Email Signature 4E. Web Elements

1C Common Logo Mistakes

Examples of Logo Don’ts are listed on the right. Other Don’ts include - Do not outline the logo - Do not drop a trademark next to the logo - Do not use capitalized N or all caps in Nerdio logo text form. - Do not redraw or retype the logo etc.

The logo must never be distorted Typographic changes should never be Color changes should never be made to or manipulated no matter what the made to the logo. the logo. situation calls for.

It is not accpetable to use only the nerdio Do not use the logo on company cyan It is never acceptable to rotate the logo type for the logo. The type and nerdio blue or lime green background or colors to any degrees. glasses go hand in hand and must appear that are close to it. together. Adar, Inc. 1A. Logo Guideline 3A. Color Usage 4B. Stationary [email protected] 1B. Logo Safe Area 3B. Color Palette 4C. Mascot www.getnerdio.com 1C. Logo Mistakes 3C. NFA Color Palette 4D. Web Typography 844-463-7346 2B. Typography 4A. Email Signature 4E. Web Elements

Typography 02 Adar, Inc. 1A. Logo Guideline 3A. Color Usage 4B. Stationary [email protected] 1B. Logo Safe Area 3B. Color Palette 4C. Mascot www.getnerdio.com 1C. Logo Mistakes 3C. NFA Color Palette 4D. Web Typography 844-463-7346 2B. Typography 4A. Email Signature 4E. Web Elements

2A Typography

The Roboto is chosed Primary Typeface for its clarity, personality and fl exibility for use over a wide varitety of applications. Roboto Roboto, designed by Christian Robertson and adopted by Google collection, is a modern and professional ABCDEFGHIJKLMNO sans- typeface that renders well on high resolution screens. It contains a full set of font weight and is used by Nerdio to PQRSTUVWXZ unify our ITaaS platform. 0123456789

Italic Bold Bold Italic ABCDEFGHIJKLMNO ABCDEFGHIJKLMNO ABCDEFGHIJKLMNO PQRSTUVWXZ PQRSTUVWXZ PQRSTUVWXZ 0123456789 0123456789 0123456789 Adar, Inc. 1A. Logo Guideline 3A. Color Usage 4B. Stationary [email protected] 1B. Logo Safe Area 3B. Color Palette 4C. Mascot www.getnerdio.com 1C. Logo Mistakes 3C. NFA Color Palette 4D. Web Typography 844-463-7346 2B. Typography 4A. Email Signature 4E. Web Elements

2B Typography

To ensure our brand shares Secondary Typeface a common and recognizable voice, we have chosen 5 other as the whole Nerdio Esphimere CAMPTON Typography selection to help deliver professional, seamless ABCDEFGHIJKLM ABCDEFGHIJKLM expereinces for our customers. NOPQRSTUVWXZ NOPQRSTUVWXZ 0123456789 0123456789

Roboto Condensed Monsterrat ABCDEFGHIJKLM ABCDEFGHIJKLM NOPQRSTUVWXZ NOPQRSTUVWXZ 0123456789 0123456789

Fira Sans ABCDEFGHIJKLM NOPQRSTUVWXZ 0123456789 Adar, Inc. 1A. Logo Guideline 3A. Color Usage 4B. Stationary [email protected] 1B. Logo Safe Area 3B. Color Palette 4C. Mascot www.getnerdio.com 1C. Logo Mistakes 3C. NFA Color Palette 4D. Web Typography 844-463-7346 2B. Typography 4A. Email Signature 4E. Web Elements Color 03 Adar, Inc. 1A. Logo Guideline 3A. Color Usage 4B. Stationary [email protected] 1B. Logo Safe Area 3B. Color Palette 4C. Mascot www.getnerdio.com 1C. Logo Mistakes 3C. NFA Color Palette 4D. Web Typography 844-463-7346 2B. Typography 4A. Email Signature 4E. Web Elements

3A Logo Color Usage

The Nerdio color palette is made up of Cyan blue and Lime green and one or two accent colors. The color category consists of a bolder set of colors and gradients that set Nerdio apart from conventional, Nerdio Blue Nerdio Green serious IT solution providers. Color Name: Cyan Blue Color Name: Lime Green Web#: 1B9CB9 Web#: D7DF23 CMYK: 85 / 16 / 0 / 27 CMYK: 4 / 0 / 84 / 13 RGB#: 27 / 156 / 185 RGB#: 215 / 223 / 35

100% 100%

80% 80%

60% 60%

40% 40%

20% 20%

Color Tints In color theory, a tint is the mixture of a color with white, which increases lightness, and a shade is the mixture of a color with black, which reduces lightness. A tone is produced either by the mixture of a color with gray, or by both tinting and shading. Adar, Inc. 1A. Logo Guideline 3A. Color Usage 4B. Stationary [email protected] 1B. Logo Safe Area 3B. Color Palette 4C. Mascot www.getnerdio.com 1C. Logo Mistakes 3C. NFA Color Palette 4D. Web Typography 844-463-7346 2B. Typography 4A. Email Signature 4E. Web Elements

3B Color Palette

These gradients and colors serve the majority Nerdio design needs and are closely aligned to Tan Hide Bittersweet Nerdio’s visual identity that is Web#: F88A52 Web#: F56C60 modern, reliable, professional CMYK: 4 / 0 / 84 / 13 CMYK: 4 / 0 / 84 / 13 as well as dynamic and playful. NPC Gradient 1 RGB: 215 / 223 / 35 RGB: 215 / 223 / 35

In general, the graident should fl ow linearly or diagonally.

Danube Java NPC Gradient 2 Web#: 659ED1 Web#: 18B9A9 CMYK: 60 / 27 / 2 / 0 CMYK: 73 / 1 / 42 / 0 RGB: 101 / 158 / 209 RGB: 24 / 185 / 169

Neutral Palette

NPC Gradient 3 Perfume Danube Web#: 988EF3 Web#: 659ED1 Wild Sand CMYK: 45 / 45 / 0 / 0 CMYK: 60 / 27 / 2 / 0 Web#: F1F9FB RGB: 152 / 142 / 243 RGB: 101 / 158 / 209 CMYK: 4 / 0 / 1 / 0 RGB: 241 / 249 / 251

Mako Web#: 2C3E50 NFA Gradient 1 Denim Viking CMYK: 85 / 69 / 47 / 39 Web#: 0F84DB Web#: 59DAD9 RGB: 44 / 62 / 80 CMYK: 79 / 43 / 0 / 0 CMYK: 54 / 0 / 22 / 0 RGB: 15 / 132 / 219 RGB: 89 / 218 / 217 Adar, Inc. 1A. Logo Guideline 3A. Color Usage 4B. Stationary [email protected] 1B. Logo Safe Area 3B. Color Palette 4C. Mascot www.getnerdio.com 1C. Logo Mistakes 3C. NFA Color Palette 4D. Web Typography 844-463-7346 2B. Typography 4A. Email Signature 4E. Web Elements

3C Additional Nerdio for Azure Color Palette

The color palette to the right provides guidance on the color usage when designing items for Azure Picton Blue Ice Cold Turquoise Nerdio for Azure. Web#: 0DADEA Web#: 46B3EA Web#: B4F8E2 Web#: 3EC2CB CMYK: 70 / 14 / 0 / 0 CMYK: 63 / 13 / 0 / 0 CMYK: 26 / 0 / 18 / 0 CMYK: 65 / 0 / 23 / 0 Additional shades are allowed. RGB: 13 / 173 / 234 RGB: 70 / 179 / 234 RGB: 180 / 248 / 226 RGB: 62 / 194 / 203 Some background may require black, gray and white for readability. Example Graphics: Adar, Inc. 1A. Logo Guideline 3A. Color Usage 4B. Stationary [email protected] 1B. Logo Safe Area 3B. Color Palette 4C. Mascot www.getnerdio.com 1C. Logo Mistakes 3C. NFA Color Palette 4D. Web Typography 844-463-7346 2B. Typography 4A. Email Signature 4E. Web Elements

Digital & Print 04 Adar, Inc. 1A. Logo Guideline 3A. Color Usage 4B. Stationary [email protected] 1B. Logo Safe Area 3B. Color Palette 4C. Mascot www.getnerdio.com 1C. Logo Mistakes 3C. NFA Color Palette 4D. Web Typography 844-463-7346 2B. Typography 4A. Email Signature 4E. Web Elements

4A Email Signature

Nerdio email signature is an effective way to raise brand Font: Karla bold awareness by displaying Color: R 27 / 156 / 185 the logo in a consistent and clear form to the left of main contact information. The signature also allows space for social connections to be Font: OCR A STD attached on the bottom right Color: R 104 / 183 / 123 without infringing on other important information. Every employee should use only this horizontal email siganture version to maintain the integrity of the brand during written communication without modifi cation. Adar, Inc. 1A. Logo Guideline 3A. Color Usage 4B. Stationary [email protected] 1B. Logo Safe Area 3B. Color Palette 4C. Mascot www.getnerdio.com 1C. Logo Mistakes 3C. NFA Color Palette 4D. Web Typography 844-463-7346 2B. Typography 4A. Email Signature 4E. Web Elements

4B Stationary

Usage

The Nerdio letter head and business cards are customized to personalize interaction with customers and prospects. They are used mainly for print and for general more formal use. Adar,Palermo Inc. 1A.1A. Logo Logo Guideline 3A. Color3A. Usage Color Usage4C. Website 4B. Stationary [email protected] One, 123 Address Street 1B.1B. Logo Lock-ups Safe Area 3B. Logo3B. Colors Color Palette4D. App Design4C. Mascot www.getnerdio.comPlaceholder, ABC 1AB 1C.2A. Logo Typography Mistakes 4A. Tote3C. Bag NFA Color Palette5A. Photography4D. Web Typography 844-463-7346United Kingdom 2B.2B. Typography Typography 4B. Print4A. Email Signature5B. Image Effects4E. Web Elements

4C Mascot

Variation of primary form

Nerd.io bot is Nerdio’s ageless charming brand representative and exists in a vareity of forms for different uses. It has been used on Nerdio website and other marketing creative delievrables to help audience better understand the company and product and build a closer relaitonship with Nerdio.

Please get approval before using the mascot other than the primary form.

Variation of special form Adar, Inc. 1A. Logo Guideline 3A. Color Usage 4B. Stationary [email protected] 1B. Logo Safe Area 3B. Color Palette 4C. Mascot www.getnerdio.com 1C. Logo Mistakes 3C. NFA Color Palette 4D. Web Typography 844-463-7346 2B. Typography 4A. Email Signature 4E. Web Elements

4D Web Typography

It is vital to adhere to the text This is body copy. At latur? styling rules here that will help Bearumq uuntibera pore qui to maintain a sense of clarity, order and legibility throughout quos a delignatent, te netsum Nerdio’s website and help Heading 1 dolupta tusdae nonsequi cone Font: Esphimere / 60px our customers recognize and become familiar with our brand Font: Esphimere / 16px / Color: #77838A identity. Heading 2 This is body copy. At latur? Font: Esphimere Regular / 40px Bearumq uuntibera pore qui quos a delignatent,a te net, siti sum dolupta tusdae non- Heading 3 Font: Montserrat / 18 px / font-weight: 300 / Color: #2C3E50 Font: Esphimere Light / 24 px

This is an inline link. Font: Esphimere / Color: #007acc Adar, Inc. 1A. Logo Guideline 3A. Color Usage 4B. Stationary 8001 N Lincoln Ave 1B. Logo Safe Area 3B. Color Palette 4C. Web Typography Suite 212 1C. Logo Mistakes 3C. NFA Color Palette 4D. Web Elements Skokie, IL 60077 USA 2B. Typography 4A. Email Signature

4E Web Elements

Button Input Field Check Button Iconography

Inactive LEARN MORE Your name

Your email address Active LEARN MORE

Your message

Inactive LEARN MORE

Please complete this mandatory field.

Inactive Contact for pricing

Inactive Talk to an expert

Inactive Free Trial

Active Free Trial Online Social Phone [email protected] twitter.com/getnerdio US & CAN: 877-860-0700 www.getnerdio.com facebook.com/getnerdio INT’L: +1 224-534-3590 nerd.io