Page 1

2014 AR-GLR

STYLE GUIDE PROPOSAL WEB / PRINT


Index To the right you’ll find a complete listing of resources found and outlined in this guide.

2

bluetube // AR-GLR 2014 style guide

3

Introduction

5

Typography

8

Contacts

4

Color Palette

6

Button & Link Styles

9

Glossary


Introduction This guide is an overview of stylistic integrity for The Arkansas Campaign for Grade Level Reading presented by Bluetube Interactive Inc. Its purpose is to present a clear, uniform, and concise list of style guidlines and resources.

AR-GLR

The Arkansas Campaign for Grade Level Reading

bluetube // AR-GLR 2014 style guide

3


Color

Primary Palette

Consistant use of color is the easiest and most effective way to establish and communicate a visual identity. A unified and consistant color palette helps establish continuity.

The Primary Palette should dominate the visual identity to show a brand consistency. The Secondary Palette should be used in combination of the Primary Palette as a compliment and only as an accent; they should never dominate or overshadow the Primary Palette.

HEX: #374B6B

HEX: #1F2A3D

HEX: #D94854

HEX: #F1F2F2

RGB: 55 75 107

RGB: 31 42 61

RGB: 217 72 84

RGB: 241 242 242

CMYK: 85 70 36 21

CMYK: 88 76 50 53

CMYK: 10 87 63 1

CMYK: 4 2 3 0

Secondary Palette

HEX: #E6E7E8 RGB: 230 231 232 CMYK: 8 6 6 0

4

bluetube // AR-GLR 2014 style guide


Typeface Montserrat is a geometric sans-serif typeface designed by Argentinian designer Julieta Ulanovsky. It’s inspired by signage from Ulanovsky’s Buenos Aires neighborhood of the same name. It is open source, web safe, and free for personal and/or commercial use.

Montserrat & Montserrat Bold ABCDEFGHIJKLMNOPQRSTUVWXYZ

Montserrat Bold should generally be used for headlines, headings, and other main points of emphasis. Short headlines or labels should be all caps, otherwise headlines and subheads are sentence case. Montserrat Regular should primarily be used for body copy and other general text. Avoid using Montserrat smaller than 9pt.

abcdefghijklmnopqrstuvwxyz 1234567890!@#$%^&*()_+

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890!@#$%^&*()_+

HEADING 1 - BOLD - 32pt - 42px - 2.5em HEADING 2 - BOLD - 15pt - 21px - 1.3em PARAGRAPH 1 - REGULAR - 12pt - 16px - 1em PARAGRAPH 2 - REGULAR - 10.5pt - 14px - 0.8em

bluetube // AR-GLR 2014 style guide

5


Button & Link Styles Button and Link Styles are a way to provide a “call to action” that immediately garner attention. They should be straight forward and give the user a proper idea of navigation. They generally come in three states: Normal, Hover, and Active.

NORMAL

HOVER

ACTIVE

Take the Pledge

Take the Pledge

Take the Pledge

Contact Us

Contact Us

Contact Us

Nav 1

Contact Us

Contact Us

Contact Us

Nav 2

Pledge Button

Readi Nav Search Social Media

Social Media

Social Media

Facebook Twitter

Social Media Dropdown

YouTube Share

Read More >>

6

bluetube // AR-GLR 2014 style guide

Read More >>

Read More >>

Hyperlink 1


Button & Link Styles

NORMAL

HOVER

ACTIVE

(Cont.)

Social Media

bluetube // AR-GLR 2014 style guide

7


Contacts Should you have any questions, comments, and/or concerns, please feel free to reach out. What makes Bluetube Inc. unique is we believe end to end solutions, and we’re here to help.

8

bluetube // AR-GLR 2014 style guide

Dave Kellogg

Senior Practice Director dkellogg@bluetubeinc.com 555-555-5555

Robert Poppell

Digital Designer rpoppell@bluetubeinc.com 555-555-5555


Glossary

bluetube // AR-GLR 2014 style guide

9

AR_GLR_SG  
Read more
Read more
Similar to
Popular now
Just for you