Colors. F0563A Persimmon. 3A414C Cobalt. 8090A2 Slate Shale. C4CDD6 Alloy Coal. EFF3F5 Silver. EDF3F9 Horizon.
|
|
- Julie Golden
- 6 years ago
- Views:
Transcription
1 Colors Brand Primary F0563A Persimmon 3A414C Cobalt Secondary Brand Coal Shale 8090A2 Slate C4CDD6 Alloy E1E6EB Platinum EFF3F5 Silver EDF3F9 Horizon FFFFFF White Interaction 0088A9 Ocean 006F8A Teal D4EBF2 Sky 4F5D75 Granite Messaging 35AD96 Success 41B5DC Info FFA23F Warning D24A35 Error 1
2 Interaction colors Brand Primary F0563A Persimmon 3A414C Cobalt D63625 BC D1116 Interaction 0088A9 Ocean 006F8A Teal D4EBF2 Sky 4F5D75 Granite 00738E 005B70 B0D9E C C8DA 212C3F Messaging 35AD96 Success 41B5DC Info FFA23F Warning D24A35 Error 22917E 2B9DC1 E58628 B AA8 CC7712 9E2810 2
3 Fonts FONT EXAMPLE Gotham Rounded Gotham Rounded Book ABCDEFGHIJKLMNOPQRSTUVWXYZ The header font is Gotham Rounded and the body font is. abcdefghijklmnopqrstuvwxyz Header font stack Gotham Rounded, San Francisco, Segoe UI, Helvetica Neue, Gotham Rounded Medium ABCDEFGHIJKLMNOPQRSTUVWXYZ Arial, sans-serif; abcdefghijklmnopqrstuvwxyz Body font stack, San Francisco, Segoe UI, Helvetica Neue, Arial, sans-serif; Monospace stack Regular ABCDEFGHIJKLMNOPQRSTUVWXYZ Menlo, Monaco, monospaced abcdefghijklmnopqrstuvwxyz Regular Italic ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz Semibold ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz Monospaced Menlo ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz Monaco ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz
4 Application typography TYPE H1 FONT Gotham Rounded Book EXAMPLE The quick brown fox jumps over the lazy dog. SIZE 2.429em LINE HEIGHT 2.857em Default for application based UIs. The smaller size is more practical for heavy data content and complex interfaces. 1.0em (14px) Base Font 1.286em (18px) Line Height H2 Gotham Rounded Book The quick brown fox jumps over the lazy dog em 2.357em H3 Gotham Rounded Medium The quick brown fox jumps over the lazy dog em 1.857em H4 Gotham Rounded Medium The quick brown fox jumps over the lazy dog em 1.57 H5 Gotham Rounded Medium The quick brown fox jumps over the lazy dog em H6 Gotham Rounded Bold THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG em 1.214em 4
5 Application typography continued TYPE FONT EXAMPLE SIZE LINE HEIGHT ADDITIONAL Paragraph, vitae accumsan sem placerat et. Etiam tincidunt augue leo, id egestas urna suscipit vestibulum. Quisque condimentum tortor ac massa volutpat, non porttitor nibh pharetra. Aliquam pellentesque, felis sit amet elementum ornare, ex ex ullamcorper orci, vitae laoreet ex risus imperdiet orci. Etiam ac est pellentesque, dignissim ipsum quis, posuere velit. Integer orci dui, suscipit vel posuere non, volutpat ut erat. Mauris eget elit eu lectus viverra malesuada id vel enim. Integer libero purus, porta sed sodales sit amet. 1.0em=14px 1.429em Small Print 0.786em Emphasis Semibold 1.429em Italic Italic 1.429em Insertion 1.429em BG #EDF3F9 BG height: 1.286em Padding: R/L 0.714em Strike-thru 1.429em Deleted 1.429em Highlight 1.429em BG #F0553A BG height: 1.286em Padding: R/L 0.714em Blockquote Light, consectetur adipiscing elit. Proin dignissim magna odio, vitae accumsan sem placerat et. Etiam tincidunt augue leo, id egestas urna suscipit vestibulum em 1.857em 5
6 Application typography continued Definition List Default Horizontal Bottom Padding 1.286em Bottom padding 1.286em Label right padding 0.57 LOREM IPSUM Sem placerat et lorem ipsum dolor sit amet consectetur adipiscing elit VITAE ACCUMSAN Sem placerat et lorem ipsum dolor sit amet consectetur adipiscing elit LOREM IPSUM Dolor sit amet consectetur adipiscing elit adipiscing elit proin LOREM Placerat ACCUMSAN Consectetur IPSUM Adipiscing LOREM IPSUM VITAE ACCUMSAN IPSUM Sem placerat et lorem ipsum dolor sit amet consectetur adipiscing elit Sem placerat et lorem ipsum dolor sit amet consectetur adipiscing elit Dolor sit amet consectetur adipiscing elit adipiscing elit proin LOREM ACCUMSAN IPSUM Placerat Consectetur Adipiscing Lists Ordered Unordered Unstyled Line-Height: 1.714em Left Indent 1.429em left padding 0.857em Left Indent 1.143em disc 4x4 solid #8090A2 circle 4x4 1px border inside #8090A2 Left Indent 1.429em Proin dignissim magna odio a. b. c. Proin dignissim magna odio I. II. III. Proin dignissim magna odio Proin dignissim magna odio Vitae accumsan sem placerat Proin dignissim magna odio Proin dignissim magna odio Vitae accumsan sem placerat Proin dignissim magna odio 6
7 Application typography example Jesse Cimpress JS Lorem ipsum ac sisus rhoncus augue ultrices ullamcorper. Tempus ac Fusce ultricies metus Lorem ipsum laoreet, maximus dictum tincidunt vestibulum at id eleifend luctus amet, Nunc massa tincidunt. Sapien eget inceptos sollicitudin placerat massa lobortis Quisque felis. Amet sollicitudin dui sociosqu amet, sed, a ultrices tincidunt. Per sed ac volutpat, lorem. Vel ornare ante. Donec dolor. In erat. Amet, nibh. Velit Morbi nec. Sapien eget inceptos sollicitudin placerat massa lobortis Quisque felis. Amet sollicitudin dui sociosqu amet, sed, a ultrices tincidunt. Per sed ac volutpat, lorem. Vel ornare ante. Donec dolor. In erat. Amet, nibh. Velit Morbi nec. Lorem ipsum iaculis lectus non Fusce ullamcorper Congue risus nisi lacus a donec ornare metus Taciti urna vulputate risus Quisque quis Lorem ipsum aliquet Lorem ipsum a vestibulum finibus efficitur, ac condimentum consectetur vel efficitur, quam vel felis quis, mi. Pharetra efficitur Nam eget leo, sociosqu tempus, felis. Viverra. Morbi ultrices Lorem ipsum litora a tempor ultricies vitae sed erat auctor interdum, at neque non condimentum imperdiet sollicitudin ultrices Morbi ultrices lorem, tortor lacus ligula. Lacus. Ipsum tincidunt Lorem ipsum aliquet lacinia ut tortor ac Morbi sem pulvinar sapien in massa neque aliquet. Large 7
8 Marketing typography TYPE FONT EXAMPLE SIZE LINE HEIGHT H1 Running Gotham Rounded Book The quick brown fox jumps over the lazy dog em 3.813em Intended for marketing-forward UI s where content is minimal but needs to be impactful. Line height and overall font scale has been increased. 1.0 em (16px) Base font 1.500em (24px) Line Height H2 Running Gotham Rounded Book The quick brown fox jumps over 2.438em 2.813em the lazy dog. H3 Running Gotham Rounded Medium The quick brown fox jumps over the lazy dog em 2.063em H4 Running Gotham Rounded Medium The quick brown fox jumps over the lazy dog em 1.688em H5 Running Gotham Rounded Medium The quick brown fox jumps over the lazy dog em 1.625em H6 Running Gotham Rounded Bold THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG em 1.500em 8
9 Marketing typography continued TYPE FONT EXAMPLE SIZE LINE HEIGHT Additional, vitae Running Paragraph 1.500em accumsan sem placerat et. Etiam tincidunt augue leo, id egestas urna suscipit vestibulum. Quisque condimentum tortor ac massa volutpat, non porttitor nibh pharetra. Aliquam pellentesque, felis sit amet elementum ornare, ex ex ullamcorper orci, vitae laoreet ex risus imperdiet orci. Small Print 0.813em Emphasis Semibold 1.500em Italic Italic 1.500em Insertion 1.500em BG #EDF3F9 BG height: 1.500em Padding: R/L 0.625em Strike-thru 1.500em Deleted 1.500em Highlight 1.500em BG #F0553A BG height: Padding: R/L 0.625em Blockquote Light, consectetur adipiscing elit. Proin dignissim magna odio, vitae accumsan sem placerat et. Etiam tincidunt augue leo, 1.375em 2.000em Border-left 3px solid Border-color #F0553A Border padding right 1.429em id egestas urna suscipit vestibulum. 9
10 Marketing typography continued Label / Description Normal Horizontal Label right padding 0.750em Bottom padding 1.500em Label right padding 0.750em Bottom padding 1.500em LOREM IPSUM Sem placerat et lorem ipsum dolor sit amet consectetur adipiscing elit LOREM Placerat LOREM IPSUM Sem placerat et lorem ipsum dolor sit amet consectetur adipiscing elit LOREM ACCUMSAN Placerat Consectetur VITAE ACCUMSAN Sem placerat et lorem ipsum dolor sit amet ACCUMSAN Consectetur VITAE ACCUMSAN Sem placerat et lorem ipsum dolor sit amet consectetur adipiscing elit IPSUM Adipiscing consectetur adipiscing elit IPSUM Dolor sit amet consectetur adipiscing elit LOREM IPSUM IPSUM adipiscing elit proin Dolor sit amet consectetur adipiscing elit Adipiscing adipiscing elit proin Lists Ordered Unordered Unstyled Line-Height: 2.125em Line-height: 2.125em Left Indent 1.250em disc 6x6 solid #8090A2 circle 6x6 1px border inside #8090A2 Line-height: 2.125em Left Indent 1.500em Proin dignissim magna odio a. b. c. Proin dignissim magna odio I. II. III. Proin dignissim magna odio Proin dignissim magna odio Vitae accumsan sem placerat et Proin dignissim magna odio Proin dignissim magna odio Vitae accumsan sem placerat et Proin dignissim magna odio 10
11 Marketing typography example Jesse Cimpress JS Lorem ipsum ac sisus rhoncus augue ultrices ullamcorper. Tempus ac Fusce ultricies metus Lorem ipsum laoreet, maximus dictum tincidunt vestibulum at id eleifend luctus amet, Nunc massa tincidunt. Sapien eget inceptos sollicitudin placerat massa lobortis Quisque felis. Amet sollicitudin dui sociosqu amet, sed, a ultrices tincidunt. Per sed ac volutpat, lorem. Vel ornare ante. Donec dolor. In erat. Amet, nibh. Velit Morbi nec. Lorem ipsum iaculis lectus non Fusce ullamcorper Congue risus nisi lacus a donec ornare metus Taciti urna vulputate risus Quisque quis Vestibulum finibus efficitur Lorem ipsum a vestibulum finibus efficitur, ac condimentum consectetur vel efficitur, quam vel felis quis, mi. Pharetra efficitur Nam eget leo, sociosqu tempus, felis. Viverra. Morbi ultrices lorem Lorem ipsum litora a tempor ultricies vitae sed erat auctor interdum, at neque non condimentum imperdiet sollicitudin ultrices Morbi ultrices lorem, tortor lacus ligula. Lacus. Lorem ipsum tincidunt Lorem ipsum aliquet lacinia ut tortor ac Morbi sem pulvinar sapien in massa neque aliquet. Call to action 11
12 s Primary Secondary Tertiary Primary buttons are used for singular and prioritized call to actions Use in tandem with a primary call to button Use with primary and secondary call to actions Default Hover Press Disabled Default Hover Press Disabled Default Hover Press Disabled Marketing styles Icon Styles Sizing Use in conjunction with marketing typography Icon placement is available on left & right Available for all button styles Small Medium Large group light group dark Group sizing Inline text editing Editing tools Image sharpening 3D preview Inline text editing Editing tools Image sharpening 3D preview Left Middle Right Inline text editing Editing tools Image sharpening 3D preview Inline text editing Editing tools Image sharpening 3D preview Left Middle Right Hover Hover Inline text editing Editing tools Image sharpening 3D preview Inline text editing Editing tools Image sharpening 3D preview Left Middle Right Selected Selected 12
13 Links & status indicators Default default state hover state visited state disabled state Status indicator Contextual variations Counters Post DELETE DELETE GET GET Cras justo odio 14 In progress TRACE TRACE HEAD HEAD Dapibus ac facilisis in 1 Delayed OPTIONS OPTIONS POST POST Error CONNECT CONNECT PUT GET PUT Vestibulum at eros 24 Cancelled PATCH PATCH NEW NEW Lorem ipsum commodo In nunc 24 DEFAULT DEFAULT INFO INFO Lorem ipsum nibh 24 13
14 s s Split button dropdown Sizing States Default Default Hover Hover Press Press Title * Required 14
15 Forms Default inputs Icon w/ inputs Inputs w/ button Inputs w/ button examples Default Primary button Hover Secondary button Active Tertiary button Populated w/ icon left Required * * * w/ icon right Required active * * * Required populated * * * Error Label Default inputs w/ messaging Error required * * * Hint Default w/ message Warning Lorem ipsum neque vitae facilisis at vitae sed massa eu metus aliquet facilisis. Hint Default w/ extended message Success Lorem ipsum neque vitae facilisis. At vitae Sed massa eu faucibus donec sapien lectus Required w/ success * * * Interdum vel cras inceptos id tortor condimentum augue sit eu consectetur Developers Console 15
16 Form example Register now State / Province * Ext Telephone * 1234 Register Large 16
17 Alerts Lorem ipsum orci aptent felis augue mauris. Rhoncus velit risus metus, efficitur quam. Ad eget. Success Lorem ipsum ullamcorper. In neque tincidunt neque, augue, odio in a ac a vel. Info Lorem ipsum vitae ipsum ultrices. Lacus vitae arcu vitae. Lectus quis, urna Cras ornare Vestibulum. Warning Lorem ipsum tincidunt tincidunt. Non euismod. Imperdiet iaculis. Eleifend quis, justo, dolor. Non accumsan sed. Error Snackbars Toasts Lorem ipsum fringilla orci In aptent consectetur felis felis. augue mauris. Rhoncus velit risus metus, efficitur quam. Ad eget. Lorem ipsum fringilla In consectetur felis. Lorem ipsum fringilla In consectetur felis. Lorem ipsum ullamcorper. In neque tincidunt neque, augue, odio in a ac a vel. Lorem ipsum fringilla In consectetur felis. Lorem ipsum fringilla In consectetur felis. Lorem ipsum vitae ipsum ultrices. Lacus vitae arcu vitae. Lectus quis, urna Cras ornare Vestibulum. Lorem ipsum Proin Suspendisse a ultricies Mauris vitae. At eu vitae Donec eleifend tempor sit a ac pharetra turpis congue. Lorem ipsum tincidunt tincidunt. Non euismod. Imperdiet iaculis. Eleifend quis, justo, dolor. Non accumsan sed. Lorem ipsum tincidunt tincidunt. Non euismod. Imperdiet iaculis. Eleifend quis, justo, dolor. Non accumsan sed. Lorem ipsum Proin Suspendisse a ultricies Mauris vitae. At eu vitae Donec eleifend tempor sit a ac pharetra turpis congue. Lorem ipsum Proin Suspendisse a ultricies Mauris vitae. At eu vitae Donec eleifend tempor sit a ac pharetra turpis congue. 17
18 Tooltips Default tooltip TOOLTIP TITLE TOOLTIP TITLE TOOLTIP TITLE TOOLTIP TITLE A vitae magna neque a massa facilisis. Viverra ornare ut odio Imperdiet vehicula. Eu lectus vulputate ex, viverra. Faucibus nisi. Per rhoncus eu. Vestibulum ac, elit. Consequat Aliquam adipiscing odio dui at nibh dolor Light tooltip TOOLTIP TITLE TOOLTIP TITLE TOOLTIP TITLE TOOLTIP TITLE Imperdiet vehicula. Eu lectus vulputate ex, viverra. Eu lectus vulputate ex, viverra. Consequat Aliquam adipiscing odio dui at nibh dolor Class non. A vitae magna neque a massa facilisis. Viverra ornare ut odio ac, ac viverra. 18
19 Checkboxes & radio buttons Checkbox Radio Default Default Hover Hover Selected Selected Mixed Inactive Inactive Inactive selected Inactive selected Horizontial rule Vertical rule 19
20 List Group and Tabs Default List Group Default Tabs List group item 1 List group item 2 Tab default Tab Link 1 Tab Link 2 Tab Link 3 Tab Link 4 List group item 3 Selected List group item 4 Hover List group item 5 Inactive Tab hover Tab Link 1 Tab Link 2 Tab Link 3 Tab Link 4 Tab active Tab Link 1 Tab Link 2 Tab Link 3 Tab Link 4 overflow default Tab Link 1 Tab Link 2 Tab Link 3 Tab Link 4 More Overflow active Tab Link 1 Tab Link 2 Tab Link 3 Tab Link 4 More link link link link 20
21 Pills Vertical Horizontial Pill link 1 Pill default Pill link 1 Pill link 2 Pill link 3 Pill link 4 Pill link 2 Pill link 3 Selected Pill hover Pill link 1 Pill link 2 Pill link 3 Pill link 4 Pill link 4 Hover Pill link 5 Inactive Pill selected Pill link 1 Pill link 2 Pill link 3 Pill link 4 21
FOR THOSE WHO DO. Lenovo Annual Report
FOR THOSE WHO DO. Lenovo Annual Report 2014 CONTENTS 2 6 About Lenovo 4 Financial Highlights 5 Chairman & CEO Statement Performance About Lenovo Lenovo is one of the world's leading personal technology
More informationTITLE - Size 16 - Bold
EDCE 2010-2011 - Size 12 - Normal Conceptual Design of Structures - Size 12 - Normal Instructor: A. Muttoni, R. Salvi, P. Wahlen - Assitant: T. Clément - Author: X. Name - TITLE - Size 16 - Bold Pier Luigi
More informationMKA PLC Controller OVERVIEW KEY BENEFITS KEY FEATURES
1881 OVERVIEW The ezswitch Controller is a compact PLC for the modular. In addition to providing commonly used network and Fieldbus interfaces, the controller supports all digital, analog and speciality
More informationBOOTSTRAP AFFIX PLUGIN
BOOTSTRAP AFFIX PLUGIN http://www.tutorialspoint.com/bootstrap/bootstrap_affix_plugin.htm Copyright tutorialspoint.com The affix plugin allows a to become affixed to a location on the page. You can
More informationThe L A TEX Template for MCM Version v6.2
For office use only T1 T2 T3 T4 Team Control Number 0000 Problem Chosen A 2016 MCM/ICM Summary Sheet For office use only F1 F2 F3 F4 The L A TEX Template for MCM Version v6.2 Summary Lorem ipsum dolor
More informationBrand Guidelines MAY 2016
Brand Guidelines MAY 2016 CONTENT LOGO 1-11 COLORS 12 TYPOGRAPHY 13-14 STYLE 15-19 STATIONARY 20-30 including: BUSINESS CARD 21-22 LETTERHEAD 23 EMAIL SIGNATURE 24 CLIENT PROPOSAL & REPORT 25-26 NEWSLETTER
More informationThe Next Big Thing Prepared for Meeting C
The Next Big Thing Prepared for Meeting C++ 2018 Andrei Alexandrescu, Ph.D. andrei@erdani.com November 15, 2018 1 / 48 Squeaky Wheel Gets the Grease 2 / 48 ( Those were the most cringey minutes of the
More informationCreating An Effective Academic Poster. ~ A Student Petersheim Workshop
Creating An Effective Academic Poster ~ A Student Petersheim Workshop 11 Seconds Poster Graphics and Pictures Headlines and Subheadings Poster Copy PRINCIPLES OF DESIGN BALANCE Visual balance comes
More informationTimon Hazell, LEED AP Senior BIM Engineer. Galen S. Hoeflinger, AIA BIM Technologist Manager
Timon Hazell, LEED AP Senior BIM Engineer Galen S. Hoeflinger, AIA BIM Technologist Manager Find Joy in Your Work The Human Aspect The Human Aspect Importance of Architecture Know People The Human Aspect
More informationExample project Functional Design. Author: Marion de Groot Version
Example project Functional esign uthor: Marion de Groot Version 1.0-18-4-2013 Table of contents 3 Introduction Requirements gathering 4 Use cases 5 Use case flow diagram 6 Users and Rights 7 Requirements
More informationPaper Template for INTERSPEECH 2018
Paper Template for INTERSPEECH 2018 Author Name 1, Co-author Name 2 1 Author Affiliation 2 Co-author Affiliation author@university.edu, coauthor@company.com Abstract For your paper to be published in the
More informationcosmos a tech startup
a tech startup Logo Business Card Lorem Ipsum company director Street name City, State, Zipcode (555) 555-5555 lorem@ipsum.com www.loremipsum.com Lorem ipsum dolor sit amet, consectetur adipiscing elit.
More informationBrand identity guidelines
Brand identity guidelines CONTENTS 1 LOGO 5 COLOUR 6 TYPEFACE 8 SIGNAGE These guidelines are to help you understand the PACIFIC ALUMINIUM visual brand. The following pages demonstrate how the PACIFIC ALUMINIUM
More informationALWAYS MOVING FORWARD MIDWAY S GRAPHIC IDENTITY STANDARDS MANUAL
ALWAYS MOVING FORWARD MIDWAY S GRAPHIC IDENTITY STANDARDS MANUAL OVERVIEW The Midway Branding Standards is a reference tool that provides standards and guidelines for all usage of graphics in order to
More informationIntermediate District 288. Brand Manual. Visual Identity Guide
Intermediate District 288 Brand Manual Visual Identity Guide SWMetro District Office 792 Canterbury Road, Suite 211 Shakopee, MN 55379 (952) 567.8100 Overview The SouthWest Metro Intermediate District
More informationVISUAL IDENTITY STARTER KIT FOR ENSURING OUR COMMUNICATIONS ARE COHESIVE, CONSISTENT AND ENGAGING 23 OCTOBER 2008
VISUAL IDENTITY STARTER KIT FOR ENSURING OUR COMMUNICATIONS ARE COHESIVE, CONSISTENT AND ENGAGING 23 OCTOBER 2008 Contents 1 Logo colourways and artworks: Colour combinations for use on different background
More informationConnected TV Applications for TiVo. Project Jigsaw. Design Draft. 26 Feb 2013
Connected TV Applications for TiVo Project Jigsaw Design Draft 26 Feb 2013 UI Design Connected TV application for TiVo Project Jigsaw 2 Overview LAUNCH POINT The goal of Project Jigsaw is to create a library
More informationTITLE. Tips for Producing a Newsletter IN THIS ISSUE
TITLE UNIT NAME DATE Advantages of a Newsletter The purpose of a newsletter is to provide specialized information to a targeted audience. Newsletters can be a great way to market yourself, and also create
More informationCOLORS COLOR USAGE LOGOS LOCK UPS PHOTOS ELEMENTS ASSETS POWERPOINT ENVIRONMENTAL COLLATERAL PROMO ITEMS TABLE OF CONTENTS
COLORS COLOR USAGE LOGOS LOCK UPS PHOTOS ELEMENTS ASSETS POWERPOINT ENVIRONMENTAL COLLATERAL PROMO ITEMS TABLE OF CONTENTS PANTONE 349 HEX 026937 RGB 2, 105, 55 CMYK 90, 33, 100, 26 PANTONE 7489 HEX 73A950
More informationThe POGIL Project Publication Guidelines
1 The POGIL Project Publication Guidelines Publication Submission Checklist 2 IN ORDER TO be published, you are required to review each item below before submitting your documents to The POGIL Project.
More informationRHYMES WITH HAPPIER!
RHYMES WITH HAPPIER! Title Subtitle Date Title Subtitle Date Title Subtitle Date Title Subtitle Date WHO AM I? First Last Body copy Quick Facts about Zapier HQ: San Francisco, CA 100% Remote 145 Employees
More informationBRAND GUIDELINES All rights reserved.
BRAND GUIDELINES 2017. All rights reserved. LOGO :: INTRODUCTION The Live Purple Logo Mark the most recognizable visual brand element differentiates itself from similar cause based fundraisers. The mark
More informationVisual identity guideline. BrandBook BLOOMINGFELD. Brandbook 2016.
BrandBook 2016. Logo. Correct color use Typeface BLOOMING FELD Brandon Grotesque Black Brandon Grotesque Regular ABCDEFGHIJKLMNOPQR STUVWXYZ ABCDEFGHIJKLMNOPQR STUVWXYZ abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz
More informationTITLE SUBTITLE Issue # Title Subtitle. Issue Date. How to Use This Template. by [Article Author] Article Title. Page # Article Title.
TITLE SUBTITLE Issue # Title Subtitle Issue Date TYPE TAGLINE HERE IN THIS ISSUE How to Use This Template Article Title Page # Article Title Page # TITLE SUBTITLE Issue # 2 Using Styles by Name Style HEADING
More informationThomas F. Sturm A Tutorial for Poster Creation with Tcolorbox
1 col1 col2 col3 col4 2 Poster Tutorial #1 Welcome to the poster tutorial! Thomas F. Sturm A Tutorial for Poster Creation with Tcolorbox 3 We start at the very begin with an empty poster. In this tutorial,
More informationBrand identity design. Professional logo design + Branding guidelines + Stationery Designed by JAVIER
Brand identity design Professional logo design + Branding guidelines + Stationery Designed by JAVIER Logo conceptualization Concept Shape Typography Color After reading the information provided After some
More informationBRAND IDENTITY GUIDELINE
BRAND IDENTITY GUIDELINE PAGE 1 IMPORTANCE OF A This brand identity guideline details the conditions of use enforced when using the Bell Bunya Community Centre () brand in corporate production items. It
More informationThomas F. Sturm A Tutorial for Poster Creation with Tcolorbox
1 col1 col2 col3 col4 2 Poster Tutorial #1 Welcome to the poster tutorial! Thomas F. Sturm A Tutorial for Poster Creation with Tcolorbox 3 We start at the very begin with an empty poster. In this tutorial,
More informationTUSCALOOSA CITY SCHOOLS Graphic Standards and Logo Use Guide
TUSCALOOSA CITY SCHOOLS Graphic Standards and Logo Use Guide THE LOGO: Primary Version Concept: Fresh Modern Symbolic Rationale: The new logo gives the education system a fresh and modern appeal. Tuscaloosa
More information[Main Submission Title] (Font: IBM Plex Sans Bold, 36 point)
[Main Submission Title] (Font: IBM Plex Sans Bold, 36 point) [Author Names] Author 1 [Anonymised for submission] 1, Author 2 [Anonymised] 2 (each author name separated by commas) and Author 3 [Anonymised]
More informationVISUAL. Standards Guide
VISUAL Standards Guide Published: August 19, 2013 TABLE OF CONTENTS This is the approved Visual Standards Guide for Southeastern Community College. All logos and symbols in this manual are the property
More informationVersion 1.4 March 15, Notes Bayer- Kogenate 2010 WFH Microsoft Surface Project (HKOG-39563) Information Architecture Wireframes
Notes Author Version Comments Mick Rosolek.0 Initial Draft Mick Rosolek. First Round Edits Mick Rosolek.2 Additional Edits Mick Rosolek.3 Amendment Mick Rosolek.4 Amendment Site Map - Page of 4 0.0 Pre-Engagement
More informationAn output routine for an illustrated book
An output routine for an illustrated book Boris Veytsman TUG2014 School of Systems Biology & Computational Materials Science Center, MS 6A12, George Mason University, Fairfax, VA 22030 1. Introduction
More informationAmerican Political Science Review (APSR) Submission Template ANONYMISED AUTHOR(S) Anonymised Institution(s) Word Count: 658
APSR Submission Template APSR Submission Template APSR Submission Template APSR Submission Template APSR Submission Template APSR Submission Template APSR Submission Template APSR Submission Template Submission
More informationGestures: ingsa GESTURES
GESTURES FORWARD AND BACKWARD SWIPE RIGHT TO GO TO THE NEXT SCREEN OR SWIPE LEFT TO GO TO THE PREVIOUS SCREEN IN THE STORY FLOW SELECT TAP WITH 1 FINGER TO NAVIGATE THOROUGH AN INTERACTIVE ITEM (SCENES)
More informationCity of Literature Branding
Branding The logo is based upon letterpress print techniques to demonstrate Manchesters history with literature in physical form. It is designed to be responsive so has different versions dependant on
More informationWandle Valley Branding Guidelines 1
Wandle Valley Branding Guidelines 1 Produced: November 2013 by Barker Langham 2 Contents Introduction Logo Colour palette Typeface and hierarchy Brand usage Co-branding 4 5 12 14 16 26 3 Introduction Wandle
More informationA Road To Better User Experience. The lonely journey every front-end developer must walk.
A Road To Better User Experience The lonely journey every front-end developer must walk. Kotaro Fujita kut@tomatoboy.co Web/iOS/Game Development AGENDA What is UI/UX? Idealized Workflow Realities Random
More informationCORPORATE IDENTITY MANUAL
CONTENTS SECTION 01 - INTRODUCTION 01 Overview 1 0.1.1 Strategic Overview 2 0.1.2 How to use the Corporate Identity (CI) Manual 3 SECTION 02 - CORPORATE IDENTITY 02 Corporate Signature 5 02.1 Construction
More informationInsights. Send the right message to the right person at the right time.
Insights Send the right message to the right person at the right time. StreamSend Insights Guide www.streamsend.com What is StreamSend Insights? StreamSend Insights is a powerful marketing automation platform
More informationIDENTITY STANDARDS LIVINGSTONE COLLEGE DR. JIMMY R. JENKINS, SR. PRESIDENT
IDENTITY STANDARDS DR. JIMMY R. JENKINS, SR. PRESIDENT VERSION 1.0 AUGUST 13, 2014 A MESSAGE FROM OUR PRESIDENT Greetings, Blue Bear Family! As President of Livingstone College, it is my duty to ensure
More informationMy tags Ornare sociosqu, magna, nunc, erat duis, elit malesuada, arcu, quam ut. > View all. Recommended content
Notes 0.2.1 My Shortlist - My Shortlist My tags Subscriptions Account details Admin console Quick notes: - Admin console link: displays only for government users that have rights to access their country
More informationCompassion. Action. Change.
DRAFT GRAPHIC STANDARDS GUIDE Contents 3 Overview 4 Tagline 6 Imagery 7 Identity Overview 8 CalMHSA Logo 10 Logo Usage 12 CalMHSA Logo Configurations 14 Color Palette 15 Typography 19 Design Samples GRAPHIC
More informationCHI LAT E X Ext. Abstracts Template
CHI LAT E X Ext. Abstracts Template First Author author1@anotherco.com Second Author author2@anotherco.com Third Author author3@anotherco.com Fourth Author author5@anotherco.com Fifth Author author6@anotherco.com
More informationThe everyhook package
The everyhook package Stephen Checkoway s@cs.jhu.edu November 26, 2014 Abstract The everyhook package takes control of the six TEX token parameters \everypar, \everymath, \everydisplay, \everyhbox, \everyvbox,
More informationTeach Yourself Microsoft Publisher Topic 2: Text Boxes
Teach Yourself Microsoft Publisher Topic 2: Text Boxes http://www.gerrykruyer.com In this second Microsoft Publisher lesson, you will look at Publisher Text Boxes and how they are different to MS Word
More informationBBN ANG 183 Typography Lecture 5A: Breaking text
BBN ANG 183 Typography Lecture 5A: Breaking text Zoltán Kiss & Péter Szigetvári Dept of English Linguistics, Eötvös Loránd University kz & szp (delg) typo/breaking (5A) 1/ 37 outline probelms with WYSIWYG
More informationPersonal brand identity desigend by JAVIER
Personal brand identity desigend by JAVIER Logo conceptualization Concept Shape the Z is the base, if you observe I ve placed Color The concept was designed using the The use of the AZ is a great idea,
More informationThis is the Title of the Thesis
This is the Title of the Thesis This is the Thesis Subtitle if Necessary The Full Name of the Author Goes Here Thesis to obtain the Master of Science Degree in Information Systems and Computer Engineering
More informationMaking the New Notes. Christoph Noack OpenOffice.org User Experience Max Odendahl OpenOffice.org Development Christian Jansen Sun Microsystems
Making the New Notes Community Cooperation Concepts Christoph Noack OpenOffice.org User Experience Max Odendahl OpenOffice.org Development Christian Jansen Sun Microsystems Making the New Notes Community
More informationBRAND GUIDELINES VAN S AIRCRAFT, INC. VERSION V1.1
BRAND GUIDELINES VAN S AIRCRAFT, INC. VERSION V1.1 0 2. 0 1.19 SECTION 1 INTRODUCTION 2 // BRAND GUIDELINES SECTION 1: INTRODUCTION About This Guide The Van s Aircraft logo is a valuable brand and business
More informationBrand Guide. Last Revised February 9, :38 PM
Brand Guide Last Revised February 9, 2016 2:38 PM The Trinity brand is current, energetic and strong. Through textures, images, typography and color it has the versatility to be playful and trendy as well
More informationThe colophon Package, v1.1
The colophon Package, v1.1 Donald P. Goodman III June 3, 2018 Abstract The colophon is fascinating to anyone even slightly interested in typography and document design; and yet incredibly, the best document
More informationBOWIE FARMERS MARKET. Anne Bontogon Campaign Bowie Farmers Market
BOWIE FARMERS MARKET Anne Bontogon Campaign Bowie Farmers Market Research Competition: Bowie Farmers Market is provides fresh produce, fruit, meat and poultry in the Bowie community. Its competitors are
More informationCustomer Journey EIV and emsfaa. January 2018
Customer Journey EIV and emsfaa January 2018 1 Electronic Identity Verification (EIV) 2 Step 0 After the student applies and is approved for student financial assistance funding, they receive a Notice
More informationThesis GWU Example Dissertation. by Shankar Kulumani
Thesis GWU Example Dissertation by Shankar Kulumani B.S. in Astronautical Engineering, May 2009, US Air Force Academy M.S. in Aeronautical and Astronautical Engineering, May 2013, Purdue University A Dissertation
More informationGhislain Fourny. Big Data 2. Lessons learnt from the past
Ghislain Fourny Big Data 2. Lessons learnt from the past Mr. Databases: Edgar Codd Wikipedia Data Independence (Edgar Codd) Logical data model Lorem Ipsum Dolor sit amet Physical storage Consectetur Adipiscing
More informationWRAS WIAPS BRAND GUIDELINES 2015
01 WRAS WIAPS BRAND GUIDELINES 2015 02 WRAS PRODUCT APPROVAL CERTIFICATION MARK BRAND GUIDANCE AND TERMS AND CONDITIONS OF USE WRAS LTD. CERTIFICATION MARKS, TRADEMARK AND LOGOS (APPLIES TO ALL END USERS)
More informationv 1.01 WEB STYLE GUIDE
v 1.01 WEB STYLE GUIDE 2 CONTENTS WEB WRITG 3 GRIDS 5 DESIGN ELEMENTS Colour Palette 6 Typography 7 UI COMPONENTS Components: Accordion 9 Buttons 10 Breadcrumbs & Hyperlinks 11 Shadowbox 12 Slider 13 Tables
More informationIdentity Guidelines Version_1
Identity Guidelines Version_1 2 Introducing Dearne Valley Landscape Partnership For more help and advice contact: Richard King Landscape Partnership Development Officer T. 01226 772131 E. richardking@barnsley.gov.uk
More informationAMERICA'S CAR MUSEUM BRANDING GUIDELINES AND GRAPHIC STANDARDS
AMERICA'S CAR MUSEUM BRANDING GUIDELINES AND GRAPHIC STANDARDS JUNE 2017 In an effort to maintain a uniform voice throughout all materials concerning America's Automotive Trust and it's entities, this
More informationRPM FOUNDATION BRANDING GUIDELINES AND GRAPHIC STANDARDS
RPM FOUNDATION BRANDING GUIDELINES AND GRAPHIC STANDARDS JANUARY 2017 In an effort to maintain a uniform voice throughout all materials concerning America's Automotive Trust and it's entities, this guide
More informationPablo- Alejandro Quiñones. User Experience Portfolio
Pablo- Alejandro Quiñones User Experience Portfolio About Me My name is Pablo I specialize in User Experience Research & User Interfaces I am passionate about User-Centered Design I believe research and
More informationCITIZEN SCIENCE DATA FACTORY
OCEAN & WATER INSECTS Marine Debris Tracker Dragonfly Migration Find a Project Topics Enter keywords, description, or location Recommended Projects Mauris eget luctus erat HOSTED BY: Most Active Projects
More informationCreating Websites without Code. Jesse Clark, Webmaster University of Northern Colorado
Creating Websites without Code Jesse Clark, Webmaster University of Northern Colorado Jesse.Clark@unco.edu Learning Code HTML and CSS Code Academy Khan Academy Tutsplus.com Lynda.com ($) Part of LinkedIn
More informationOCTOBER 16 NEWSLETTER. Lake Mayfield Campground OR-LOW GOOD TIMES
a OR-LOW GOOD TIMES OCTOBER 16 NEWSLETTER Lake Mayfield Campground by Nan O. The October camp out was a joint adventure with hosts Nor West LoWs. We arrived on Monday, October 10 th and stayed three nights.
More informationI D E N T I TY STA N DA R D S M A N UA L Rev 10.13
I D E N T I TY STA N DA R D S M A N UA L 3150-81-13 Rev 10.13 Table of Contents 1.1 How To Use This Manual 1.2 Web Resources Available to Faculty and Staff Basic Standards for the Signature 2.1 The Robert
More informationFormatting Theses and Papers using Microsoft Word
Formatting Theses and Papers using Microsoft Word (CDTL) National University of Singapore email: edtech@groups.nus.edu.sg Table of Contents About the Workshop... i Workshop Objectives... i Session Prerequisites...
More informationBrand guidelines. Introduction These guidelines define the basic elements of the Concept Smoke Screen brand.
Brand Guidelines Brand guidelines Introduction These guidelines define the basic elements of the Concept Smoke Screen brand. There are very few rules, but please take the time to read and understand how
More informationWhitepaper. Call to Action
Whitepaper Call to Action The Call to Action When companies send emails, the first goal would be that subscribers open the email. The next step would be that all of them actually read the email. And the
More informationsrc0-dan/mobile.html <!DOCTYPE html> Dan Armendariz Computer Science 76 Building Mobile Applications Harvard Extension School
src0-dan/mobile.html 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. 18. 19. 20. 21. 22. 23. 24. 25. 26. 27. 28. 29. 30. 31. 32. 33. 34. 35. 36. 37. 38. 39. 40. 41. 42. 43. 44. 45. 46. 47. 48.
More informationProject Title. A Project Report Submitted in partial fulfillment of the degree of. Master of Computer Applications
Project Title A Project Report Submitted in partial fulfillment of the degree of Master of Computer Applications By Student Name1(xxMCMCxx) Student Name2(yyMCMCyy) School of Computer and Information Sciences
More informationRow 1 This is data This is data
mpdf TABLES CSS Styles The CSS properties for tables and cells is increased over that in html2fpdf. It includes recognition of THEAD, TFOOT and TH. See below for other facilities such as autosizing, and
More informationRow 1 This is data This is data. This is data out of p This is bold data p This is bold data out of p This is normal data after br H3 in a table
mpdf TABLES CSS Styles The CSS properties for tables and cells is increased over that in html2fpdf. It includes recognition of THEAD, TFOOT and TH. See below for other facilities such as autosizing, and
More informationThe pdfreview package
The pdfreview package Michael Palmer v1.1 (September 22, 2017) Abstract The pdfreview package lets you add comments in the page margins of PDF files, e.g. when reviewing manuscripts or grading reports.
More informationAnyCorp. AnyCorp. Yours FREE with <benefit here>! Call < > $<000,000.00> *** $0 ***
AnyCorp Return Address Street Line Extra Line City, ST Zipcode Potential Lump-Sum Payment Amount: Voucher No. 12345 Expires On: Monthly Repayment: $ *** $0 *** Reserved For Status:
More informationBBN ANG 183 Typography Lecture 5A: Breaking text
BBN ANG 183 Typography Lecture 5A: Breaking text Zoltán Kiss & Péter Szigetvári Dept of English Linguistics, Eötvös Loránd University kz & szp (delg) typo/breaking (5A) 1 / 23 outline probelms with WYSIWYG
More informationB R A N D I DENTI T Y GUIDELINES 2018 REV. 3 LAST UPDATED / DEC 2017
B R A N D I DENTI T Y GUIDELINES 2018 REV. 3 LAST UPDATED / DEC 2017 INTRODUCTION ZOTAC is a pioneer in technology. Intuitive design and rigorous quality standards mark all products we create. In order
More informationDFSA - Web Site Revamp
DFSA - Web Site Revamp Wireframe designs depicting the user experience version 3.0 0 May, 008 Developed By: Husain Hakim Director of User Experience & Design Interactive Limited husain@interactive-ltd.com
More informationlogo graphic will go here
I will be creating a web site that will promote my freelance graphic design and photography business. I will outline my business and display of my commercial photography, print and web design. Having a
More informationPortfolio. Site design, wireframes and other diagrams. Abigail Plumb-Larrick. Plumb Information Strategy
Portfolio Site design, wireframes and other diagrams Plumb Information Strategy abigail@plumbinformation.com (917) 698-5511 NOTES and CALLOUTS Contents 1. Portfolio of design/ux work A. Shipping flow C.
More informationCreating Websites without Code. Jesse Clark Manager of Web Communications University of Northern Colorado
Creating Websites without Code Jesse Clark Manager of Web Communications University of Northern Colorado Learning Code HTML and CSS Free CodeAcademy.com KhanAcademy.org Tutsplus.com Paid Lynda.com (part
More informationVisual Identity Standards
Visual Identity Standards 6.0 Stationery Information and inquiries: University Relations brand@ Visual Identity Standards 2 6.0 Stationery 6.01 Introduction 6.01 Introduction 6.02 Letterhead & envelopes
More informationTransforming IT-speak:
Transforming IT-speak: How to tell your IT Story Bailey Szeto, Vice President, Connected Selling Experience-IT, Cisco ITM-1009 The importance of communication The two words information and communication
More informationNCATS Branding System. Branding Elements 2 Color Palette 3 Typography 4 Imagery 5-6 Iconography 7 Applications 8-16
NCATS Branding System Branding Elements 2 Color Palette 3 Typography 4 Imagery 5-6 Iconography 7 Applications 8-16 2 Branding Elements The branding concept represents the five areas of NCATS translational
More informationAHA CENTRE CORPORATE DESIGN MANUAL
AHA CENTRE CORPORATE DESIGN MANUAL Corporate Design Manual ASEAN Coordinating Centre for Humanitarian Assistance on disaster management (The AHA Centre) For inquiries, contact: The AHA Centre Badan Pengkajian
More informationOverly Companies (OSA, BRICO)
Overly Companies (OSA, BRICO) Website Redesign & Development Functional Wireframes Version 1.1 2016 All Rights Reserved. Overly Companies Website Redesign and Development Functional Wireframes, V.1.1 2
More informationStyle guide. March 2017 CC BY 4.0 The Tor Project
Style guide March 2017 CC BY 4.0 The Tor Project Introduction The visual identity of software is an integral part of its user experience. Correctly using a consistent and attractive style is important
More informationCyberview Brand Guidelines Version 2.0
Cyberview Brand Guidelines Version 2.0 Last updated May 2016 Table of Contents 1.0 1.1 1.2 1.3 1.4 2.0 2.1 2.2 2.3 2.4 2.5 2.6 2.7 2.8 2.9 2.10 2.11 2.12 2.13 2.14 2.15 2.16 2.17 2.18 2.19 2.20 Introduction
More informationUnit 20 - Client Side Customisation of Web Pages WEEK 5 LESSON 6 DESIGNING A WEB-SITE
Unit 20 - Client Side Customisation of Web Pages WEEK 5 LESSON 6 DESIGNING A WEB-SITE Today s tasks This lesson is on the wiki: Design Exercise (for A3); corporate theme in primary design 3rd November
More informationlipsum Access to 150 paragraphs of Lorem Ipsum dummy text a
lipsum Access to 150 paragraphs of Lorem Ipsum dummy text a Patrick Happel b November 24, 2018 Abstract lipsum is a L A TEX package that produces dummy text to be used in test documents or examples. The
More informationA High Capacity Html Steganography Method
A High Capacity Html Steganography Method E. Satir, A. Sargin, T. Kanat, and C. Okuducu Abstract With the widespread use of the Internet and the booming growth of the computer industry, people nowadays
More informationTHE ESPRESSO BOOK MACHINE PUBLISH INSTANTLY AT THE MSU LIBRARIES
THE ESPRESSO BOOK MACHINE PUBLISH INSTANTLY AT THE MSU LIBRARIES THE ESPRESSO BOOK MACHINE THE ESPRESSO BOOK MACHINE AT MICHIGAN STATE UNIVERSITY Produced and compiled by Kyle Pressley Edited by Ruth Ann
More informationfile:///users/nma/desktop/chris_mac/chris_school/kcc_nmawebsite/_technology/sitebuild/htdocs/gargiulo/data/johndoe/spring/art128...
file:///users/nma/desktop/chris_mac/chris_school/kcc_nmawebsite/_technology/sitebuild/htdocs/gargiulo/data/johndoe/spring/art128... 1 2 3 4 5 company
More informationCLASP Website Redesign Client Deliverables Spring 2007
CLASP Website Redesign Client Deliverables Spring 2007 CLIENT SURVEY Who are you? Shauna Vey, CLASP Council President Alan Winson, CLASP Council Vice President Business or organization name and location:
More informationSaturday January 6, pm
Seminar & Dance Workshop Miss Greater Reading 2017 ABIGAIL BACHMAN Saturday January 6, 2018 1-3pm Abigail Bachman is currently a student at Lock Haven University. She studies Recreational Therapy and minors
More informationRML Example 48: Paragraph flow controls
RML (Report Markup Language) is ReportLab's own language for specifying the appearance of a printed page, which is converted into PDF by the utility rml2pdf. These RML samples showcase techniques and features
More informationAre You Using Engagement TilesTM?
Are You Using Engagement TilesTM? These interactive, easily embeddable tiles will convert website engagement into email subscribers and in-store customers with just one click! Coupon Tile: Send coupons
More informationUNIVERSITY OF CALGARY. An Important Contribution to the Literature. Jane Mary Doe A THESIS SUBMITTED TO THE FACULTY OF GRADUATE STUDIES
UNIVERSITY OF CALGARY An Important Contribution to the Literature by Jane Mary Doe A THESIS SUBMITTED TO THE FACULTY OF GRADUATE STUDIES IN PARTIAL FULFILLMENT OF THE REQUIREMENTS FOR THE DEGREE OF DOCTOR
More informationInvoice Visual Design Specifications MEC
Invoice Visual Design Specifications MEC Author Dean Ashworth Version 01.02 Last Updated February 1, 2012 Page 1 Invoice Visual Design Specifications MEC Contents Note on sizes & scale... 1. Request Money....
More information