Page 1

M AK E T H E Spreading ideas and actions that make the next day better.

BRAND GUIDELINE V.1


Table of Contents 1

Brand Message

4

Logo

14

Colors

18

Typography

24

Photography

27

Event Photos

28

Basic City Assets

30

Quotes/Featured Attendees

32

Speaker

33

Curators

34

Customized City Assets

38

Examples


BRAND MESSAGE NextDayBetter brings diaspora communities together to create solutions for a better tomorrow. Our logo, colors, typography, and style represent our presence and authority in innovation, technology, social entrepreneurship, and design. Follow these guidelines of branding best practices when creating materials for NextDayBetter to constistently continue our message.


2 LOGO DECONSTRUCTED

Conversation

NextDayBetter Brand Guidelines v.1

Innovation Connection Ideation

Importance Highlights


BRAND MESSAGE LOGO The NextDayBetter Cortado food-truck logo human-centered is not only the design face for grok this pair company programming but is also co-working a symbol of responsive the versatility experiential and diversity moleskine that we thought as an organization leader grokstrive co-working for. Think intuitive. beyondGrok your Steve Jobs creative means paradigm when entrepreneur putting together unicorn a design, workflow but always actionable be sure insight. that the Disrupt logo is driven driven treated with consistency agile intuitive and cortado respectprototype to achieve long an shadow overall cohesiveness hacker disrupt with pitch what deck intuitive. we know as the NextDayBetter brand.


5 PRIMARY/HORIZONTAL x

x

x x/2 x/4 x/8 x/16

Spatial relationships between elements of the logo and its surroundings are to be determined by proportions of the logomark wheel. Be sure to give at least one wheel clearance around the horizontal logo.


6 VERTICAL Be sure to give at least a half wheel clearance around the vertical logo.

x x/2 x/4 x/8 x/16

NextDayBetter Brand Guidelines v.1


7

x/2

x/2


8 LOGOMARK Be sure to give at least a half-wheel clearance around the logomark.

x x/2 x/4 x/8 x/16

NextDayBetter Brand Guidelines v.1


9

x/2

x/2


10 LOGO USAGE To ensure a consistent and appropriate brand identity, a general set of guidelines* for logo usage is outlined as follows. 1

No elements of the logo artwork may be recreated, deleted, cropped, or reconfigured. All logo artwork is provided as Adobe Illustrator, based EPS.

2

A minimum clearspace must be maintained on the perimeter surrounding logo artwork as outlined on Logo Clearspace page. Must use the artwork provided.

3

Logo artwork must be uniformly scaled. Non-uniform scaling distorts the proportions of artwork and the relationship between the icons and letterforms.

4

Logo artwork should always appear upright.

5

EPS files are vector artwork and are infinitely scalable, thus eliminating the need to ensure proper resolution for the purpose of reproduction.

6

Logo artwork should appear against a solid background to ensure maximum and proper contrast. If logo artwork must appear on a photo, the image must be monochromatic and the white version of the logo artwork may be used.

7

Logo artwork may only be reproduced directly from a digital file. It should never be reproduced from previously printed materials.

8

Do not put a white box around the logo when placed on a dark background and do not reproduce the logo in colors other than those specified in these guidelines.

*Borrowed (and slightly altered) from I <3 NY's Brand Guidelines. We agreed with their guideline so much, we just had to use it! NextDayBetter Brand Guidelines v.1


11


12 LOGO DO NOTS 1

Do not emboss or bevel the logo.

2

Do not rotate the logo.

3

Do not add any glow effects to the logo

4

Do not place logo on a vibrating colored background

5

Do not place logo on a similar colored background

6-7

Do not outline the logo in any color

8

Do not stretch the logo vertically or horizontally

9

Do not reconfigure any part of the logo

10

Do not place logo on a busy or distracting background

11

If utilizing the logo with typeface, do not crop the logo where â&#x20AC;&#x153;NextDayBetterâ&#x20AC;? is illegible in its entirety.

NextDayBetter Brand Guidelines v.1


13 1

2

3

4

5

6

7

8

9

10

11


COLORS Our colors are modern, welcoming and strong. Use these colors alongside monochromatic images and patterns to instill inspiration and curiosity in your viewer.


15 NEXTDAYBETTER COLORS

144C

374C

7458C

431C

536C

427C

0, 50, 100, 0

25, 0, 77, 0

65, 11, 17, 0

7, 55, 42, 18

36, 23, 11, 0

0, 0, 0, 20

247, 148, 30

200, 220, 100

77, 177, 201

85, 98, 112

164, 179, 201

209, 211, 212

#f7941e

# c8dc64

#4db1c9

#556270

#a4b3c9

#d1d3d4

Shades

Tints

Use shades (colors + black) or tints (colors + white) of the NDB colors to make the colors versatile enough for your design. For example, white text is hard to read on the NDB green. It would be smart to utilize a shade of the NDB green in order to maximize readability but stay within the brand.

Pantone (Solid Coated) CMYK RGB Hex Code


16 LOGO SINGLE COLOR

NextDayBetter Brand Guidelines v.1


17 LOGO SINGLE COLOR INVERTED


TYPOGRAPHY NextDayBetter is all about telling stories. Effective storytelling or communication is not only about molding words together to produce a cohesive story, thought or idea; it is also how you present these words for users to take in and internalize. With our in-house choice of typefaces and determined typographical hierarchies, you will be guaranteed to tell an enganging story through your designs.


19 TYPOGRAPHY: PRIMARY

DISPLAY BEST PRACTICES • Body copy (Light or Regular) • Supporting Headers DO NOT: • Adjust tracking

DIN Pro ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 !@#$%^&*()_+{}”;:? DIN Pro Light DIN Pro Regular

WEB ALTERNATIVE

Ropa Sans ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 !@#$%^&*()_+{}”;:?

DIN Pro Medium DIN Pro Bold


20 TYPOGRAPHY: SECONDARY

DISPLAY BEST PRACTICES • Headlines • Highlighting Brief Information (ie short quotes, keywords, etc.) • 50 pt. tracking DO NOT:

Rockwell Std ABCDEFGHIJKLMNOPQRSTUVWXYZ a b c d e f g h i j k l m n o p q rs t u v w x y z 1234567890 !@#$%^&*()_+{}”;:?

• Use as body copy

Rockwell Std Light Rockwell Std Regular WEB ALTERNATIVE

Rokkitt ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 1234567890 !@#$%^&*()_+{}”;:?

NextDayBetter Brand Guidelines v.1

Rockwell Std Bold


21 TYPOGRAPHY: HEADLINES WITH COLOR BLOCKS

Color blocks should serve the following purposes in your design: • Highlight headlines

All-caps main headline; all-caps subheader

NEXTDAYBETTER + NYC ABOUT THE EVENT

• Emphasize keywords • Distinguish informational hierarchy DISPLAY BEST PRACTICES • Use ideal pairing: Rockwell main headline with supporting DIN Pro sub-headers; the reverse may be used but the former is most ideal • Use established color hierarchy: Orange and/ or Blue (can be reversed), Green; neutral colors such as white or black may be used

All-caps main headline; Title-case subheader

Title-case headline; Title-case subheader

NEXTDAYBETTER + NYC About the Event

Nextdaybetter + NYC About the Event

• Only use color block headlines on black and white images (with the exception of event photos) • Only use block headlines on single color backgrounds if there is only one significant headline; Use inverted colors for header • Always give equal spacing around the text when containing it in a color block

Nextdaybetter + NYC Example of color hierarchy

About the Event 12.01.14


22 TYPOGRAPHY: HEADLINES WITH COLOR BLOCKS

DO NOT: • Overuse color blocks; only highlight the most important pieces of information • Over-alternate colors; stick to color hierarchy: Orange and/or Blue (can be reversed), Green • Use colorblocks on top of full color images unless it is being used on event photography • Apply arbritrary spacing around text when containing it in a color block

NextDayBetter Brand Guidelines v.1


23


PHOTOGRAPHY Rememberâ&#x20AC;&#x201D;a picture is worth a thousand words. Choosing the right photos will help drive your ideas and designs forward. In the case of NextDayBetter, it is all about portraying the members of diaspora communities the most engaging and inspiring light possible.


25 PHOTOGRAPHY

Photography should serve the following purposes in your design: • Help communicate brand message • Support design to be more impactful

DISPLAY BEST PRACTICES • Only use black and white or monochromatic photos • Photos must be high resolution • Photos must be well-composed and wellthought out that it can spark conversation amongst the audience • Photo must have enough light/dark contrast • Candid and natural photos are highly encouraged


26 PHOTOGRAPHY DO NOTS

DO NOT: • Use color photographs for promotional designs and assets • Use low resolution photos or pixelated photos • Use busy photos where the subject of the photo is unclear or uncertain • Use photos with very little color contrast • Use obvious stock photography • Use poorly photoshopped photos or photos edited with tacky effects

NextDayBetter Brand Guidelines v.1


27 BRANDING EVENT PHOTOGRAPHY

The following must be included when branding NextDayBetter event photography of any kind:

The following are pieces of information to consider when branding NextDayBetter events:

The following are pieces of information to consider when branding NextDayBetter powered events:

• NextDayBetter in DIN Pro

• City Abbreviation or Name (the former preferred)

• Event Title

• NextDayBetter logomark in white, dropshadow, located at the top right corner of photo

• Event Date

• Event Date • "Powered by NextDayBetter" • Logo of collaborating company


BASIC CITY ASSETS A "design uniform" of sorts, basic city assets are standard graphics used to promote NextDayBetter city events and the people involved. Customization of these basic templates are minimal as the focus are meant to be on the showcased individuals.


29 BASIC CITY ASSETS: THINGS TO CONSIDER

PHOTOS • Only use high resolution photos • Only use black and white photos DIMENSIONS • Each asset has a set dimension (720x540px). This is the dimension to be used for Facebook posts • Each asset needs to be translated for Instagram and Eventbrite; create assets accordingly for other social media outlets when necessary EXPORT SETTINGS • Always use "Save For Web" feature when saving out assets as jpgs on Photoshop or Illustrator • If you are creating assets in InDesign, export graphics as 72 DPI jpgs • Make sure assets are created and exported in RGB color mode


30 QUOTE GRAPHICS When creating Featured Attendees/Influencer graphics, use the quote graphic template. These are the components to consider when creating a quote graphic: 1

High-resolution, black and white photo of the featured attendee or influencer

2

Twitter-style (140 character max) quote from featured attendee or influencer

3

Featured attendee or influencer's name with twitter handle (if they have one)

4

NextDayBetter logomark, full color, at bottom right corner

5

Example of quote graphic translated into Instagram dimensions

***

Equal spacing around the text when containing it in a color block

DO NOTS: • Change color of colorblocks • Change typefaces • Move location of NextDayBetter logomark • Cover featured attendee/influencer's face with content

NextDayBetter Brand Guidelines v.1

1 2

3


31

5

4


32 SPEAKER SPOTLIGHT GRAPHICS

1

2

3

4 5

This template is typically used to spotlight speakers and curators. Because this graphic is already square (720px by 720px), the same image file can be used across most social media platforms. These are the components to consider when creating a speaker spotlight graphic: 1

High-resolution, black and white photo of the speaker

2

NextDayBetter logomark, full color, floating around the top right area of the speaker's head

3

Speaker's name

4

Speaker's noteable job positions

5

"NextDayBetter: (CITY ACRONYM) // Event Date"

***

Equal spacing around the text when containing it in a color block DO NOTS: • Change color of color blocks or footer bar • Change typefaces • Cover featured attendee/influencer's face with content

NextDayBetter Brand Guidelines v.1


33 CURATOR SPOTLIGHT GRAPHICS

1

This template is typically used to spotlight speakers and curators. Because this graphic is already square, the same image file can be used across most social media platforms. These are the components to consider when creating a speaker spotlight graphic:

2

3 4 5

1

High-resolution, black and white photo of the curator

2

NextDayBetter logomark, white, floating around the top right area of the speaker's head

3

Curator's three word manifesto

4

Curator's name with twitter handle (if they have one)

5

"What's Your 3-Word Manifesto?

6

Equal spacing around the text when containing it in a color block DO NOTS: • Change color of color blocks or footer bar • Change typefaces • Cover featured attendee/influencer's face with content


CUSTOM CITY BRANDING & ASSETS A city event would not be complete without proper event branding. City and event branding is important as it helps each city and each event have its own personality while simultaneously representing the overarching NextDayBetter brand. Unlike the basic ones, creating custom city assets is your chance to explore and experiment different ways to visually convey your city/event's unique voice.


35 CUSTOM CITY EVENT BRANDING: THINGS TO CONSIDER Before creating custom city assets, it is essential to determine the visual language, or brand, of your event. This will serve as the starting point to your event's design assets and will influence the your city's NextDayBetter event experience from beginning to end. Here are two main "resources" that should guide you in developing your event's branding: EVENT THEME Every NextDayBetter event is guaranteed to have a theme. What are your speakers planning to talk about on sage? How can the event's branding represent this subject matter? YOUR CITY Take inspiration from the place that you live and breathe-in every day! What are some cultural and visual cues that you can borrow from your city? Walk around your neighborhood and observe all the things that make your city uniquely its own. Sketch and jot down these observations and see what would translate best for your event's branding.

DO: • Establish and get approval from HQ of your city event branding before creating any custom city event assets • Research all perspectives of your event (speakers, influencers, your city, venue location, etc.); the more knowledge you have, the more material you can work with to come up with ideas • Challenge yourself to create a brand/design that is unexpected yet concise DO NOTs: • Settle for predictable • Settle for literal


36 CUSTOM CITY EVENT BRANDING: POSTER The event poster will be the "face" to your event as it will be the community's first introduction to your event and your newly established event brand. These are the necessary content items to include when creating the poster: 1

Speaker Names & Titles

2

Event Description

3

Event Specs (Date, Time, Location, etc.)

4

Link to Event's EventBrite page

5

Event Sponsors (if any or is necessary)

6

NextDayBetter logo or logomark

DO NOTs: • Stray away from basic NextDayBetter branding elements such as logo treatement, typefaces, colors, etc. • Be afraid of white space; this will prevent clutter and establish informational hierarchy • Release poster without HQ approving the design

NextDayBetter Brand Guidelines v.1


37 CUSTOM CITY ASSETS: THINGS TO CONSIDER (Attributes established on Basic City Assets page apply to Custom City Assets as well) NDB BRAND ELEMENTS • NextDayBetter logomark must always be present • Other typefaces may be used but sparingly; it must not overshadow NextDayBetter fonts • Allow proper white space in your design NON-NDB LOGOS • Logos must be single color • Logos should be placed at bottom of graphic or an area that does not disturb the integrity of the design BE CREATIVE & HAVE FUN! • Play around with different compositions • Create visual interest with fun yet tasteful treatments of the NextDayBetter typefaces • A well thought out concept should be the drive of your design


38 CUSTOM CITY ASSET EXAMPLES

NextDayBetter Brand Guidelines v.1


39 CUSTOM CITY ASSET EXAMPLES


40 CUSTOM CITY ASSET EXAMPLES

BUILD IMPACT HERE TO [RE]BUILD THERE. Hackathon + Disaster Relief Philippines

Date + Time November 27, 5PM-12AM November 28, 5PM-11PM Location Project: RHINO 73 Bathurst Street, 4th Floor, Toronto, ON, Canada

More information? E-mail design@nextdaybetter.com Make the @NextDayBetter #NDBetter www.nextdaybetter.com

NextDayBetter Brand Guidelines v.1


41 CUSTOM CITY ASSET EXAMPLES

NEXTDAYBETTER

SPEAKER SERIES &

HACKATHON ATTENDEE PROFILE

TECH-SAVVY INFLUENCERS ONLINE &OFFLINE

55%

45%

(AGED 25-45, GLOBAL)

ENTREPRENUERS

25%

25%

30%

SKILLS PROFILE

A new generation of Filipinos who are smart, driven, tech savvy, connected and entrepreneurial

CAREER STAGE

ENTREPRENEURS ENGINEERS DESIGNERS BUSINESS MARKETING

Employees in the public and private sectors, with a heavy from the technology industry, early-stage entrepreneurs and investors

EMPLOYEES IN TECH COMPANIES PRIVATE SECTOR (FINANCE, LAW, HEALTH SERVICES)

10% 10%

PUBLIC SECTOR INVESTORS, VC, ANGELS

100% of attendees were college educated, 40%+ of which have earned Masters or higher    

65% of attendees were of Asian/Filipino descent, aged 21- 45, residing in major urban, global cities


42

1941

Medical Incubator

Fe del Mundo, the first Asian and first woman to attend Harvardâ&#x20AC;&#x2122;s School of Medicine, invented a bamboo incubator that saved countless young lives in rural areas without electricity.

NextDayBetter Brand Guidelines v.1

DC COMICS Francis Manapul

RAGS2RICHES Reese Fernandez

Speaker, NextDayBetter + Toronto

Speaker, NextDayBetter + Manila

(2014)

(2015)

Francis Manapul is a New York

Reese Fernandez is Founder and

Times best-selling comic

CEO of Rags2Riches, a for-

book writer/artist for

profit social entearprise

Batman and The Flash at

that empowers women in

the legendary DC Comics.

poor Filipino communities to

Francis has been active in the

create eco-ethical fashion and

comic scene since the age of 17.

home accessories.

NextDayBetter Guidelines  

v.1

Read more
Read more
Similar to
Popular now
Just for you