Th
Brand
he
d Book
This is what we stand for.
TITLE
Our Values Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nec sem quis nulla blandit ultrices. Nullam vehicula elit ut augue elementum accumsan. Mauris sed ligula imperdiet, faucibus est at, viverra leo. Donec egestas semper dictum. Nulla facilisi. Praesent auctor augue a porta lobortis. Sed vulputate mi non magna iaculis eleifend. Nunc at elit ac augue mollis rhoncus pretium sit amet urna. Ut et molestie dolor. Donec euismod maximus mi, sit amet scelerisque velit pretium sed. Fusce sodales ex tempor mi sollicitudin hendrerit. Nulla a sagittis massa. Curabitur a ullamcorper est. Nulla nec lectus in purus rutrum facilisis non a neque. Quisque elementum lorem et dui tristique, nec sollicitudin mauris dapibus. Suspendisse bibendum euismod ante, vel gravida mi facilisis et. Praesent nec nisl nulla. Vivamus nec porttitor metus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam eleifend, lacus non convallis imperdiet, erat sapien ornare eros, et cursus massa sem ac nunc. Nullam a rhoncus erat, sed pulvinar nisl. Sed ullamcorper augue non elementum lobortis. Nunc id eleifend ipsum. Integer ultricies augue iaculis elementum sagittis. Duis lorem lectus, varius ut efficitur non, dignissim ac tortor. Praesent nunc dolor, sagittis imperdiet lorem nec, iaculis fringilla enim. Pellentesque urna enim, feugiat et neque vitae, tempor tristique neque.
7
What you’ll find when you visit us.
TITLE
9
Bra Guide
and elines
Col
lors
Black Box
Tulip White
C 0 | M 0 | Y 0 | K 100 R0|B0|G0
C0|M0|Y0|K0 R 255 | B 255 | G 255
Modern Corten
Skylight Blue
C 0 | M 55 | Y 100 | K 0 R 246 | B 139 | G 31
C 100 | M 15 | Y 0 | K 0 R 0 | B 155 | G 223
17
sub
Colors
Bell Blue C 100 | M 90 | Y 0 | K 20 R 27 | B 50 | G 129
Josef Yellow C 0 | M 10 | Y 100 | K 0 R 255 | B 194 | G 14
Annie Rouge C 0 | M 95 | Y 100 | K 25 R 187 | B 37 | G 25
Concrete Gray C 0 | M 0 | Y 0 | K 45 R 177 | B 179 | G 182 19
Color
Palettes
Play inspired.
Work inspired.
Other color combinations Note that the use of black and white plus an accent color is preferred.
21
Logotype
Clear space & sizing
4x
1x
4x
4x
4x
4x
4x
4x
4x
The minimum clear space is defined as x, measured by the diameter of the circles in the atom. The minimum clear space of 4x around the logotype should always be applied. Try to maximize clear space whenever possible.
4x
4x
4x
4x
4x
4x
The Wordmark may also be used by itself, where 4x as the minimum clear space around the logo still applies. 4x
4x
1x
4x
4x
Using the complete logotype or the Wordmark is preferred. When necessary, The atom logo may be used by itself, keeping the 4x clear space around it.
Minimum size is 21 px on screen / 0.25” 6.35 mm in print
The minimum size of our logo and is 21px on screen, or 0.25in (6.35mm) in print, measured by the height of the atom [or 20 px of the Height of the “B” if only the wordmark is used. In exceptional circumstances, smaller sizes for print may be necessary. In such cases, legibility should always be your top priority. 25
Correct Uses
Reversed
The Bell Works logo uses only one color at a time: either black or white. Primarily the logo should be used on a white background for maximum impact and clarity. In cases where the background varies, the logo should be use like this:
Ideally the logo is to be used on a white background for maximum impact and clarity. When this is not possible, be sure to choose background colors or photos that provide sufficient contrast with the logo. - Use the two-color reverse logo on dark backgrounds or photos that provide sufficient contrast for all logo components. - Use the solid white logo on dark-colored backgrounds or photos, or in one-color print applications with sufficient contrast. - Use the solid black logo on white or light colored backgrounds or photos. 27
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nec sem quis nulla blandit ultrices. Nullam vehicula elit ut augue elementum accumsan. Mauris sed ligula imperdiet, faucibus est at, viverra leo. Donec egestas semper dictum. Nulla facilisi. Praesent auctor augue a porta lobortis. Sed vulputate mi non magna iaculis eleifend. Nunc at elit ac augue mollis rhoncus pretium sit amet urna. Ut et molestie dolor. Donec euismod maximus mi, sit amet scelerisque velit pretium sed.
28
29
Incorrect Uses
Don’t: Add effects : this includes drop shadows, bevels, gradients, and strokes. Don’t: Modify the logo. Proportions should remain as shown above Don’t: Change the color. The logo should only be used in black or white.
31
Typography
TYPOGRAPHY
The following fonts should be used for web and print:
Titles
Gotham Medium abcdefghijklmnopqrstuvwxyz
Body
Avenir Book
abcdefghijklmnopqrstuvwxyz
33
Ico
ons
Architecture
Sustainability
Community
Education
Design
Innovation
Vis Ass
sual sets
work play explore live _inspired.