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