If content is king, design is the kingmaker. TriangleParkCreative

Size: px
Start display at page:

Download "If content is king, design is the kingmaker. TriangleParkCreative"

Transcription

1 If content is king, design is the kingmaker

2 Introduction Common language Attainable goals Multiple audiences

3 Design is only part of it Discovery, information architecture Content strategy Design Development Maintenance

4 This or... This?

5 Overview Images Color Type Interaction Fanciness

6 Images

7 What do you have? Image inventory Categorize to site map Align with mission

8 Image quality and content Bad quality = bad site Illustrate or demonstrate Generate interest Focal points but not extreme closeups

9 Size and cropping Auto cropping in CMS Horizontal vs. vertical Extra-wide horizontals

10

11 Stock images Recognizably generic, inauthentic Not specific enough, too idealized Invest in original photography Invest in original illustration

12

13 Color

14 Terminology RGB vs. CMYK Pantone Hexadecimal Monitors

15 What do colors mean to people? Warm, cool Recede, advance, vibrate Color palette harmony

16 Connotations develop

17 Four blues what s the difference? A B C D

18 Four blues what s the difference? A C 100 M 65 Y 30 K 10 B C 100 M 75 Y 30 K 10 C C 85 M 60 Y 42 K 25 D C 100 M 90 Y 42 K 50 Gingrich, Obama, Romney, and Santorum

19 A

20 B

21 C

22 D

23 Other color considerations Color blindness: links, rollovers Mother Jones Slate

24 Other color considerations Contrast for readability

25 Other color considerations Avoid reversed text type

26 Type

27 Type on the web: past Arial Calibri Comic Sans Courier Georgia Helvetica Impact Lucida Palatino Tahoma Times New Roman Trebuchet Verdana

28

29 Type on the web: today web fonts Web fonts Many fonts are available for web use Support your brand typographically

30

31 Licensing web fonts Additional license fee to use on website Fees may be based on traffic Design partner may offer blanket use

32 Limits of web fonts Think twice before using as body text Hinting Init ullamco nsendrer suscin ute te te euguero dipisis cillam, veratue dit, velestrud tie dolorem diam dolenim zzriliquat. Nulputatue faciliquat praessim nim velit in exerit iril ulla am, quis dolor sequat ipismodolore magna facidunt eui tis nullaore faccummod dolortie ea con hent illandrerat nos doloreetum zzrit molortie do odo odolortio et vullummy nullum zzriureet lutet, si. Browser, operating system issues

33 Serif Sans Serif

34 Basic type rules: serif or sans serif? Print conventions Web conventions Web now: More fonts available Setting your web fonts palette

35 Basic type rules: Size Web type is getting bigger 16 pixels = size of type in a book Small looks outdated, big looks horsey Headlines are getting bigger, too

36

37

38 Basic type rules: Width and linespacing Narrower column tighter linespacing Wider column looser linespacing Problem of doubling, claustrophobia Left alignment vs. centered

39

40 Basic type rules: Information hierarchy Markup H1, H2, H3, H4 Cross-platform, scannability, SEO Contrast and scale Proximity and spacing

41

42

43

44 Different type for different sections Navigation, main content, sidebars, testimonials, block quote, footer

45 Different type for different sections Role of captions as key information

46 Different type for different sections Pull quotes Call to action

47 Interaction

48 What does it mean? Surveys, polls Social media feeds Blogs with comments Forums Infographics

49 Set your content free of the text What is the 1 thing you want people to understand about your group s mission? Break it down Illustrate it interactively

50

51

52 Fanciness

53 It s more than two-dimensional Illusion of place Drop shadows Letterpress, emboss effects Texture Highlights

54

55 Balance, and think of the user Ratio of data : ink Why is the user there?

56

57

58 Capacity

59 You have to maintain the site Go-live date is only the beginning Update images over time Blogging, forum moderation Maintain style consistency Micro content

60 Resources Type: Web font rendering explainer typography/web-font-quality.aspx Handy guide to web typography com/2008/02/28/a-guide-to-webtypography Some helpful hints on choosing which fonts to use together on-web-typography A gallery of pull quote styles com/2008/06/12/block-quotes-and-pullquotes-examples-and-good-practices Color: Contrast test for text and background colors luminositycontrastratio.php Basics of color triangleparkcreative.com/tips/print/color Joe Hallock s international color research

61 Resources Images: Understanding image file formats design/images Image placement, content, best practices Free image manipulation software, Gimp (GNU Image Management Program) There is no fold and yet: Interactive: Gates Foundation: Reinvent the Toilet infographics/pages/reinvent-the-toiletinfo.aspx Future of Car Sharing The Story of Stuff Dangers of Fracking Capacity: Workflow that Works braintraffic.com/2012/03/workflow-thatworks

Typography. is the foundation of good web design

Typography. is the foundation of good web design Typography is the foundation of good web design my name is Samantha Warren I am a web designer for Viget Labs I teach web & graphic design at the Center for Digital Imaging Arts at Boston University &

More information

Brand Overview COLORS / FONTS / LOGOS rd Street, Suite 210 Denver, CO communityengineeringcorps.org

Brand Overview COLORS / FONTS / LOGOS rd Street, Suite 210 Denver, CO communityengineeringcorps.org Brand Overview COLORS / FONTS / LOGOS 1031 33rd Street, Suite 210 Denver, CO 80205 720 204-3194 Color Palette PRIMARY COLORS PRIMARY PALETTE For most situations, it is important to utilize the two main

More information

limelightplatform.com

limelightplatform.com 1 limelightplatform.com Introduction: Email Template Overview: This document is an example of an email template. It contains the different sections that could be included. Email templates provide a layout.

More information

LOGO & BRAND STANDARDS GUIDE

LOGO & BRAND STANDARDS GUIDE LOGO & BRAND STANDARDS GUIDE INTRODUCTION The SparkPost Brand Standards Guide provides key information needed to accurately and consistently produce external and internal documents and communications.

More information

TEMPLATE ORDER GUIDE /

TEMPLATE ORDER GUIDE / TEMPLATE ORDER GUIDE / Our template order guide is filled with guidelines to help you complete the template order form. We want this to be a super easy and fun process for you! In order to prevent any

More information

ASMP Website Design Specifications

ASMP Website Design Specifications Page 1 ASMP Website Design Specifications Page 2 All Pages 130 pixels (background = #ffffff) 100 pixels (background = #000000) Header Bar Use logo provided in PSD file. Match size and placement. AMERICAN

More information

BRAND IDENTITY STANDARDS GUIDE

BRAND IDENTITY STANDARDS GUIDE BRAND IDENTITY STANDARDS GUIDE JANUARY 2015 TABLE OF CONTENTS This brand identity standards guide was created to help establish the BCIU s visual brand image and bring consistency to all visual representations

More information

User-Centered Website Development: A Human- Computer Interaction Approach

User-Centered Website Development: A Human- Computer Interaction Approach User-Centered Website Development: A Human- Computer Interaction Approach Daniel D. McCracken City College of New York Rosalee J. Wolfe DePaul University With a foreword by: Jared M. Spool, Founding Principal,

More information

Third Party Identity Guidelines

Third Party Identity Guidelines Third Party Identity Guidelines Introduction Introduction This document has been developed to provide anyone using The Wolfson Foundation logotype with clear guidelines on how the brand identity can be

More information

Introduction. ThinManager - A Rockwell Automation Technology

Introduction. ThinManager - A Rockwell Automation Technology 1220 Old Alpharetta Road, Suite 390 Alpharetta, Georgia 30005 www.thinmanager.com info@thinmanager.com OFFICE 678-990-0945 Introduction... 1 Logo... 2 Clear space and minimum size... 3 Primary color palette...

More information

Logo. Logo. Symbol. Wordmark

Logo. Logo. Symbol. Wordmark 1725 Windward Concourse, Suite 300 Alpharetta, Georgia 30005 www.thinmanager.com info@thinmanager.com OFFICE 678-990-0945 FAX 678-990-0951 Introduction... 1 Logo... 2 Clear space and minimum size... 3

More information

April 2017 STYLE GUIDE

April 2017 STYLE GUIDE April 2017 STYLE GUIDE WHY IS VISUAL IDENTITY IMPORTANT? The Occidental College logo is a symbol of the Oxy community and our set of shared values of excellence, equity, access and service. The logo serves

More information

How to Create Accessible Word (2016) Documents

How to Create Accessible Word (2016) Documents How to Create Accessible Word (2016) Documents Heading Styles 1. Create a uniform heading structure through use of Styles in Word under the Home ribbon. a. Proper heading structure is necessary for screen

More information

Introduction to Web Design CSS Reference

Introduction to Web Design CSS Reference Inline Style Syntax: Introduction to Web Design CSS Reference Example: text Internal Style Sheet Syntax: selector {property: value; Example:

More information

A Crash Course in Typography: Principles for Combining Typefaces - noupe

A Crash Course in Typography: Principles for Combining Typefaces - noupe A Crash Course in Typography: Principles for Combining Typefaces Cameron Chapman When combining typefaces, there are a couple of important principles you ll need to keep in mind, namely contrast and mood.

More information

Introduction to Web Design CSS Reference

Introduction to Web Design CSS Reference Inline Style Syntax: Introduction to Web Design CSS Reference Example: text Internal Style Sheet Syntax: selector {property: value; Example:

More information

8/19/2018. Web Development & Design Foundations with HTML5. Learning Objectives (1 of 2) Learning Objectives (2 of 2)

8/19/2018. Web Development & Design Foundations with HTML5. Learning Objectives (1 of 2) Learning Objectives (2 of 2) Web Development & Design Foundations with HTML5 Ninth Edition Chapter 3 Configuring Color and Text with CSS Slides in this presentation contain hyperlinks. JAWS users should be able to get a list of links

More information

DMD DIAMOND, BRAND GUIDE ISSUE 01: DESIGN MANUAL CREATED FOR: DMD DIAMOND DESIGN AND BRAND GUIDELINE BOOK

DMD DIAMOND, BRAND GUIDE ISSUE 01: DESIGN MANUAL CREATED FOR: DMD DIAMOND DESIGN AND BRAND GUIDELINE BOOK DMD DIAMOND, BRAND GUIDE ISSUE 01: DESIGN MANUAL CREATED FOR: DMD DIAMOND DESIGN AND BRAND GUIDELINE BOOK CREATION DATE: FEBRUARY 2018 ISSUE 01: BRAND GUIDELINE CREATED FOR: DMD Diamond www.bit.diamonds

More information

WEB DESIGN: CONSTRUCTION, FILES, CODE AND COLOURS UNIT NUMBER: H383 34

WEB DESIGN: CONSTRUCTION, FILES, CODE AND COLOURS UNIT NUMBER: H383 34 WEB DESIGN: CONSTRUCTION, FILES, CODE AND COLOURS UNIT NUMBER: H383 34 OUTCOME 1 Knowledge requirements Web page construction methods File formats Terminology html type Web safe colours WEB PAGE CONSTRUCTION

More information

MINI BRAND GUIDELINES

MINI BRAND GUIDELINES MINI BRAND GUIDELINES 9.18.17 TABLE OF CONTENTS SECTION 1 Introduction 3 SECTION 4 The Hamline Logo(s) & Seal 5 SECTION 5 Colors 16 SECTION 6 Typography 20 Questions about how to use this brand guide?

More information

Principles of Typography

Principles of Typography Principles of Typography Different fonts send a different message to the reader. Categories: Sans serif Serif Script Decorative Fonts Sans-serif Fonts Easy to read, especially online Modern and clean Good

More information

01 The logo design. Our logo is the touchstone of our brand and one of the most valuable assets. We must. Designed by KING DESIGN

01 The logo design. Our logo is the touchstone of our brand and one of the most valuable assets. We must. Designed by KING DESIGN 01 The logo design Our logo is the touchstone of our brand and one of the most valuable assets. We must 1. The logo and its usage / 2. Black, white and grayscale / 3. Logo construction + clear space /

More information

Chapter 7 Typography, Style Sheets, and Color. Mrs. Johnson

Chapter 7 Typography, Style Sheets, and Color. Mrs. Johnson Chapter 7 Typography, Style Sheets, and Color Mrs. Johnson Typography Typography refers to the arrangement, shape, size, style, and weight of text. Affects the navigation and usability of a web site and

More information

Name: Class: Teacher:..

Name: Class: Teacher:.. Name: Class: Teacher:.. Introduction Desktop publishing (DTP) is the process of designing newspapers, magazines, books, leaflets, booklets and reports on a computer. The industry that produces these items

More information

GRAPHIC STANDARDS SEPTEMBER 2016 EDITION. gs.edu

GRAPHIC STANDARDS SEPTEMBER 2016 EDITION. gs.edu GRAPHIC STANDARDS SEPTEMBER 2016 EDITION gs.edu CONTENTS INTRODUCTION THE LOGO VERSIONS A1 Primary Horizontal Logo A2 Primary Stacked Logo A3 Secondary Logo - Mark Only A4 Alignment/Margins VISUAL APPLICATION

More information

BETTER LOOKING S

BETTER LOOKING  S BETTER LOOKING EMAILS First impressions matter. So if you want a positive response to your email campaign you need to make a positive first impression. Here are some simple design strategies to help you

More information

Digital Media, UX-UI Design > Website Principles

Digital Media, UX-UI Design > Website Principles Contents At a glance: Page layout header To ensure the correct appearance of our brands in a broad spectrum of applications with a web front end, uniform treatment of design elements is an absolute necessity.

More information

from The Elements of Typographic Style by Robert Bringhurst, page 171

from The Elements of Typographic Style by Robert Bringhurst, page 171 from The Elements of Typographic Style by Robert Bringhurst, page 171 from The Elements of Typographic Style by Robert Bringhurst, page 148 h Dunt augue et, sum ad dolore do od estionse feum iure magna

More information

BRAND GUIDELINES Last modified: April 9, 2018

BRAND GUIDELINES   Last modified: April 9, 2018 BRAND GUIDELINES CONTENTS Logos Logos on Dark and Light Secondary Logos Icon and Social Media Implementation Guidelines How not to use the logo Typography Typeface and Hierarchy Promotional Materials Suggestions

More information

OTTER TAIL COUNTY - MINNESOTA LOGO USAGE POLICY

OTTER TAIL COUNTY - MINNESOTA LOGO USAGE POLICY OTTER TAIL COUNTY - MINNESOTA LOGO USAGE POLICY Prepared By: The Branding Task Force as directed by the Division Directors and the Otter Tail County Board of Commissioners. Manual Version Control Version

More information

Brand Guidelines FEBRUARY 2018

Brand Guidelines FEBRUARY 2018 Brand Guidelines FEBRUARY 2018 Contents 1. Logo 1.1. Clear Space 1.2. Logo Variations 1.3. Minimum Size 2. Brand Elements 2.1. Tagline 2.2. Message and Separator 2.3. Frame 5. Imagery 5.1. Illustration

More information

เพ มภาพตามเน อหาของแต ละบท. Basic of Web Design by Assoc. Prof. Churee Techawut and Dr. Ratsameetip Wita adapted into English by Dr.

เพ มภาพตามเน อหาของแต ละบท. Basic of Web Design by Assoc. Prof. Churee Techawut and Dr. Ratsameetip Wita adapted into English by Dr. เพ มภาพตามเน อหาของแต ละบท http://highlevelstudios.com/images/basic_design.jpg Basic of Web Design by Assoc. Prof. Churee Techawut and Dr. Ratsameetip Wita adapted into English by Dr. Prakarn Unachak 1.

More information

2/1/2016. Discuss website usability essentials Explain principles of design Critique a website in terms of usability and design

2/1/2016. Discuss website usability essentials Explain principles of design Critique a website in terms of usability and design Due Tuesday, Feb. 9 upload to Blackboard Locate five HTML (not Flash) websites you believe exhibit good web design, usability and accessibility principles. Each website s critique is worth 10 points (50

More information

WEB PAGE ARCHITECTURE

WEB PAGE ARCHITECTURE The goals of webpage architecture: 1. Bring order to many types of information: text, images, links, navigation. 2. Create movement through the page. 3. Provide centers of visual interest that serve as

More information

Content Design. Jason Withrow

Content Design. Jason Withrow Content Design Overview Reading Online Writing for the Web Guidelines Presenting Text Content Graphical Text Text Links PDF Documents Printer-Friendly Format Reading Online 1. Reading from computer screens

More information

[ ] corporate brand guide brought to you from the minds at:

[ ] corporate brand guide brought to you from the minds at: [ ] corporate brand guide 2015-2016 introduction This document describes the most essential elements of the p d adapt visual identity collage including logo usage, typographical marks and color palette.

More information

STYLE GUIDE. Introduction. Fresh Tradition

STYLE GUIDE. Introduction. Fresh Tradition Fresh Tradition The visual identity is simply one element of the brand. Yet, it s your introduction to the community. Use it thoughtfully to epose a long-standing tradition of ecellence, engaging students

More information

Floats, Grids, and Fonts

Floats, Grids, and Fonts Floats, Grids, and Fonts Computer Science and Engineering College of Engineering The Ohio State University Lecture 17 Recall: Blocks, Inline, and Flow flow body inline paragraph heading horz rule blocks

More information

Part 01: Logo, Typography & Colours. Brand Identity Guidelines 2015

Part 01: Logo, Typography & Colours. Brand Identity Guidelines 2015 Part 01: Logo, Typography & Colours Brand Identity Guidelines 2015 At a glance Logo Typography ITC Caslon No. 224 Univers Georgia Arial The core elements of the Arts Council identity makes our brand instantly

More information

Typographic hierarchy: How to prioritize information

Typographic hierarchy: How to prioritize information New York City College of Technology, CUNY Department of Communication Design Typographic Design III Instructor: Professor Childers pchilders1@mac.com Typographic hierarchy: How to prioritize information

More information

Brand Identity Guide. September 2017

Brand Identity Guide. September 2017 Brand Identity Guide September 2017 Welcome At Canada Drives our goal is to be the number one consumer lending company in Canada by making financing simple and accessible to every Canadian while maintaining

More information

Carleton College Identity Guidelines UPDATED: JULY 2015

Carleton College Identity Guidelines UPDATED: JULY 2015 Carleton College Identity Guidelines UPDATED: JULY 2015 INTRODUCTION 1 Table of Contents Introduction 1 Brand Identity Elements 2 Wordmark 2 Color 3 Associated Symbols 4 Symbol Colors 5 Wordmark Lockups

More information

TouchCMA Branding Options. Give your newest tech tool a makeover with your company s look and feel!

TouchCMA Branding Options. Give your newest tech tool a makeover with your company s look and feel! TouchCMA Branding Options Give your newest tech tool a makeover with your company s look and feel! Why Does Your Brand Matter? Your brand is your identity. It distinguishes you and your agents from a sea

More information

Guiding Principles for PowerPoint Presentations

Guiding Principles for PowerPoint Presentations Guiding Principles for PowerPoint Presentations Karen Fujii Media Services Manager Center for Instructional Support Office Faculty Development & Academic Support October 12, 2017 History Developed 30 years

More information

DTP Theory Notes. Arbroath Academy - Technology Department - National 5 Graphic Communication

DTP Theory Notes. Arbroath Academy - Technology Department - National 5 Graphic Communication DTP Theory Notes What is Desktop Publishing? Desktop Publishing (DTP) is the process of using software to create different publications, e.g, magazines, brochures, posters, booklets,newspapers. Who makes

More information

LOGO USE GUIDELINES BRAND GUIDELINES PUBLISHED ON FEBRUARY 17,

LOGO USE GUIDELINES BRAND GUIDELINES PUBLISHED ON FEBRUARY 17, LOGO USE GUIDELINES BRAND GUIDELINES PUBLISHED ON FEBRUARY 17, 2014 1 LOGO USE GUIDELINES LOGO USAGE GUIDELINES 13 LOGO USAGE GUIDELINES The Gardner-Webb logo is the centerpiece of the University's visual

More information

FLEET LOGO USAGE AND STANDARDS INNOVA BRANDING STANDARDS 2015 GUIDE

FLEET LOGO USAGE AND STANDARDS INNOVA BRANDING STANDARDS 2015 GUIDE FLEET LOGO USAGE AND STANDARDS INNOVA BRANDING STANDARDS 2015 GUIDE INNOVA BRANDING STANDARDS 2015 GUIDE 2 TABLE OF CONTENTS The Innova Brand 3 Branding Elements Logo Colors Typography 4 8 10 INNOVA BRANDING

More information

Session 3.1 Objectives Review the history and concepts of CSS Explore inline styles, embedded styles, and external style sheets Understand style

Session 3.1 Objectives Review the history and concepts of CSS Explore inline styles, embedded styles, and external style sheets Understand style Session 3.1 Objectives Review the history and concepts of CSS Explore inline styles, embedded styles, and external style sheets Understand style precedence and style inheritance Understand the CSS use

More information

Visual Identity Guidelines. Abbreviated for Constituent Leagues

Visual Identity Guidelines. Abbreviated for Constituent Leagues Visual Identity Guidelines Abbreviated for Constituent Leagues 1 Constituent League Logo The logo is available in a horizontal and vertical format. Either can be used depending on the best fit for a particular

More information

The American Legion. Visual Style Guide

The American Legion. Visual Style Guide The American Legion Visual Style Guide 04.15.2015 Table of Contents Communicating the American Legion Brand 3 The Legion Emblem 4 Emblem 5 Logo Type 6 Standard Typefaces 7 Myriad Pro 8 Minion Pro 9 Color

More information

ARAP corporate and visual identity guidelines

ARAP corporate and visual identity guidelines APPENDIX 3 ARAP corporate and visual identity guidelines edited by Ilaria Vescovo / www.iaiastudio.com in collaboration with Riccardo D Emidio 1 ARAP corporate and visual identity guidelines manual INDEX

More information

Chameleon i. Template Websites VAT Per kit per month connectivity module*

Chameleon i. Template Websites VAT Per kit per month connectivity module* 1499.00 + VAT Per kit Our designers have developed three websites which can be customised with your agencies brand. All we require is your logo, copy and images and our designers will bring your template

More information

Brand Standards. Contents. Section 1: National Summer Learning Association. Section 2: Summer Learning Day. Section 3: Additional Information

Brand Standards. Contents. Section 1: National Summer Learning Association. Section 2: Summer Learning Day. Section 3: Additional Information Brand Standards Contents Introduction....2 Section 1: National Summer Learning Association Primary Logo...4 Logo Variations....5 Recommendations for Use: Tagline and Mark Only Logos....5 Alternative Logos....7

More information

corporate identity guidelines

corporate identity guidelines Seilevel Corporate Identity Guidelines Introduction 1 Preferred Signature and Components Logo Space and Minimum Size Signature Variations Color Palette Typography Signature Misuse 2 3 4 5 6 7 corporate

More information

II. COLOR PALETTE Primary p. 18 Secondary p. 18. III. TYPOGRAPHY Primary typography p. 19 Secondary typography p. 20 Default typography p.

II. COLOR PALETTE Primary p. 18 Secondary p. 18. III. TYPOGRAPHY Primary typography p. 19 Secondary typography p. 20 Default typography p. STYLE GUIDE 2016 TABLE OF CONTENTS I. LOGO Introduction p. 3 Primary logo: Full-color application p. 4 One-color applications p. 5 Reverse applications: p. 6 Two-color p. 6 One-color p. 7 With tagline

More information

2 December NCFE Corporate Guidelines. Introduction

2 December NCFE Corporate Guidelines. Introduction Introduction Introduction How we connect with people through our brand is essential to who we are, and plays a big part in the NCFE experience. We created this document (which is simpler than it looks)

More information

Visual Style Guide. February 2014

Visual Style Guide. February 2014 Visual Style Guide February 2014 Contents Introduction to the MC&FP Logo 3 Safe Area and Size 4 Incorrect Usage 5 Color Palette 6 Typography 7 Tone and Style of Photography 8 Print Examples 9 Screen Examples

More information

Java Licensing LOGO GUIDELINES

Java Licensing LOGO GUIDELINES Java Licensing LOGO GUIDELINES TABLE OF CONTENTS INTRODUCTION 3 LOGO USAGE OVERVIEW 4 OFFICIAL COLOR PALETTE 5 COLOR AND BACKGROUND USAGE 6 OFFICIAL TYPEFACES 7 MINIMUM SIZE 8 CLEAR SPACE 9 UNACCEPTABLE

More information

Type on the Web: Dos, Don ts and Maybes Ilene Strizver

Type on the Web: Dos, Don ts and Maybes Ilene Strizver Type on the Web: Dos, Don ts and Maybes Ilene Strizver What exactly is Type on the Web? How does it differ from print? Type in print Fixed Predictable Controllable Appearance varies depending on: Operating

More information

H A-Z of DTP Features

H A-Z of DTP Features A-Z of DTP Features H Alignment One of the principles of design, alignment refers to lining up the top, bottom, sides, or middle of text or graphic elements on a page. See also Text Alignment. Ascender

More information

howtomarketing VISUAL IDENTITY In this section 30/04/ MY PR plus 1

howtomarketing VISUAL IDENTITY In this section 30/04/ MY PR plus 1 howtomarketing VISUAL IDENTITY Module 1 Identify 1 In this section + WHAT IS VISUAL IDENTITY? + BRAND PROMISE AND STYLE + COLOURS + FONTS + DESIGN + VISUAL IDENTITY GUIDES/STYLE SHEETS 2 1 Visual Identity

More information

GRAPHIC STANDARDS MANUAL. Appalachian Trail Conservancy Version 1.0

GRAPHIC STANDARDS MANUAL. Appalachian Trail Conservancy Version 1.0 GRAPHIC STANDARDS MANUAL Appalachian Trail Conservancy 2011 - Version 1.0 THE BRAND LOGO Brand Identity Our logo incorporates colors, typeface and graphic treatments to help solidify this program s brand

More information

STYLE AND USAGE GUIDELINES

STYLE AND USAGE GUIDELINES STYLE AND USAGE GUIDELINES Meet. Play. Celebrate. Syracuse Logo OFFICIAL LOGO FOR The Oncenter logo must always be presented as above, with the icon placed at left and with equidistant spacing between

More information

20 _. 14 _ Visual Identity. 03 _ Brand Message. 24 _ Brand Consistency 04 _. 10 _ Color Palette. 02 _ Our Mission. Our Logo. Our.

20 _. 14 _ Visual Identity. 03 _ Brand Message. 24 _ Brand Consistency 04 _. 10 _ Color Palette. 02 _ Our Mission. Our Logo. Our. brand guidelines 02 Our Mission 03 Brand Message 04 Our Logo 06 Construction & Clearspace 07 Using Our Logo 08 Logo Don ts 09 On Photographs 10 Color Palette 12 Primary Colors 13 Complimentary Colors 14

More information

Visual Identity Guideline

Visual Identity Guideline Visual Identity Guideline Primary Logo logomark Wordmark Logo Overview The MSBSD logo consists of a logomark seal that sits alongside or on top of a wordmark. These elements have been carefully designed

More information

Typography Main typography EC Square Sans Pro

Typography Main typography EC Square Sans Pro 1.4 Typography 33 Main typography EC Square Sans Pro EC Square Sans Pro is the mandatory font for the Commission s logo, images incorporating texts and for professional publications. Three main weights

More information

1/2 A 1/2 A. ARCAPITA brand GUIDELINES 3

1/2 A 1/2 A. ARCAPITA brand GUIDELINES 3 1/2 A A = cap height of A A 1/2 A A ARCAPITA brand GUIDELINES 3 Minimum size To ensure visibility and legibility, the Arcapita brandmark should never be presented in a size smaller than the minimum shown

More information

iqmetrix Graphic Standards Manual For Partners and Media January 2011

iqmetrix Graphic Standards Manual For Partners and Media January 2011 iqmetrix Graphic Standards Manual For Partners and Media January 2011 Copyright 2010 iqmetrix All rights reserved 1-866-iQmetrix (476-3874) E-mail: branding@iqmetrix.com 2 Introduction The goal of the

More information

Graphics Standards Manual

Graphics Standards Manual Graphics Standards Manual October 2007 City Manager s Message October 2007 The organization-wide identity graphic represents the City of Lawrence as the entire municipal government, as well as its departments.

More information

INTRODUCTION. Your brand guidelines detail exactly how to format all of your company s materials for every single person who works with your business.

INTRODUCTION. Your brand guidelines detail exactly how to format all of your company s materials for every single person who works with your business. BRAND GUIDELINES INTRODUCTION Your brand guidelines detail exactly how to format all of your company s materials for every single person who works with your business. Refer back to these guidelines whenever

More information

STACKS BRAND GUIDELINES

STACKS BRAND GUIDELINES The New Library Experience STACKS BRAND GUIDELINES v 3.0 STACKS BRANDING The Stacks brand is more than just a logo. It is a collection of our ideas, our designs and our goals it is our identity. This guide

More information

CONTENTS. The Brand 3. Logo 4. Alternative Looks & Tagline 6. Color 9. Logo Usage 11. Typography 12. Web 13. Divisions & Departments 14

CONTENTS. The Brand 3. Logo 4. Alternative Looks & Tagline 6. Color 9. Logo Usage 11. Typography 12. Web 13. Divisions & Departments 14 BRANDING GUIDE CONTENTS The Brand 3 Logo 4 Alternative Looks & Tagline 6 Color 9 Logo Usage 11 Typography 12 Web 13 Divisions & Departments 14 2 THE UPCI BRAND DESIGN PHILOSOPHY 1. THE GLOBE Since the

More information

At a glance: Digital Media, UX-UI Design > HTML Newsletters

At a glance: Digital Media, UX-UI Design > HTML Newsletters Contents At a glance: Look & Feel Constructing HTML newsletters Technical requirements CD guidelines: Brand and Markings Typography Cover letter Teasers Imprint An HTML newsletter is a circular sent via

More information

INTRODUCTION. These guidelines consists of colour palettes, typographic style and graphic elements which combine to create a distinctive framework.

INTRODUCTION. These guidelines consists of colour palettes, typographic style and graphic elements which combine to create a distinctive framework. BRAND GUIDELINES INTRODUCTION These guidelines explain how to use the elements of the identity correctly and with confidence. They have been designed to ensure consistency within whilst developing strong,

More information

Overview. Amazon Services Display Advertising Style Guide SELLER CENTRAL BANNERS. Creative Elements. Seller Central Login Page

Overview. Amazon Services Display Advertising Style Guide SELLER CENTRAL BANNERS. Creative Elements. Seller Central Login Page 1 Overview Description Seller Central is the Amazon-owned site that 3rd party merchants use to manage their business of selling on Amazon. The Login Page Placement is a large and prominent ad unit, located

More information

brandguidelines v 1.0

brandguidelines v 1.0 brandguidelines v 1.0 welcome As members, volunteers, staff and partners, each of us plays a key role in expressing our brand. By strongly communicating our brand identity the way we look, what we say

More information

QUICK START GUIDE FOR CLUB WEBSITES

QUICK START GUIDE FOR CLUB WEBSITES QUICK START GUIDE FOR CLUB WEBSITES Introduction Quick Start Guide for Club Websites For more than 100 years, Rotary has united leaders committed to applying their expertise to better their communities.

More information

E-Summit: Formatting Modern Resumes: Strategy & Distinctive Design to Win Interviews

E-Summit: Formatting Modern Resumes: Strategy & Distinctive Design to Win Interviews E-Summit: Formatting Modern Resumes: Strategy & Distinctive Design to Win Interviews Presented by Marie Zimenoff, M.Ed, MRW, NCRW and Dr. Cheryl Minnick, M.Ed., Ed.D., NCRW, CCMC Keeping an Eye on Recruiters

More information

Quick Reference Guide

Quick Reference Guide University of Guelph Quick Reference Guide Effective January 2007 Edited September 2016 The University of Guelph is Canada s pioneer in accelerating discoveries about the interdependencies of life systems

More information

DESIGN GUIDELINES. Davis Technical College. DAVIS TECHNICAL COLLEGE 550 East 300 South Kaysville, UT Phone: Web: davistech.

DESIGN GUIDELINES. Davis Technical College. DAVIS TECHNICAL COLLEGE 550 East 300 South Kaysville, UT Phone: Web: davistech. DESIGN GUIDELINES Davis Technical College DAVIS TECHNICAL COLLEGE 550 East 300 South Kaysville, UT 84037 Phone: 801.593.2500 Web: davistech.edu About this brand This identity guideline is a tool designed

More information

Trinity University Identity Standards Manual. Trinity University Identity Standards Manual

Trinity University Identity Standards Manual. Trinity University Identity Standards Manual Trinity University Identity Standards Manual Trinity University Identity Standards Manual Table of Contents 2 Basic Signature Standards 2.1 The Trinity University Logo 2.2 The Formal Signature 2.3 The

More information

DESIGN & BRAND GUIDELINES

DESIGN & BRAND GUIDELINES VINGA DESIGN & BRAND GUIDELINES CREATING MEMORIES The Design Guidelines These guidelines describe the visual and verbal elements that represent Vinga s corporate identitiy. This includes our name, logo

More information

The building block of a CSS stylesheet. A rule consists of a selector and a declaration block (one or more declarations).

The building block of a CSS stylesheet. A rule consists of a selector and a declaration block (one or more declarations). WDI Fundamentals Unit 4 CSS Cheat Sheet Rule The building block of a CSS stylesheet. A rule consists of a selector and a declaration block (one or more declarations). Declaration A declaration is made

More information

Our brand guidelines. Our photography

Our brand guidelines. Our photography 1 brand guidelines photography Hello. We re the Motor Ombudsman. Please give this document your full attention. It should help you get to know more about us and our corporate guidelines. 2 This section

More information

BRAND GUIDE L I N E S

BRAND GUIDE L I N E S BRAND GUIDE LINES NETWORK OF COMMUNITY MINISTRIES SIMPLICITY IS THE ULTIMATE FORM OF SOPHISTICATION. Leonardo da Vinci 2 BRAND GUIDELINES THIS IS A GUIDE TO THE BASIC ELEMENTS THAT MAKE UP OUR BRAND. IT

More information

Friendly Fonts for your Design

Friendly Fonts for your Design Friendly Fonts for your Design Choosing the right typeface for your website copy is important, since it will affect the way your readers perceive your page (serious and formal, or friendly and casual).

More information

Introduction A global icon needs an iconic logo. Fashion has evolved since 1969, when Gap opened its first store. Our logo has changed with the

Introduction A global icon needs an iconic logo. Fashion has evolved since 1969, when Gap opened its first store. Our logo has changed with the Introduction A global icon needs an iconic logo. Fashion has evolved since 1969, when Gap opened its first store. Our logo has changed with the times, too. One thing that hasn t changed is our mission

More information

RIPE NCC Brand Guidelines Communications Department

RIPE NCC Brand Guidelines Communications Department 1 2015 Brand Guidelines 2 We serve our members by delivering a high quality registry and supporting the core Internet infrastructure. Connecting people within and beyond the technical community through

More information

Fun for everyone. Share. Live. Go.

Fun for everyone. Share. Live. Go. Fun for everyone. Share. Live. Go. Index Please note this is an interactive (so clickable) guideline. Visual identity Logo Visual elements Imagery Visual identity Visual identity Logo Visual elements Imagery

More information

Objective 203 Apply production methods to plan and create advanced digital media graphics projects. Course Weight : 25%

Objective 203 Apply production methods to plan and create advanced digital media graphics projects. Course Weight : 25% Objective 203 Apply production methods to plan and create advanced digital media graphics projects. Course Weight : 25% Objective 203 - Graphics Objectives are broken down into three sub-objectives : pre-production,

More information

McMaster Brand Standard for Websites

McMaster Brand Standard for Websites McMaster University s policy calls for all university websites to follow its brand standard. McMaster websites share common elements, presentation and behavior and a consistent design, enabling visitors

More information

Visual Style Guide. April 2016

Visual Style Guide. April 2016 Visual Style Guide April 2016 Page 2 Contents Introduction to the Logo 3 Safe Area and Size 4 Incorrect Usage 5 Color Palette 6 Typography 7 Tone and Style of Photography 9 Print Examples 10 Screen Examples

More information

Brand Guidelines. Brand Guidelines. Keeper Security, Inc

Brand Guidelines. Brand Guidelines. Keeper Security, Inc Brand Guidelines rev 9.21.17 Keeper Security, Inc. 2017 Keeper Security, Inc. 2017 1 Don't Get Hacked. Get Keeper. The Leading Secure Password Manager and Digital Vault for Businesses and Individuals.

More information

Identity Guidelines: How to use our logo. Version 1.0 April 2014

Identity Guidelines: How to use our logo. Version 1.0 April 2014 Identity Guidelines: How to use our logo Version 1.0 April 2014 Contents 2 3 Introduction and Who to Contact 4 Writing the Company Name 5 The Fortune Brands Logo 6 Approved Logo Color Variations 7 Color

More information

Before & After. Use the Principles Cheatsheet! From The Non-Designer s Design Book, Robin Williams Non-Designer s Design 8

Before & After. Use the Principles Cheatsheet! From The Non-Designer s Design Book, Robin Williams Non-Designer s Design 8 Before & After Use the Principles Cheatsheet! From The Non-Designer s Design Book, Robin Williams Non-Designer s Design 8 Before & After From The Non-Designer s Design Book, Robin Williams Non-Designer

More information

Good Publication Design

Good Publication Design Good Publication Design The top ten tips for creating professional print documents How do I create a well-designed print publication? Good publication design is an art form. Attractively presenting written

More information

Logo Style Guide. February 20, 2008

Logo Style Guide. February 20, 2008 Logo Style Guide February 20, 2008 Table of Contents Communicating the Plexera Brand. 1 The Plexera Logo. 2 Using the Plexera Logo. 3 Color Palette. 4 Logo Don ts. 5 Typefaces. 6 Product Naming Typography.

More information

COPY/PASTE: Allows any item within a document to be copied and pasted within the same document or within compatible software applications.

COPY/PASTE: Allows any item within a document to be copied and pasted within the same document or within compatible software applications. You will need to understand basic terms and techniques used in DTP, as well as file types used within DTP and their advantages and disadvantages. This is separate from Elements and Principles of DTP which

More information

Visual Design and Imaging Alignment

Visual Design and Imaging Alignment Visual Design and Imaging Alignment This document contains information about four Career-Technical Articulation Numbers (CTANs) for the Visual Design and Imaging Alignment Career-Technical Assurance Guide

More information

norwich university style guide

norwich university style guide norwich university style guide 06.22.05 table of contents i. logo Introduction Primary logo: Full-color application One-color applications Reverse applications: Two-color One-color With tagline With departmental

More information