Scribd
Upload
21 views

foundation-visual-guidelines

The Node.js Brand Guide outlines the updated logo design, including variations for different backgrounds and guidelines for clearspace and incorrect usage. It details the brand's color palette, primarily featuring Pantone 7741 C, and specifies the typography to be used, which is the Open Sans font family. This guide serves to ensure consistent branding across all materials.

Uploaded by

tahaeb5480
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
21 views

foundation-visual-guidelines

The Node.js Brand Guide outlines the updated logo design, including variations for different backgrounds and guidelines for clearspace and incorrect usage. It details the brand's color palette, primarily featuring Pantone 7741 C, and specifies the typography to be used, which is the Open Sans font family. This guide serves to ensure consistent branding across all materials.

Uploaded by

tahaeb5480
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 8

Brand Guide

Node.JS Brand Guide

1.01
Logo overview

This refresh of the original logo PRIMARY LOGO PRIMARY ICON + PATTERN
modernizes the hexagon for a
more sophistiated look.

The overlapping bands within


the shape represent the cross-
platform environment of node.js.
Node.JS Brand Guide

1.02
Event Logos

NODE.JS INTERACTIVE NODE.JS LIVE

Interactive
Node.JS Brand Guide

1.03
Logo Variations

Logo usage may vary so we LOGOS FOR LIGHT BACKGROUNDS LOGOS FOR DARK BACKGROUNDS
created four versions of the logo
for light and dark backgrounds.

Use the full colour logo for all materials with a light background. If the Use the colour and white logo if possible, otherwise on all dark
background is one of the brand colours use a solid black or white logo. backgrounds use the solid white logo.
Node.JS Brand Guide

1.04
Clearspace

Clearspace is the minimum


amount of space around the
logo into which no other object
should infringe. To work out the
clearspace take the height of the
hexagon, and divide it in half.

(Clearspace = “O” Height /2)


Node.JS Brand Guide

1.05
Incorrect Usage

NEVER DISTORT THE LOGO DO NOT ALTER THE LOGO ELEMENTS


Here are some examples
where the logo has been
incorrectly used.

NEVER USE A DROPSHADOW NEVER PLACE THE LOGO ON AN ANGLE

UNLESS LEGIBLE,DON’T PLACE THE BLACK LOGO ON DARK


NEVER CHANGE THE COLOURS BACKGROUNDS
Node.JS Brand Guide

2.0
Brand Colours

PANTONE 357 C PANTONE 360 C


The palette consists of four main
colours. The primary colour is CMYK 69, 62, 61, 58 CMYK 89, 0, 45, 72
Pantone 7741 C. RGB 33, 87, 50 RGB 108, 194, 74
Web #336633 Web #66cc33

PANTONE 7741 C BLACK

CMYK 76, 4, 100, 21 CMYK 69, 62, 62, 58


RGB 68, 136, 62 RGB 51, 51, 51
Web #339933 Web #333333
Node.JS Brand Guide

3.0
Typography

Font Name FONT FOR PRINT & WEB

Open Sans

Download
OPEN SANS LIGHT | OPEN SANS LIGHT ITALIC
www.google.com/fonts/specimen/Open+Sans OPEN SANS REGULAR | OPEN SANS ITALIC
About
OPEN SANS SEMIBOLD | OPEN SANS SEMIBOLD ITALIC
Open Sans is a humanist sans serif typeface
designed by Steve Matteson, Type Director
of Ascender Corp. This version contains the OPEN SANS BOLD | OPEN SANS BOLD ITALIC
complete 897 character set, which includes the

OPEN SANS EXTRA BOLD | OPEN SANS EXTRABOLD ITALIC


standard ISO Latin 1, Latin CE, Greek and Cyrillic
character sets. Open Sans was designed with
an upright stress, open forms and a neutral, yet
friendly appearance. It was optimized for print,
web, and mobile interfaces, and has excellent
legibility characteristics in its letterforms.

You might also like

pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy