Nachtlab

BRAND GUIDELINES

Nachtlab,Isolatorweg 36,1014AS Amsterdam. +31(0)20 2103057 studio@nachtlab.com www.nachtlab.com

BRAND GUIDELINES

Client: Nachtlab

THE PLACE FOR THE CREATIVE MINDS OF THE NIGHTLIFE, DANCE & EVENTS-INDUSTRIE.

2

BRAND GUIDELINES

Client: Nachtlab

Contents Introduction Section

About this brand

5

01

Section

02

Section

03

Section

04

Section

05

Section

06

Section

07

Section

08

The Logo The Logo and usage Construction & clearspace

7 8

The Typography The corporate font 01 The corporate font 02 Typography & hierachy

10 11 12

The color system Logo color palette Secondary color palette

14 15

Printed Envelope 18 Presentation folder 19 merchandising 20

Digital Web design Grid systems

22 25

Imagery Inspiration

28

Iconography Corporate icons

30

3

Client: Nachtlab

BRAND GUIDELINES

01 Introduction Information about this brand

4

BRAND GUIDELINES

Client: Nachtlab

About this brand Nachtlab was founded by Duncan Stutterheim in 2009 to support young entrepreneurs in the Amsterdam electronic music scene.

The objective of the Nachtlab was (and is) to bring together this group of entrepreneurs at affordable rates in a well-equipped building, providing them with an inspiring environment to further develop. In addition to offering office, studio and production space, the premise was that Nachtlab would become a place that invites cross-pollination between tenants and their various activities.

Nachtlab

5

Client: Nachtlab

BRAND GUIDELINES

02 The logo Our logo is the touchstone of our brand and one of the most valuable assets. We must ensure its proper usage.

6

BRAND GUIDELINES

Client: Nachtlab

The logo and usage The Nachtlab logo combines three elements: The Nachtlab logotype, the variants and the brand mark. These elements should never be changed. Position, size, and color, along with the spatial and proportional relationships of the Nachtlab logo elements, are predetermined and should not be altered.

Used consistently, they will reinforce public awareness of the company.

The corporate logo is presented through the use of colors, shapes and typography.

Light logo variant

Dark logo variant

7

BRAND GUIDELINES

Client: Nachtlab

Construction & clearspace The Nachtlab logo requires serperation from the other elements around it. The space required on all sides is roughly eqivalent to the letter width of the logo type. It never should be less than that. The logo must always fit into the clearspace area and can not be intervened by other graphical elements which could hinder legibility of the brand.

Please note that text or pictorial figures, which have strong impact or impression, should not be placed near the logo, even though you keep the isolation area blank.

Whenever you use the logo, it must be surrounded with clearspace to

8

BRAND GUIDELINES

Client: Nachtlab

03 The typography Typography is 95% of design – it’s a driving force in all forms of communication art.

9

Client: Nachtlab

BRAND GUIDELINES

Corporate font 01 Avenir Next

PRIMARY FONT Avenir Next

DESIGNER Adrian Frutiger

ABOUT THE FONT Avenir (typeface) Avenir is a sans-serif typeface designed by Adrian Frutiger and released in 1988 by Linotype GmbH. The word avenir is French for “futur

RULES This font should be used in all Nachtlab communications to project a consistent visual identity. This includes promotional materials, advertising, digital assets, and printed materials.

Regular Italic ABCDEFGHIJKLMNOPQRSTU VWXYZ abcdefghijklmnopqrstuvwxyz 01234567890

10

BRAND GUIDELINES

Client: Nachtlab

Corporate font 02 Museo Sans

SECONDARY FONT Museo Sans

DESIGNER Jos Buivenga ABOUT THE FONT Museo Sans is based on the well-known Museo.

It is a sturdy, low contrast, geometric, highly legible sans serif typeface very well suited for any display and text use.

RULES This serif font is available in 10 weights. We use 3 of them. The regular, italic and black versions.

Regular Italic Black ABCDEFGHIJKLMNOPQRSTU VWXYZ abcdefghijklmnopqrstuvwxyz 01234567890

11

Client: Nachtlab

BRAND GUIDELINES

Typography & Hierachy Size is the simplest way to create contrast between different typographic elements in your design. With 6 levels of typography, the font size generally starts out largest on top (level one; your most important information) and decreases in size as you move down the page.

Layout, for both print and screen, is one of the most important aspects of graphic design.

HEADING 1 Avenir Next , 60 pt regular, italic

The quick brown fox HEADING 2 Avenir Next , 44pt regular, italic

The quick brown fox HEADING 3 Avenir Next , 24pt regular, italic

The quick brown fox HEADING 4 Museo Sans, 15pt black

The quick brown fox HEADING 5 Museo Sans, 14pt regular uppercase, spacing 200

THE QUICK BROWN FOX BODY COPY MUSEO SANS (8PT REGULAR) The quick brown fox

12

BRAND GUIDELINES

Client: Nachtlab

04 The color system With 93% of customers influenced by colors and visual appearance, make sure you pick the right colors for your company.

13

Client: Nachtlab

BRAND GUIDELINES

Logo color palette USE OF COLOR FOR THE PRINTED & DIGITAL LOGO. The following palette has been selected for use in Nachtlab communcations. Lighter tints of these colors are also allowed., but the Logotype + background may only be used with a 100% tint.The primary colors include Yellow and Black color, that embodies the creativity and dynamic of the company. The additional colors are gray and white to underline the seriousity of your business.

A comprehensive color palette has been developed to provide flexibility while creating a unified, recognizable appearance across all communications.

Primary color Yellow

Primary color JET BLACK COLOR CODES

COLOR CODES CMKY - 0, 17, 100, 0 RGB - 255, 212, 0 HEX - #ffd400

14

CMKY - 0/ 0/ 0/100 RGB - 0/ 0/ 0 HEX - #000000

80%

80%

60%

60%

40%

40%

20%

20%

BRAND GUIDELINES

Client: Nachtlab

Secondary color palette DA R K G R AY CMKY - 0, 0, 0, 83 RGB - 43, 43, 43 HEX - #2b2b2b

80% - 20%

WHITE CMKY - 0,0,0,0 RGB - 100,100,100 HEX - #ffffff

80% - 20%

DARK LIME GREEN CMKY - 74, 0, 91, 46 RGB - 36, 137, 13 HEX - #24890d

80% - 20%

15

Client: Nachtlab

BRAND GUIDELINES

THE COLORS The logo color palette includes specifications for Pantone colors on coated stock (C) and HKS on natural paper (N).

When reproduced using the four-color process (CMYK), and when creating PowerPoint presentations (RGB).

The palette allows the addition of secondary colors to enrich the Nachtlab visual identity as a whole. Lighter tints (up to 20 %) of these colors are also allowed.

16

BRAND GUIDELINES

Client: Nachtlab

05 Printed When it comes to developing the stationery, consistency is the key for all layouts and designs.

17

Client: Nachtlab

BRAND GUIDELINES

Envelopes

NACHTLAB,ISOLATORWEG 36,1014 AS AMSTERDAM

The envelope will be used for all official contact and communication of our company. These are the approved layouts.

Other formats are also allowed.

DIMENSIONS: DIN lang C5

PAPER: 80g/m² offset white paper

18

BRAND GUIDELINES

Client: Nachtlab

Presentation folder

NACHTLAB,ISOLATORWEG 36,1014 AS AMSTERDAM

The presentation folder will be used for all portfolio and proposal presentations of our company. These is the approved layout.

DIMENSIONS: 345 mm x 490 mm

PAPER: 350 g/m² glossy white paper

19

Client: Nachtlab

BRAND GUIDELINES

Merchandising

These are the apporoved layouts for a paper bag, pencil and price tags.

DIMENSIONS: 345 mm x 490 mm

PAPER: 350 g/m² glossy white paper

20

BRAND GUIDELINES

Client: Nachtlab

06 Digital Using a grid system is one way to achieve a level of consistency that would be otherwise extremely difficult to master.

21

Client: Nachtlab

BRAND GUIDELINES

Web design

SAM NOBITEM QUIDEST

It la verferi di aborroreped quo et od ullab iment voloratus reic to molorerrorro cor rerio.

Nam que num litium fuga.

Mil es volum corest, omnia posanti onsequo to officia consequ atempor

COLOR The basic color for the websites is always Yellow and Black. Use main color 1to highlight some articles.

The photos have always

22

BRAND GUIDELINES

Client: Nachtlab

SAM NOBITEM QUIDEST

It la verferi di aborroreped quo et od ullab iment voloratus reic to molorerrorro cor rerio. Nam que num litium fuga.

Mil es volum corest, omnia posanti onsequo to officia consequ atempor Musam simil iscit lit eatur ab id maiorepre nossunt voloreribus nobis unt quos eosseque nihil ium non re nus, numque magnatur se nos sandunt emporibeaque

FONTS The fonts Avenir Next and Museo Sans can also be used on the web. The Museo Sans font is always used for the big headlines,

23

Client: Nachtlab

BRAND GUIDELINES

SAM NOBITEM QUIDEST

NAVIGATION The navigation is always on the top, left and right beside the logo. Use uppercase letters for it.

24

BRAND GUIDELINES

Client: Nachtlab

Grid system USE ON DIFFERENT DEVISES Grid systems are used for creating page layouts through a series of rows and columns that house your content. Here are some examples.

Please follow the rules, to have a consistant visual appearance.

MORE EXAMPLES FOR SCREEN GRID 16:9

25

Client: Nachtlab

BRAND GUIDELINES

Wire frames G E N E R A L I N F O R M AT I O N O F T H E CO N T E N T A N D L AYO U T O F E AC H PAG E

2 column grid

Custom layout

Article right

26

3 column grid

4 column grid

6 column grid

Portfolio page

Product page

Team members

Article left

Blog

Landing page

BRAND GUIDELINES

Client: Nachtlab

07 Imagery Brand image is the overall impression in consumers’ mind that is formed from all sources

27

Client: Nachtlab

BRAND GUIDELINES

Inspiration

28

BRAND GUIDELINES

Client: Nachtlab

08 Iconography An organization, no matter how well designed, is only as good as the people who live and work in it.

29

BRAND GUIDELINES

Client: Nachtlab

Corporate icons

30

Nachtlab,Isolatorweg 36,1014AS Amsterdam. +31(0)20 2103057 studio@nachtlab.com www.nachtlab.com