ROOFTOP e x p e r t c o - c r e at i o n
Corporate Guide version 1.0
Rooftop style guide / Rooftop Logo
Rooftop Logo Different configurations possible
ROOFTOP e x p e r t c o - c r e at i o n
2
Rooftop style guide / Rooftop Logo
Logo Rooftop elements and margins
cropmarks designate minimal space around logo
vignette
ROOFTOP
logo type
pay-off
e x p e r t c o - c r e at i o n
Logo Rooftop on dark & light background
ROOFTOP
ROOFTOP
e x p e r t c o - c r e at i o n
e x p e r t c o - c r e at i o n
3
Rooftop style guide / Rooftop Logo
Logo vertical (preferred) Vignette & Logotype with and without pay-off
ROOFTOP
ROOFTOP
e x p e r t c o - c r e at i o n
Logo horizontal Vignette & Logotype with and without pay-off
ROOFTOP e x p e r t c o - c r e at i o n
ROOFTOP
4
Rooftop style guide / Rooftop Logo
Logo vertical (preferred) Vignette & Logotype with and without pay-off
ROOFTOP
ROOFTOP
e x p e r t c o - c r e at i o n
Logo horizontal Vignette & Logotype with and without pay-off
ROOFTOP e x p e r t c o - c r e at i o n
ROOFTOP
5
Rooftop style guide / Use and abuse of logo
use and abuse of Logo vertical logo is centered, horizontal logo is placed top left
ROOFTOP e x p e r t c o - c r e at i o n
ROOFTOP e x p e r t c o - c r e at i o n
6
Rooftop style guide / Use and abuse of logo
How NOT to use the logo Respect scaling, positioning and type
ROOFTOP
ROOFTOP
e x p e r t c o - c r e at i o n
e x p e r t c o - c r e at i o n
ROOFTOP e x p e r t c o - c r e at i o n
ROOFTOP expert co-creation
ROOFTOP e x p e r t c o - c r e at i o n
ROOFTOP e x p e r t c o - c r e at i o n
7
Rooftop style guide / Icon set
Icon set Horizontal and vertical
DEVELOP RIGHT VISION
8
FIND BIGGEST OPPORTUNITIES
CREATE NEW CONCEPTS
DEFINE RIGHT APPROACH
Rooftop style guide / Icon set
Icons Horizontal (Preferred), on black and white
DEVELOP RIGHT VISION
DEVELOP RIGHT VISION
FIND BIGGEST OPPORTUNITIES
FIND BIGGEST OPPORTUNITIES
CREATE NEW CONCEPTS
CREATE NEW CONCEPTS
DEFINE RIGHT APPROACH
DEFINE RIGHT APPROACH
Icons Vertical, on black and white
DEVELOP RIGHT VISION
FIND BIGGEST OPPORTUNITIES
CREATE NEW CONCEPTS
DEFINE RIGHT APPROACH
DEVELOP RIGHT VISION
FIND BIGGEST OPPORTUNITIES
CREATE NEW CONCEPTS
DEFINE RIGHT APPROACH
9
Rooftop style guide / Typefaces
typefaces Three families
Penumbra HalfSerif Std Semibold / regular 24 / 12 / 6pt.
ABCDEFGHIJKLMNOPQRSTUV… ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuv… abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz
Electra LT Std Bold Display 24 / 12 / 6pt.
ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz
Electra LT Std Cursive Display 24 / 12 / 6pt.
ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz
10
Rooftop style guide / Typefaces
Electro LT Std Regular 24 / 12 / 6pt.
ABCDEFGHIJKLMNOPQRSTUV… ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz
Helvetica Neue regular 24 / 12 / 6pt.
ABCDEFGHIJKLMNOPQRSTUV… ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz abcdefghijklmnopqrstuvwxyz
11
Rooftop style guide / Text & Effects
text & effects The elements
Electra LT Std Bold Display size 18pt. leading 24pt.
Header
Electra LT Std Cursive Display size 11pt. leading 26pt.
sub header
Electra LT Std Regular size 11pt. leading 12pt.
Intro paragraph
Helvetica Neue Regular size 8pt. leading 12pt.
Regular paragraph
Helvetica Neue Regular size 6pt. leading 12pt.
Sub paragraph
Electra LT Std Cursive size 8pt.
123 (page numbering)
Electra LT Std Cursive size 6pt. leading 12pt.
image caption
Electra LT Std Regular size 11pt. leading 12pt.
This is some highlighted text in the intro paragraph
Electra LT Std Regular size 11pt. leading 12pt.
This is some highlighted text in the regular paragraph
Electra LT Std Regular size 11pt. leading 12pt.
This is some highlighted text in the sub paragraph
12
ROOFTOP e x p e r t c o - c r e at i o n
Header sub header Phasellus orci ligula, aliquet sed, tempor nec, elementum in, metus. Morbi at nisi a massa fringilla volutpat. Sed elementum volutpat metus. Donec consectetuer. Fusce vehicula justo at mi. Duis interdum volutpat dolor. Morbi porta. Proin adipiscing magna quis dui. Suspendisse potenti. Nullam ac nunc rutrum odio egestas pretium. Cras at turpis sed ipsum euismod viverra. Duis ligula metus, ullamcorper et, pretium pharetra, consectetuer sit amet, felis. Suspendisse ligula. Vestibulum ullamcorper suscipit sem. Maecenas interdum rutrum eros. Fusce ipsum est, semper vitae, porta vel, vulputate eu, risus. Nulla nec dolor. Morbi pede arcu, pellentesque quis, venenatis quis, rutrum ut, ante. Vestibulum accumsan. Donec sit amet purus. Nullam at mauris. Quisque vel felis. Sed iaculis lacinia arcu. In facilisis pretium augue. Morbi eget nisi. Pellentesque at ipsum. Sed ultrices posuere sapien. Nam eleifend felis eget massa lacinia consectetuer. Morbi dictum aliquam dolor. Donec blandit feugiat libero. Quisque bibendum sollicitudin tortor. Praesent posuere vulputate dui. Integer ultricies fermentum nisl. Quisque enim. Etiam urna nisi, porta sit amet, fringilla vitae, tincidunt quis, sem. Nullam consequat placerat lorem. Quisque dignissim dapibus velit. Aliquam non tortor. Donec facilisis orci eu risus. Integer ultrices rhoncus sem. Aenean suscipit pede non sapien. In nec tortor. Pellentesque quis risus. Curabitur accumsan nisi non magna. Donec a metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam non ligula. Morbi in libero non ante tincidunt blandit Duis ligula metus, ullamcorper et, pretium pharetra, con-
Donec blandit feugiat libero. Quisque bibendum sol-
Donec facilisis orci eu risus. Integer ultrices rhoncus
sectetuer sit amet, felis. Suspendisse ligula. Vestibulum
licitudin tortor. Praesent posuere vulputate dui. Integer
sem.
ullamcorper suscipit sem. Maecenas interdum rutrum
ultricies fermentum nisl. Etiam urna nisi, porta sit amet,
eros. Fusce ipsum est, semper vitae, porta vel, vulputate
fringilla vitae, tincidunt quis, sem. Nullam consequat
eu, risus. Nulla nec dolor. Morbi pede arcu, pellentesque
placerat lorem. Quisque dignissim dapibus velit. Aliquam
quis, venenatis quis, rutrum ut, ante. Vestibulum accum-
non tortor. Quisque enim.
san. Donec sit amet purus. Nullam at mauris. Quisque vel felis. Sed iaculis lacinia arcu. In facilisis pretium augue. Morbi eget nisi. Pellentesque at ipsum. Sed ultrices posuere sapien. Nam eleifend felis eget massa lacinia
This is a caption of the placeholder image
consectetuer. Morbi dictum aliquam dolor. Aenean suscipit pede non sapien. In nec tortor. Pellentesque quis risus. Curabitur accumsan nisi non magna. Donec a metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam non ligula. Morbi in libero non ante tincidunt blandit
13
ROOFTOP e x p e r t c o - c r e at i o n
Header sub header Phasellus orci ligula, aliquet sed, tempor nec, elementum in, metus. Morbi at nisi a massa fringilla volutpat. Sed elementum volutpat metus. Donec consectetuer. Fusce vehicula justo at mi. Duis interdum volutpat dolor. Morbi porta. Proin adipiscing magna quis dui. Suspendisse potenti. Nullam ac nunc rutrum odio egestas pretium. Cras at turpis sed ipsum euismod viverra.
Duis ligula metus, ullamcorper et, pretium pharetra, consectetuer sit amet, felis. Suspendisse ligula. Vestibulum ullamcorper suscipit sem. Maecenas interdum rutrum eros. Fusce ipsum est, semper vitae, porta vel, vulputate eu, risus. Nulla nec dolor. Morbi pede arcu, pellentesque quis, venenatis quis, rutrum ut,
Duis ligula metus, ullamcorper et, pretium pharetra, consectetuer sit amet, felis. Suspendisse ligula. Vestibulum ullamcorper suscipit sem. Maecenas interdum rutrum eros. Fusce ipsum est, semper vitae, porta vel, vulputate eu, risus. Nulla nec dolor. Morbi pede arcu, pellentesque quis, venenatis quis, rutrum ut, ante. Vestibulum accumsan. Donec sit amet purus. Nullam at mauris. Quisque vel felis. Sed iaculis lacinia arcu. In facilisis pretium augue. Morbi eget nisi. Pellentesque at ipsum. Sed ultrices posuere sapien. Nam eleifend felis eget massa lacinia consectetuer. Morbi dictum aliquam dolor.
ante. Vestibulum accumsan. Donec sit amet
Donec blandit feugiat libero. Quisque bibendum sollicitudin tortor. Praesent posuere vulputate dui. Integer ultricies fermentum nisl. Quisque enim. Etiam urna nisi, porta sit amet, fringilla vitae, tincidunt quis, sem. Nullam consequat placerat lorem. Quisque dignissim dapibus velit. Aliquam non tortor.
Donec blandit feugiat libero. Quisque biben-
purus. Nullam at mauris. Quisque vel felis. Sed iaculis lacinia arcu. In facilisis pretium augue. Morbi eget nisi. Pellentesque at ipsum. Sed ultrices posuere sapien. Nam eleifend felis eget massa lacinia consectetuer. Morbi dictum aliquam dolor.
dum sollicitudin tortor. Praesent posuere vulputate dui. Integer ultricies fermentum nisl. Etiam urna nisi, porta sit amet, fringilla vitae, tincidunt quis, sem. Nullam consequat placerat lorem.
Duis ligula metus, ullamcorper et, pretium pharetra, consectetuer sit amet, felis. Suspendisse ligula. Vestibulum ullamcorper suscipit sem. Maecenas interdum rutrum eros. Fusce ipsum est, semper vitae, porta vel, vulputate eu, risus. Nulla nec dolor. Morbi pede arcu, pellentesque quis, venenatis quis, rutrum ut, ante. Vestibulum accumsan. Donec sit amet purus. Nullam at mauris. Quisque vel felis. Sed iaculis lacinia arcu. In facilisis pretium augue. Morbi eget nisi. Pellentesque at ipsum. Sed ultrices posuere sapien. Nam eleifend felis eget massa lacinia consectetuer. Morbi dictum aliquam dolor. Donec blandit feugiat libero. Quisque bibendum sollicitudin tortor. Praesent posuere vulputate dui. Integer ultricies fermentum nisl. Quisque enim. Etiam urna nisi, porta sit amet, fringilla vitae, tincidunt quis, sem. Nullam consequat placerat lorem. Quisque dignissim dapibus velit. Aliquam non tortor. Donec facilisis orci eu risus. Integer ultrices rhoncus sem. Aenean suscipit pede non sapien. In nec tortor. Pellentesque quis risus. Curabitur accumsan nisi non magna. Donec a metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam non ligula. Morbi in libero non ante tincidunt blandit
14
Quisque dignissim dapibus velit. Aliquam non tortor. Quisque enim. Donec facilisis orci eu risus. Integer ultrices rhoncus sem.
ROOFTOP e x p e r t c o - c r e at i o n
Header sub header Phasellus orci ligula, aliquet sed, tempor nec, elementum in, metus. Morbi at nisi a massa fringilla volutpat. Sed elementum volutpat metus. Donec consectetuer. Fusce vehicula justo at mi. Duis interdum volutpat dolor. Morbi porta. Proin adipiscing magna quis dui. Suspendisse potenti. Nullam ac nunc rutrum odio egestas pretium. Cras at turpis sed ipsum euismod viverra. Duis ligula metus, ullamcorper et, pretium pharetra, consectetuer sit amet, felis. Suspendisse ligula. Vestibulum ullamcorper suscipit sem. Maecenas interdum rutrum eros. Fusce ipsum est, semper vitae, porta vel, vulputate eu, risus. Nulla nec dolor. Morbi pede arcu, pellentesque quis, venenatis quis, rutrum ut, ante. Vestibulum accumsan. Donec sit amet purus. Nullam at mauris. Quisque vel felis. Sed iaculis lacinia arcu. In facilisis pretium augue. Morbi eget nisi. Pellentesque at ipsum. Sed ultrices posuere sapien. Nam eleifend felis eget massa lacinia consectetuer. Morbi dictum aliquam dolor. Donec blandit feugiat libero. Quisque bibendum sollicitudin tortor. Praesent posuere vulputate dui. Integer ultricies fermentum nisl. Quisque enim. Etiam urna nisi, porta sit amet, fringilla vitae, tincidunt quis, sem. Nullam consequat placerat lorem. Quisque dignissim dapibus velit. Aliquam non tortor.
Duis ligula metus, ullamcorper et, pretium pharetra, consectetuer sit amet, felis. Suspendisse ligula. Vestibulum ullamcorper suscipit sem. Maecenas interdum rutrum eros. Fusce ipsum est, semper vitae, porta vel, vulputate eu, risus. Nulla nec dolor. Morbi pede arcu, pellentesque quis, venenatis quis, rutrum ut, ante. Vestibulum accumsan. Donec sit amet purus. Nullam at mauris. Quisque vel felis. Sed iaculis lacinia arcu. In facilisis pretium augue. Morbi eget nisi. Pellentesque at ipsum. Sed ultrices posuere sapien. Nam eleifend felis eget massa lacinia consectetuer. Morbi dictum aliquam dolor. Donec blandit feugiat libero. Quisque bibendum sollicitudin tortor. Praesent posuere vulputate dui. Integer ultricies fermentum nisl. Quisque enim. Etiam urna nisi, porta sit amet, fringilla vitae, tincidunt quis, sem. Nullam consequat placerat lorem. Quisque dignissim dapibus velit. Aliquam non tortor. Donec facilisis orci eu risus. Integer ultrices rhoncus sem. Aenean suscipit pede non sapien. In nec tortor. Pellentesque quis risus. Curabitur accumsan nisi non magna. Donec a metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam non ligula. Morbi in libero non ante tincidunt blandit
Donec facilisis orci eu risus. Integer ultrices rhoncus sem. Aenean suscipit pede non sapien. In nec tortor. Pellentesque quis risus. Curabitur accumsan nisi non magna. Donec a metus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Etiam non ligula. Morbi in libero non ante tincidunt blandit
Duis ligula metus, ullamcorper et, pretium pharetra, con-
vel felis. Sed iaculis lacinia arcu. In facilisis pretium au-
Donec blandit feugiat libero. Quisque bibendum sol-
sectetuer sit amet, felis. Suspendisse ligula. Vestibulum
gue. Morbi eget nisi. Pellentesque at ipsum. Sed ultrices
licitudin tortor. Praesent posuere vulputate dui. Integer
ullamcorper suscipit sem. Maecenas interdum rutrum
posuere sapien. Nam eleifend felis eget massa lacinia
ultricies fermentum nisl. Etiam urna nisi, porta sit amet,
eros. Fusce ipsum est, semper vitae, porta vel, vulputate
consectetuer. Morbi dictum aliquam dolor.
fringilla vitae, tincidunt quis, sem. Nullam consequat
eu, risus. Nulla nec dolor. Morbi pede arcu, pellentesque
placerat lorem. Quisque dignissim dapibus velit. Aliquam
quis, venenatis quis, rutrum ut, ante. Vestibulum accum-
non tortor. Quisque enim.
san. Donec sit amet purus. Nullam at mauris. Quisque
15
Rooftop style guide / Keynote
Keynote intro Simple and centered
ROOFTOP E X P E R T C O - C R E AT I O N
Title of presentation subtitle
July 1st, 2008
16
Rooftop style guide / Keynote
Keynote STEPS Luxurious
Define right approach subtitle
copyright 2008 Fronteer Strategy
17
Rooftop style guide / Keynote
KEYNOTE CONTENT PAGE Branding both Rooftop and client
Title - subtitle
R O O F T O P presentation, August 29, 2008. CONFIDENTIAL. Š2008 Fronteer Strategy.
18
88
Rooftop style guide / Colors
colors Pantone colors and their equivalents in RGB / CMYK
Pantone 433 CMYK 90 68 41 90 RGB 0 0 0 #000000
Pantone 8220 CMYK 45 13 11 0 RGB 114 186 219 #72BADB
Pantone Process Blue CMYK zRGB 0 136 206 #0088CE
19
Rooftop style guide / Colors
Rooftop Logo CMYK CMYK logo with gradient
ROOFTOP e x p e r t c o - c r e at i o n
20
Rooftop style guide / Colors
Rooftop Logo RGB RGB logo with gradient
ROOFTOP e x p e r t c o - c r e at i o n
21