If content is king, design is the kingmaker. TriangleParkCreative
|
|
- Vanessa Brooks
- 5 years ago
- Views:
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 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 informationBrand 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 informationlimelightplatform.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 informationLOGO & 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 informationTEMPLATE 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 informationASMP 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 informationBRAND 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 informationUser-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 informationThird 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 informationIntroduction. 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 informationLogo. 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 informationApril 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 informationHow 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 informationIntroduction 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 informationA 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 informationIntroduction 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 information8/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 informationDMD 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 informationWEB 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 informationMINI 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 informationPrinciples 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 information01 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 informationChapter 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 informationName: 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 informationGRAPHIC 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 informationBETTER 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 informationDigital 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 informationfrom 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 informationBRAND 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 informationOTTER 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 informationBrand 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.
เพ มภาพตามเน อหาของแต ละบท 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 information2/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 informationWEB 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 informationContent 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 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 informationSTYLE 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 informationFloats, 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 informationPart 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 informationTypographic 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 informationBrand 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 informationCarleton 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 informationTouchCMA 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 informationGuiding 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 informationDTP 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 informationLOGO 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 informationFLEET 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 informationSession 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 informationVisual 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 informationThe 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 informationARAP 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 informationChameleon 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 informationBrand 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 informationcorporate 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 informationII. 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 information2 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 informationVisual 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 informationJava 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 informationType 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 informationH 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 informationhowtomarketing 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 informationGRAPHIC 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 informationSTYLE 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 information20 _. 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 informationVisual 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 informationTypography 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 information1/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 informationiqmetrix 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 informationGraphics 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 informationINTRODUCTION. 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 informationSTACKS 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 informationCONTENTS. 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 informationAt 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 informationINTRODUCTION. 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 informationOverview. 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 informationbrandguidelines 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 informationQUICK 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 informationE-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 informationQuick 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 informationDESIGN 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 informationTrinity 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 informationDESIGN & 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 informationThe 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 informationOur 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 informationBRAND 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 informationFriendly 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 informationIntroduction 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 informationRIPE 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 informationFun 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 informationObjective 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 informationMcMaster 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 informationVisual 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 informationBrand 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 informationIdentity 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 informationBefore & 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 informationGood 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 informationLogo 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 informationCOPY/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 informationVisual 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 informationnorwich 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