BRAND IDENTITY TOOLKIT
We are brilliant at what we do, but what we do does not define us. We understand that our vocation is bigger than our occupation. We’re on this earth to do more than earn a paycheck. We are committed to growth. We do not tolerate stagnancy, because it’s the first sign of death. We are committed to healthy creating. We recognize that to be prolific for a long time involves intentionality, choice and discipline.
THIS IS OUR PHILOSOPHY.
We know the value of what we make, and we refuse to prostitute ourselves to organizations. We make career decisions based upon who we are, not what everyone else would do in our situation. We are always looking for ideas. We are focused, curious and passionate about life, because life is art. We refuse to play the victim. We are proactive and responsible for our own creative health.
We are generous because we are free. We know that the goal is to act on the best idea, whether or not it’s our own. We build other people up, even when they don’t reciprocate. We are committed to relationships. We recognize that healthy creating will come out of vibrant relationships. Sound too dramatic, overblown or irrelevant to you? Cool. Feel free to do whatever seems easiest. But for those of us who want to thrive, we must realize that it will take intentionality and effort. There is more to life than being hip. There is more to our creating than chasing after the latest and greatest on the cover of the trade mags. There is more to art than being a “cover band.” We are committed to bringing ourselves fully to our life and art. And as we do this, the world will change around us.
We are brilliant at what we do, but what we do does not define us. We understand that our vocation is bigger than our occupation. We’re on this earth to do more than earn a paycheck. We are committed to growth. We do not tolerate stagnancy, because it’s the first sign of death. We are committed to healthy creating. We recognize that to be prolific for a long time involves intentionality, choice and discipline.
THIS IS OUR PHILOSOPHY.
We know the value of what we make, and we refuse to prostitute ourselves to organizations. We make career decisions based upon who we are, not what everyone else would do in our situation. We are always looking for ideas. We are focused, curious and passionate about life, because life is art. We refuse to play the victim. We are proactive and responsible for our own creative health.
We are generous because we are free. We know that the goal is to act on the best idea, whether or not it’s our own. We build other people up, even when they don’t reciprocate. We are committed to relationships. We recognize that healthy creating will come out of vibrant relationships. Sound too dramatic, overblown or irrelevant to you? Cool. Feel free to do whatever seems easiest. But for those of us who want to thrive, we must realize that it will take intentionality and effort. There is more to life than being hip. There is more to our creating than chasing after the latest and greatest on the cover of the trade mags. There is more to art than being a “cover band.” We are committed to bringing ourselves fully to our life and art. And as we do this, the world will change around us.
001. 003. 005. 006.
LOGO Inspiration / Concept Full logotype Lockups & Variations
070. PRINT TOOLKIT 074. COLOURS
011. LOGO SPACING & SIZING 012. Safe Space 015. Minimum Size
079 LAYOUTS 080. Grid System (Portrait) 082. Typographic Hierarchy 090. Grid System (Landscape)
019. LOGO USAGE
093. STATIONERY
025. 026. 029. 030.
COLOURS Logo Colours Brand Colours Colour Pairing
097. MERCHANDISE
037. 038. 044. 050.
GRAPHIC DEVICES 5-Dot Grid & Iconography Dot Grid Highlights
100. DIGITAL TOOLKIT 103. COLOURS
CONTENTS.
057. TYPOGRAPHY 058. Header Font 060. Body Font 065. IMAGERY
107. 108. 113. 115. 116.
WEB Grid System Typographic Hierarchy Iconography & Favicon Button Styles
001. 003. 005. 006.
LOGO Inspiration / Concept Full logotype Lockups & Variations
070. PRINT TOOLKIT 074. COLOURS
011. LOGO SPACING & SIZING 012. Safe Space 015. Minimum Size
079 LAYOUTS 080. Grid System (Portrait) 082. Typographic Hierarchy 090. Grid System (Landscape)
019. LOGO USAGE
093. STATIONERY
025. 026. 029. 030.
COLOURS Logo Colours Brand Colours Colour Pairing
097. MERCHANDISE
037. 038. 044. 050.
GRAPHIC DEVICES 5-Dot Grid & Iconography Dot Grid Highlights
100. DIGITAL TOOLKIT 103. COLOURS
CONTENTS.
057. TYPOGRAPHY 058. Header Font 060. Body Font 065. IMAGERY
107. 108. 113. 115. 116.
WEB Grid System Typographic Hierarchy Iconography & Favicon Button Styles
WE ARE BRILLIANT AT WHAT WE DO, BUT WHAT WE DO DOES NOT DEFINE US.
8
9
WE ARE BRILLIANT AT WHAT WE DO, BUT WHAT WE DO DOES NOT DEFINE US.
8
9
NOT JUST A LOGO. Our identity is not just a logo. Instead, it is a number of core elements that come together under a concept that represents us.
1
NOT JUST A LOGO. Our identity is not just a logo. Instead, it is a number of core elements that come together under a concept that represents us.
1
WE ARE INSPIRED BY EMERGENCE.
“In philosophy, systems theory, science, and art, emergence is conceived as a process whereby larger entities, patterns, and regularities arise through interactions among smaller or simpler entities that themselves don’t necessarily exhibit such properties.” 2
3
WE ARE INSPIRED BY EMERGENCE.
“In philosophy, systems theory, science, and art, emergence is conceived as a process whereby larger entities, patterns, and regularities arise through interactions among smaller or simpler entities that themselves don’t necessarily exhibit such properties.” 2
3
4
Our symbol represents emergence and is made of elements that individually and as a whole represent the essence of Kommune. We use the imperfect rounded form of a pebble to represent the human touch that Kommune has.
Connecting the dots is a big part of Kommune’s philosophy. We offer a platform for our “dots” i.e. individuals to come together and create connections and networks across the performing arts sphere.
IMPERFECT PEBBLES
CONNECT THE DOTS
The arrow is key - it presents movement and outreach. Kommune strives to move ever outward in all directions across the performing arts, and reach out to all aspects.
ARROW
The share symbol is universal - we use it to represent our open source network and vast sharing of resources, expertise, knowledge and skill.
“SHARE” SYMBOL
5
4
Our symbol represents emergence and is made of elements that individually and as a whole represent the essence of Kommune. We use the imperfect rounded form of a pebble to represent the human touch that Kommune has.
Connecting the dots is a big part of Kommune’s philosophy. We offer a platform for our “dots” i.e. individuals to come together and create connections and networks across the performing arts sphere.
IMPERFECT PEBBLES
CONNECT THE DOTS
The arrow is key - it presents movement and outreach. Kommune strives to move ever outward in all directions across the performing arts, and reach out to all aspects.
ARROW
The share symbol is universal - we use it to represent our open source network and vast sharing of resources, expertise, knowledge and skill.
“SHARE” SYMBOL
5
THIS IS OUR FULL LOGOTYPE.
6
7
THIS IS OUR FULL LOGOTYPE.
6
7
Our full logomark can be used in either horizontal or vertical lockup.
Our symbol and wordmark are both strong representations of who we are, and we sometimes like to use them independent of each other (where appropriate).
While the symbol and wordmark can be used independently, the two should only ever come together in the following combinations.
VERTICAL LOCKUP
8
HORIZONTAL LOCKUP
SYMBOL
WORDMARK
9
Our full logomark can be used in either horizontal or vertical lockup.
Our symbol and wordmark are both strong representations of who we are, and we sometimes like to use them independent of each other (where appropriate).
While the symbol and wordmark can be used independently, the two should only ever come together in the following combinations.
VERTICAL LOCKUP
8
HORIZONTAL LOCKUP
SYMBOL
WORDMARK
9
WE UNDERSTAND THAT OUR VOCATION IS BIGGER THAN OUR OCCUPATION.
10
11
WE UNDERSTAND THAT OUR VOCATION IS BIGGER THAN OUR OCCUPATION.
10
11
ROOM TO BREATHE. To protect the clarity and visual integrity of our logo, it has a clear space that must be maintained in all creatives.
12
13
ROOM TO BREATHE. To protect the clarity and visual integrity of our logo, it has a clear space that must be maintained in all creatives.
12
13
The vertical lock up must have a clear space of at least the height of two Ks on all sides, and one K between the symbol and wordmark.
HORIZONTAL LOCKUP
14
The horizontal lock up must have a clear space of at least the height of two Ks (from the wordmark) on all sides, and two Ks between the symbol and wordmark.
VERTICAL LOCKUP
15
The vertical lock up must have a clear space of at least the height of two Ks on all sides, and one K between the symbol and wordmark.
HORIZONTAL LOCKUP
14
The horizontal lock up must have a clear space of at least the height of two Ks (from the wordmark) on all sides, and two Ks between the symbol and wordmark.
VERTICAL LOCKUP
15
When using the symbol independently, there must be a clear space of at least the height of two Ks on all sides.
SYMBOL
16
When using the wordmark independently, there must be a clear space of at least the height of two Ks on all sides.
WORDMARK
17
When using the symbol independently, there must be a clear space of at least the height of two Ks on all sides.
SYMBOL
16
When using the wordmark independently, there must be a clear space of at least the height of two Ks on all sides.
WORDMARK
17
WE ARE COMMITTED TO GROWTH. WE DO NOT TOLERATE STAGNANCY.
18
19
WE ARE COMMITTED TO GROWTH. WE DO NOT TOLERATE STAGNANCY.
18
19
DO’S AND DON’TS. We are not ‘rules and regulations’ kind of people, nonetheless here are some examples of what we think is cool and what is not.
20
21
DO’S AND DON’TS. We are not ‘rules and regulations’ kind of people, nonetheless here are some examples of what we think is cool and what is not.
20
21
A. As far as possible, use the logo on white or neutral backgrounds.
F. Don’t ever use the coloured logo on colours that are too similar to it.
J & K. Don’t rotate or warp the logo in any way.
O. Don’t ever let the dots sit on top of the stroke.
B & C. When white is not possible, we prefer to use the logo on the prescribed self colours.
G. Don’t use inverse the logo colours.
L. Don’t add shadows or embellishments to the logo.
P & Q. Our logo is incomplete without both elements. Don’t use the stroke and dots independently.
D & E. On all other colours, use the single colour logo (grey on light colours and white on dark colours).
22
H. Don’t pick new colours for the logo. In case of visibility issues, use one of the prescribed variations (see page 22).
M & N. Our logo uses a fixed 5-Dot Grid (see page 38). Don’t add or remove any dots.
I. Don’t let the logo sit on busy images or backgrounds that compromise its visibility.
R. When using the full logotype, always ensure that the dots and wordmark are the same colour.
A
B
C
J
K
L
D
E
F
M
N
O
G
H
I
P
Q
R
23
A. As far as possible, use the logo on white or neutral backgrounds.
F. Don’t ever use the coloured logo on colours that are too similar to it.
J & K. Don’t rotate or warp the logo in any way.
O. Don’t ever let the dots sit on top of the stroke.
B & C. When white is not possible, we prefer to use the logo on the prescribed self colours.
G. Don’t use inverse the logo colours.
L. Don’t add shadows or embellishments to the logo.
P & Q. Our logo is incomplete without both elements. Don’t use the stroke and dots independently.
D & E. On all other colours, use the single colour logo (grey on light colours and white on dark colours).
22
H. Don’t pick new colours for the logo. In case of visibility issues, use one of the prescribed variations (see page 22).
M & N. Our logo uses a fixed 5-Dot Grid (see page 38). Don’t add or remove any dots.
I. Don’t let the logo sit on busy images or backgrounds that compromise its visibility.
R. When using the full logotype, always ensure that the dots and wordmark are the same colour.
A
B
C
J
K
L
D
E
F
M
N
O
G
H
I
P
Q
R
23
WE ARE COMMITTED TO HEALTHY CREATING.
24
25
WE ARE COMMITTED TO HEALTHY CREATING.
24
25
KOMMUNE LOVES TWOTONE.
26
27
KOMMUNE LOVES TWOTONE.
26
27
These are our logo colours.
KOMMUNE GREY (USED FOR GRID) PANTONE | #231C34 C 0 | M 0 | Y 0 | K 90 R 60 | G 60 | B 59
28
KOMMUNE ORANGE (USED FOR STROKE) PANTONE | #EA5732 C 0 | M 77 | Y 82 | K 0 R 234 | G 87 | B 51
However, white is an important part of our colour hierarchy. It is a constant that must appear in any and all Kommune visual communication.
We hate black! We use Kommune grey to replace all black requirements.
WHITE PANTONE | #231C34 C0|M0|Y0|K0 R0|G0|B0
KOMMUNE GREY PANTONE | #231C34 C 0 | M 0 | Y 0 | K 90 R 60 | G 60 | B 59
29
These are our logo colours.
KOMMUNE GREY (USED FOR GRID) PANTONE | #231C34 C 0 | M 0 | Y 0 | K 90 R 60 | G 60 | B 59
28
KOMMUNE ORANGE (USED FOR STROKE) PANTONE | #EA5732 C 0 | M 77 | Y 82 | K 0 R 234 | G 87 | B 51
However, white is an important part of our colour hierarchy. It is a constant that must appear in any and all Kommune visual communication.
We hate black! We use Kommune grey to replace all black requirements.
WHITE PANTONE | #231C34 C0|M0|Y0|K0 R0|G0|B0
KOMMUNE GREY PANTONE | #231C34 C 0 | M 0 | Y 0 | K 90 R 60 | G 60 | B 59
29
Kommune communication and brand extension can use a variety of colours. While white and Kommune Grey remain standard across creatives, Kommune has
BUT WE AREN’T AFRAID OF COLOUR.
30
seven highlight colours that can be used individually or in pairs. *NOTE: The coloured logo will only ever be Kommune Grey and Kommune Orange.
WHITE PANTONE | #231C34 C0|M0|Y0|K0 R0|G0|B0
KOMMUNE GREY PANTONE | #231C34 C 0 | M 0 | Y 0 | K 90 R 60 | G 60 | B 59
KOMMUNE ORANGE PANTONE | #EA5732 C 0 | M 77 | Y 82 | K 0 R 234 | G 87 | B 51
MUSTARD PANTONE | #231C34 C 0 | M 43 | Y 93 | K 0 R0|G0|B0
CARDINAL RED PANTONE | #231C34 C 7 | M 96 | Y 90 | K 1 R0|G0|B0
PLUM PANTONE | #231C34 C 39 | M 91 | Y 0 | K 0 R0|G0|B0
SEA GREEN PANTONE | #231C34 C 67 | M 0 | Y 39 | K 0 R0|G0|B0
CERULEAN PANTONE | #231C34 C 78 | M 49 | Y 0 | K 0 R0|G0|B0
GRAPE PANTONE | #231C34 C 93 | M 96 | Y 0 | K 0 R0|G0|B0
31
Kommune communication and brand extension can use a variety of colours. While white and Kommune Grey remain standard across creatives, Kommune has
BUT WE AREN’T AFRAID OF COLOUR.
30
seven highlight colours that can be used individually or in pairs. *NOTE: The coloured logo will only ever be Kommune Grey and Kommune Orange.
WHITE PANTONE | #231C34 C0|M0|Y0|K0 R0|G0|B0
KOMMUNE GREY PANTONE | #231C34 C 0 | M 0 | Y 0 | K 90 R 60 | G 60 | B 59
KOMMUNE ORANGE PANTONE | #EA5732 C 0 | M 77 | Y 82 | K 0 R 234 | G 87 | B 51
MUSTARD PANTONE | #231C34 C 0 | M 43 | Y 93 | K 0 R0|G0|B0
CARDINAL RED PANTONE | #231C34 C 7 | M 96 | Y 90 | K 1 R0|G0|B0
PLUM PANTONE | #231C34 C 39 | M 91 | Y 0 | K 0 R0|G0|B0
SEA GREEN PANTONE | #231C34 C 67 | M 0 | Y 39 | K 0 R0|G0|B0
CERULEAN PANTONE | #231C34 C 78 | M 49 | Y 0 | K 0 R0|G0|B0
GRAPE PANTONE | #231C34 C 93 | M 96 | Y 0 | K 0 R0|G0|B0
31
32
When our colours are used individually, they must be paired with white.
Along with white and one of the colours, creatives can also use the Kommune grey.
EXAMPLE:
EXAMPLE:
33
32
When our colours are used individually, they must be paired with white.
Along with white and one of the colours, creatives can also use the Kommune grey.
EXAMPLE:
EXAMPLE:
33
Our colours can also work in pairs, as long as there is also white.
Similarly, Kommune grey can also be used with these combinations.
COMMUNITY
34
NETWORK
35
Our colours can also work in pairs, as long as there is also white.
Similarly, Kommune grey can also be used with these combinations.
COMMUNITY
34
NETWORK
35
WE RECOGNIZE THAT HEALTHY CREATING WILL COME OUT OF VIBRANT RELATIONSHIPS.
36
37
WE RECOGNIZE THAT HEALTHY CREATING WILL COME OUT OF VIBRANT RELATIONSHIPS.
36
37
CONNECT THE DOTS. The Kommune visual language is recognizable and distinct due to the elements that come together to create it. This is a toolbox of graphic devices and iconography that are used to extend the Kommune style.
38
39
CONNECT THE DOTS. The Kommune visual language is recognizable and distinct due to the elements that come together to create it. This is a toolbox of graphic devices and iconography that are used to extend the Kommune style.
38
39
The 5-Dot Grid is the iconic set of ‘pebbles’ in our logo. It represents the dots that Kommune connects.
Our 5-Dot Grid acts as a holding shape for our values and beliefs.
It is made of 5 imperfect circles that come together in a unique matrix.
WE CALL THIS THE 5-DOT GRID.
40
PLACE YOUR IMAGINATION HERE
41
The 5-Dot Grid is the iconic set of ‘pebbles’ in our logo. It represents the dots that Kommune connects.
Our 5-Dot Grid acts as a holding shape for our values and beliefs.
It is made of 5 imperfect circles that come together in a unique matrix.
WE CALL THIS THE 5-DOT GRID.
40
PLACE YOUR IMAGINATION HERE
41
It stands for our community.
42
It symbolizes our network.
43
It stands for our community.
42
It symbolizes our network.
43
It is a space that holds anything representative of Kommune’s DNA.
Icons can be simplistic or complex, as long as they resonate with the Kommune brand. When creating Kommune icons, remember to stay within the grid and connect the dots.
44
OUTREACH
PLATFORM
INTERCONNECTED
INFINITE
NON HIERARCHICAL
SPRINGBOARD
Don’t use strokes that don’t connect the dots.
While the connecting stroke can take on grey, white, or any of our 7 brand colours, the 5-Dot Grid must always be Kommune Grey or white. (See page 74 for print, and page 103 for digital specifications of our brand colours)
Don’t let the grid sit on top of the stroke.
The grid and stroke should never be the same colour.
45
It is a space that holds anything representative of Kommune’s DNA.
Icons can be simplistic or complex, as long as they resonate with the Kommune brand. When creating Kommune icons, remember to stay within the grid and connect the dots.
44
OUTREACH
PLATFORM
INTERCONNECTED
INFINITE
NON HIERARCHICAL
SPRINGBOARD
Don’t use strokes that don’t connect the dots.
While the connecting stroke can take on grey, white, or any of our 7 brand colours, the 5-Dot Grid must always be Kommune Grey or white. (See page 74 for print, and page 103 for digital specifications of our brand colours)
Don’t let the grid sit on top of the stroke.
The grid and stroke should never be the same colour.
45
It is a vast matrix of imperfect dots, derived from the 5-Dot Grid. It is a crucial part of our visual language and we use it on almost every creative.
THIS IS THE COMPLETE GRID.
47
46
It is a vast matrix of imperfect dots, derived from the 5-Dot Grid. It is a crucial part of our visual language and we use it on almost every creative.
THIS IS THE COMPLETE GRID.
46
It can be used in patches...
48
...or across an entire space.
49
It can be used in patches...
48
...or across an entire space.
49
50
To maintain consistency across our media, we use it in 3 fixed sizes.
We love to have fun with our dots, so feel free to run wild with their application.
Our only rule is that our dots should always form a grid, never random scatters.
FINE
OVER AN IMAGE
INTERACT WITH IMAGE
MEDIUM
INTERESTING TRANSPARENCY
BLOCKED OUT FOR TEXT
CHUNKY
CONNECTED
RANDOM SCATTERS
51
50
To maintain consistency across our media, we use it in 3 fixed sizes.
We love to have fun with our dots, so feel free to run wild with their application.
Our only rule is that our dots should always form a grid, never random scatters.
FINE
OVER AN IMAGE
INTERACT WITH IMAGE
MEDIUM
INTERESTING TRANSPARENCY
BLOCKED OUT FOR TEXT
CHUNKY
CONNECTED
RANDOM SCATTERS
51
We use our highlights to make people listen. Use them sparingly and intelligently. We have 4 different types of highlights. They should be appropriately adjusted to fit the text they are highlighting.
While our highlights can be any of the 7 brand colours, remember to use the colour pairing system (see page 30) when using them on text that is neither white nor Kommune Grey. (See page 74 for print, and page 103 for digital specifications of our brand colours.)
HIGHLIGHT THE IMPORTANT STUFF.
52
53
We use our highlights to make people listen. Use them sparingly and intelligently. We have 4 different types of highlights. They should be appropriately adjusted to fit the text they are highlighting.
While our highlights can be any of the 7 brand colours, remember to use the colour pairing system (see page 30) when using them on text that is neither white nor Kommune Grey. (See page 74 for print, and page 103 for digital specifications of our brand colours.)
HIGHLIGHT THE IMPORTANT STUFF.
52
53
Our highlights are used to make a statement or drive home a point. This must always be used in conjunction with intelligent copy.
54
We also use highlights to pick out a “secret� or underlying message. Use with discretion.
55
Our highlights are used to make a statement or drive home a point. This must always be used in conjunction with intelligent copy.
54
We also use highlights to pick out a “secret� or underlying message. Use with discretion.
55
WE ARE FOCUSED, CURIOUS AND PASSIONATE ABOUT LIFE, BECAUSE LIFE IS ART.
56
57
WE ARE FOCUSED, CURIOUS AND PASSIONATE ABOUT LIFE, BECAUSE LIFE IS ART.
56
57
FONTS & TYPOGRAPHY. Kommune’s font pairing is pre-selected. New fonts should not be introduced or used in any Kommune communication. To maintain our distinct look and feel, our typographical heirarchy must be maintained across creatives.
58
59
FONTS & TYPOGRAPHY. Kommune’s font pairing is pre-selected. New fonts should not be introduced or used in any Kommune communication. To maintain our distinct look and feel, our typographical heirarchy must be maintained across creatives.
58
59
QUICKSAND BOLD WE ARE BRILLIANT AT WHAT WE DO, BUT WHAT WE DO DOES NOT DEFINE US.
THIS IS QUICKSAND.
QUICKSAND BOLD OBLIQUE WE ARE BRILLIANT AT WHAT WE DO, BUT WHAT WE DO DOES NOT DEFINE US. QUICKSAND BOOK WE ARE BRILLIANT AT WHAT WE DO, BUT WHAT WE DO DOES NOT DEFINE US. QUICKSAND BOOK OBLIQUE WE ARE BRILLIANT AT WHAT WE DO, BUT WHAT WE DO DOES NOT DEFINE US. QUICKSAND LIGHT WE ARE BRILLIANT AT WHAT WE DO, BUT WHAT WE DO DOES NOT DEFINE US. QUICKSAND LIGHT OBLIQUE WE ARE BRILLIANT AT WHAT WE DO, BUT WHAT WE DO DOES NOT DEFINE US.
60
61
QUICKSAND BOLD WE ARE BRILLIANT AT WHAT WE DO, BUT WHAT WE DO DOES NOT DEFINE US.
THIS IS QUICKSAND.
QUICKSAND BOLD OBLIQUE WE ARE BRILLIANT AT WHAT WE DO, BUT WHAT WE DO DOES NOT DEFINE US. QUICKSAND BOOK WE ARE BRILLIANT AT WHAT WE DO, BUT WHAT WE DO DOES NOT DEFINE US. QUICKSAND BOOK OBLIQUE WE ARE BRILLIANT AT WHAT WE DO, BUT WHAT WE DO DOES NOT DEFINE US. QUICKSAND LIGHT WE ARE BRILLIANT AT WHAT WE DO, BUT WHAT WE DO DOES NOT DEFINE US. QUICKSAND LIGHT OBLIQUE WE ARE BRILLIANT AT WHAT WE DO, BUT WHAT WE DO DOES NOT DEFINE US.
60
61
AND THIS IS ASAP.
ASAP BOLD We create. Everyday. Not because we have to, but because we can’t help it. We empty ourselves because that’s what artists do. ASAP BOLD ITALIC We create. Everyday. Not because we have to, but because we can’t help it. We empty ourselves because that’s what artists do. ASAP REGULAR We create. Everyday. Not because we have to, but because we can’t help it. We empty ourselves because that’s what artists do. ASAP ITALIC We create. Everyday. Not because we have to, but because we can’t help it. We empty ourselves because that’s what artists do.
62
63
AND THIS IS ASAP.
ASAP BOLD We create. Everyday. Not because we have to, but because we can’t help it. We empty ourselves because that’s what artists do. ASAP BOLD ITALIC We create. Everyday. Not because we have to, but because we can’t help it. We empty ourselves because that’s what artists do. ASAP REGULAR We create. Everyday. Not because we have to, but because we can’t help it. We empty ourselves because that’s what artists do. ASAP ITALIC We create. Everyday. Not because we have to, but because we can’t help it. We empty ourselves because that’s what artists do.
62
63
We use Quicksand as our header or display font. We always use it in uppercase, and we always use it to send a message or make a statement.
ASAP is our body font. We use it in all weights for body copy, long copy small and sub text. Both our typefaces are web friendly.
We pick out the single most important message in our communication and give it centre stage.
(for more details on typographic hierarchy see page 82 (for print) and page 113 (for web)).
THIS IS OUR TYPOGRAPHIC HEIRARCHY. We like to use a massive headline with small body copy.
64
65
We use Quicksand as our header or display font. We always use it in uppercase, and we always use it to send a message or make a statement.
ASAP is our body font. We use it in all weights for body copy, long copy small and sub text. Both our typefaces are web friendly.
We pick out the single most important message in our communication and give it centre stage.
(for more details on typographic hierarchy see page 82 (for print) and page 113 (for web)).
THIS IS OUR TYPOGRAPHIC HEIRARCHY. We like to use a massive headline with small body copy.
64
65
THERE IS MORE TO LIFE THAT BEING A “COVER BAND”.
66
67
THERE IS MORE TO LIFE THAT BEING A “COVER BAND”.
66
67
IMAGERY & PHOTOGRAPHY. We use photography to tell a story. Kommune images are warm and real - they should look like vibrant stills from real life. We have four distinct ways of treating images used for Kommune communication: 1. Tight crops of “inspiring moments� 2. Colour overlays in brand colours 3. Stark colour:black ratio 4. Stark colour:white ratio
68
69
IMAGERY & PHOTOGRAPHY. We use photography to tell a story. Kommune images are warm and real - they should look like vibrant stills from real life. We have four distinct ways of treating images used for Kommune communication: 1. Tight crops of “inspiring moments� 2. Colour overlays in brand colours 3. Stark colour:black ratio 4. Stark colour:white ratio
68
69
These are examples of images we like. We like expressive shots, tight crops, quiet backgrounds that give focus to the person.
70
We like images that tell a story.
These are examples of images we don’t like. We don’t like stock photos because they look fake. We don’t like images that have busy backgrounds or multiple focus points.
We don’t like images that look too posed.
71
These are examples of images we like. We like expressive shots, tight crops, quiet backgrounds that give focus to the person.
70
We like images that tell a story.
These are examples of images we don’t like. We don’t like stock photos because they look fake. We don’t like images that have busy backgrounds or multiple focus points.
We don’t like images that look too posed.
71
1. Our imagery makes a statement. We use images that are vibrant and in-the-moment.
72
Photographs used for Kommune communication should never feel posed or like stock.
2. To evoke more of a brand feeling, we sometimes treat our images with a colour overlay in one of our brand colours.
73
1. Our imagery makes a statement. We use images that are vibrant and in-the-moment.
72
Photographs used for Kommune communication should never feel posed or like stock.
2. To evoke more of a brand feeling, we sometimes treat our images with a colour overlay in one of our brand colours.
73
3. To create a larger colour patch, first cut out the image and de-saturate it before multiplying it over the colour.
74
over a large coloured area. This works best with stark and clearly defined edges or borders.
4. To create a larger white patch, only apply the colour overlay to the cut out.
75
3. To create a larger colour patch, first cut out the image and de-saturate it before multiplying it over the colour.
74
over a large coloured area. This works best with stark and clearly defined edges or borders.
4. To create a larger white patch, only apply the colour overlay to the cut out.
75
PRINT TOOLKIT.
76
074. COLOURS (CMYK) 079 LAYOUTS 080. Grid System (Portrait) 082. Typographic Hierarchy 090. Grid System (Landscape) 093. STATIONERY 097. MERCHANDISE
77
PRINT TOOLKIT.
76
074. COLOURS (CMYK) 079 LAYOUTS 080. Grid System (Portrait) 082. Typographic Hierarchy 090. Grid System (Landscape) 093. STATIONERY 097. MERCHANDISE
77
TRY THIS ON FOR SIZE.
78
79
TRY THIS ON FOR SIZE.
78
79
To maintain legibility on print, the Kommune logo variations, horizontal and vertical have fixed minimum sizes. This is the smallest size that the Kommune full logotype should ever appear.
80
Our logo minimum sizes differ for digital media. For digital specifications please see page __
For print usage smaller than 6.5mm and 5mm height, please use the symbol and wordmark separately. These have a smaller minimum height.
Our symbol and wordmark minimum sizes differ for digital media. For digital specifications please see page __
6.5mm height
4mm height
5 mm height
1mm height
81
To maintain legibility on print, the Kommune logo variations, horizontal and vertical have fixed minimum sizes. This is the smallest size that the Kommune full logotype should ever appear.
80
Our logo minimum sizes differ for digital media. For digital specifications please see page __
For print usage smaller than 6.5mm and 5mm height, please use the symbol and wordmark separately. These have a smaller minimum height.
Our symbol and wordmark minimum sizes differ for digital media. For digital specifications please see page __
6.5mm height
4mm height
5 mm height
1mm height
81
WE KNOW THAT THE GOAL IS TO ACT ON THE BEST IDEA, WHETHER OR NOT IT’S OUR OWN.
82
83
WE KNOW THAT THE GOAL IS TO ACT ON THE BEST IDEA, WHETHER OR NOT IT’S OUR OWN.
82
83
KOMMUNE IN PRINT.
84
85
KOMMUNE IN PRINT.
84
85
Our palette for print and digital is the same, but its values are different.
THESE ARE OUR COLOURS FOR PRINT.
86
(Our colour values are different for digital applications. For RGB, please see page 103)
WHITE C0|M0|Y0|K0
KOMMUNE GREY PANTONE 477C C 0 | M 0 | Y 0 | K 90
KOMMUNE ORANGE PANTONE 171C C 0 | M 77 | Y 82 | K 0
MUSTARD tPANTONE 137C C 0 | M 43 | Y 93 | K 0
CARDINAL RED PANTONE 1795C C 7 | M 96 | Y 90 | K 1
PLUM PANTONE 253C C 39 | M 91 | Y 0 | K 0
SEA GREEN PANTONE 7465C C 67 | M 0 | Y 39 | K 0
CERULEAN PANTONE 660C C 78 | M 49 | Y 0 | K 0
GRAPE PANTONE 2735C C 93 | M 96 | Y 0 | K 0
87
Our palette for print and digital is the same, but its values are different.
THESE ARE OUR COLOURS FOR PRINT.
86
(Our colour values are different for digital applications. For RGB, please see page 103)
WHITE C0|M0|Y0|K0
KOMMUNE GREY PANTONE 477C C 0 | M 0 | Y 0 | K 90
KOMMUNE ORANGE PANTONE 171C C 0 | M 77 | Y 82 | K 0
MUSTARD tPANTONE 137C C 0 | M 43 | Y 93 | K 0
CARDINAL RED PANTONE 1795C C 7 | M 96 | Y 90 | K 1
PLUM PANTONE 253C C 39 | M 91 | Y 0 | K 0
SEA GREEN PANTONE 7465C C 67 | M 0 | Y 39 | K 0
CERULEAN PANTONE 660C C 78 | M 49 | Y 0 | K 0
GRAPE PANTONE 2735C C 93 | M 96 | Y 0 | K 0
87
WE BUILD PEOPLE UP, EVEN WHEN THEY DON’T RECIPROCATE.
88
89
WE BUILD PEOPLE UP, EVEN WHEN THEY DON’T RECIPROCATE.
88
89
PRINT LAYOUTS.
90
91
PRINT LAYOUTS.
90
91
To maintain visual consistency, all Kommune print communication and layouts follow the same horizontal grid.
While Kommune layouts are more flexible vertically, we use a 6 column grid with a column:gutter ratio of about 1:4
THIS IS OUR GRID SYSTEM.
92
93
To maintain visual consistency, all Kommune print communication and layouts follow the same horizontal grid.
While Kommune layouts are more flexible vertically, we use a 6 column grid with a column:gutter ratio of about 1:4
THIS IS OUR GRID SYSTEM.
92
93
Our print communication uses a distinct typographic hierarchy, of which there should never be more than 3 levels (Header, Body and Subtext) All of the text in both portrait and landscape orientations is left aligned and must never take the width of less than 2 or more than 5 columns.
THIS IS A HEADLINE.
94
A. Our header style, in Quicksand, is always displayed in a large point size and in upper case. It is usually a short and punchy phrase, sentence or word that either makes a statement or tells a story. This must always be followed by a period (or question mark in some cases) B. Next is our body copy. This could range from paragraphs of long copy to a few short words. It is always displayed in sentence case. The ratio of header to body copy will vary based on content, but a good rule of thumb is it should never be less than 2:1, and if achievable, 4:1 is perfect.
A
This is body copy or any additional information and gives context to the header.
B
This is subtext or any fine print information.
C
95
Our print communication uses a distinct typographic hierarchy, of which there should never be more than 3 levels (Header, Body and Subtext) All of the text in both portrait and landscape orientations is left aligned and must never take the width of less than 2 or more than 5 columns.
THIS IS A HEADLINE.
94
A. Our header style, in Quicksand, is always displayed in a large point size and in upper case. It is usually a short and punchy phrase, sentence or word that either makes a statement or tells a story. This must always be followed by a period (or question mark in some cases) B. Next is our body copy. This could range from paragraphs of long copy to a few short words. It is always displayed in sentence case. The ratio of header to body copy will vary based on content, but a good rule of thumb is it should never be less than 2:1, and if achievable, 4:1 is perfect.
A
This is body copy or any additional information and gives context to the header.
B
This is subtext or any fine print information.
C
95
Dot patches can be added anywhere on the creative, and can be vertical, horizontal, large or small.
THIS IS A HEADLINE. This is body copy or any additional information and gives context to the header.
This is subtext or any fine print information.
96
97
Dot patches can be added anywhere on the creative, and can be vertical, horizontal, large or small.
THIS IS A HEADLINE. This is body copy or any additional information and gives context to the header.
This is subtext or any fine print information.
96
97
Our logo usually sits in one of the corners, or aligns to the text. Text boxes can be moved around and readjusted to accommodate images / graphic devices as long as they still adhere to the guidelines.
THIS IS A HEADLINE.
THIS IS A HEADLINE.
THIS IS A HEADLINE. THIS IS A HEADLINE.
This is body copy or any additional information and gives context to the header.
THIS IS A HEADLINE. THIS IS A HEADLINE. THIS IS A HEADLINE. This is subtext or any fine print information.
98
99
Our logo usually sits in one of the corners, or aligns to the text. Text boxes can be moved around and readjusted to accommodate images / graphic devices as long as they still adhere to the guidelines.
THIS IS A HEADLINE.
THIS IS A HEADLINE.
THIS IS A HEADLINE. THIS IS A HEADLINE.
This is body copy or any additional information and gives context to the header.
THIS IS A HEADLINE. THIS IS A HEADLINE. THIS IS A HEADLINE. This is subtext or any fine print information.
98
99
We all have ideas.
But unless we share them, unless we stare them in the eye, unless we cajole them, coax them, unless we listen to them and make others listen too.
Unless we stand by their side, unless we work on them and chisel them out of the stone. They shall be stillborn, they will be mutilated, they will die, they will be mere Frankstein’s of thought.
GIVE BIRTH TO AN IDEA.
100
101
We all have ideas.
But unless we share them, unless we stare them in the eye, unless we cajole them, coax them, unless we listen to them and make others listen too.
Unless we stand by their side, unless we work on them and chisel them out of the stone. They shall be stillborn, they will be mutilated, they will die, they will be mere Frankstein’s of thought.
GIVE BIRTH TO AN IDEA.
100
101
Landscape oriented creatives follow the same typographical hierarchy. All of the text in landscape orientations must never take the width of less than 2 or more than 4 columns.
THIS IS A HEADLINE This is body copy or any additional information and gives context to the header. This is subtext or any fine print information
THIS IS A HEADLINE This is body copy or any additional information and gives context to the header.
This is subtext or any fine print information .
102
103
Landscape oriented creatives follow the same typographical hierarchy. All of the text in landscape orientations must never take the width of less than 2 or more than 4 columns.
THIS IS A HEADLINE This is body copy or any additional information and gives context to the header. This is subtext or any fine print information
THIS IS A HEADLINE This is body copy or any additional information and gives context to the header.
This is subtext or any fine print information .
102
103
We love to have fun with our layouts, and let each artwork speak for itself.
But remember to create consistency when making promotional communications for different sections within the same event.
CREATE VISUAL CONSISTENCY.
104
105
We love to have fun with our layouts, and let each artwork speak for itself.
But remember to create consistency when making promotional communications for different sections within the same event.
CREATE VISUAL CONSISTENCY.
104
105
When required, we can release a seasonal guide to events hosted by Kommune.
This can go up to an A3 size that folds down neatly to a pocket scheduler size.
THIS IS OUR PROGRAMME.
106
107
When required, we can release a seasonal guide to events hosted by Kommune.
This can go up to an A3 size that folds down neatly to a pocket scheduler size.
THIS IS OUR PROGRAMME.
106
107
WE RECOGNIZE THAT TO BE PROLIFIC FOR A LONG TIME INVOLVES INTENTIONALITY, CHOICE AND DISCIPLINE.
108
109
WE RECOGNIZE THAT TO BE PROLIFIC FOR A LONG TIME INVOLVES INTENTIONALITY, CHOICE AND DISCIPLINE.
108
109
STATIONERY & MERCHANDISE.
110
111
STATIONERY & MERCHANDISE.
110
111
Our visiting cards are only reproduced in the logo colours. However, they can take on any of the three combinations.
112
Ensure that the 5 Dot Grid and all text are only ever in white or Kommune Grey, never orange or any other colour.
113
Our visiting cards are only reproduced in the logo colours. However, they can take on any of the three combinations.
112
Ensure that the 5 Dot Grid and all text are only ever in white or Kommune Grey, never orange or any other colour.
113
114
115
114
115
DIGITAL TOOLKIT.
118
103. COLOURS (RGB) 107. 108. 113. 115. 116.
WEB Grid System Typographic Hierarchy Iconography & Favicon Button Styles
119
DIGITAL TOOLKIT.
118
103. COLOURS (RGB) 107. 108. 113. 115. 116.
WEB Grid System Typographic Hierarchy Iconography & Favicon Button Styles
119
SIZING GUIDE.
120
121
SIZING GUIDE.
120
121
To maintain legibility on digital media, the Kommune logo variations, horizontal and vertical have fixed minimum sizes.
Our logo minimum sizes differ for print. For print specifications please see page __
For digital usage smaller than 6.5mm and 5mm height, please use the symbol and wordmark separately. These have a smaller minimum height.
Our symbol and wordmark minimum sizes differ for print. For print specifications please see page __
This is the smallest size that the Kommune full logotype should ever appear.
40px height
30px height
122
15px height
4px height
123
To maintain legibility on digital media, the Kommune logo variations, horizontal and vertical have fixed minimum sizes.
Our logo minimum sizes differ for print. For print specifications please see page __
For digital usage smaller than 6.5mm and 5mm height, please use the symbol and wordmark separately. These have a smaller minimum height.
Our symbol and wordmark minimum sizes differ for print. For print specifications please see page __
This is the smallest size that the Kommune full logotype should ever appear.
40px height
30px height
122
15px height
4px height
123
WE ARE PROACTIVE AND RESPONSIBLE FOR OUR OWN CREATIVE HEALTH.
124
125
WE ARE PROACTIVE AND RESPONSIBLE FOR OUR OWN CREATIVE HEALTH.
124
125
KOMMUNE + RGB.
126
127
KOMMUNE + RGB.
126
127
Our palette for print and digital is the same, but its values are different.
THESE ARE OUR COLOURS FOR SCREEN.
128
(Our colour values are different for digital applications. For CMYK, please see page 74)
WHITE #231C34 R0|G0|B0
KOMMUNE GREY #231C34 R0|G0|B0
KOMMUNE ORANGE #231C34 R0|G0|B0
MUSTARD #231C34 R0|G0|B0
CARDINAL RED #231C34 R0|G0|B0
PLUM #231C34 R0|G0|B0
SEA GREEN #231C34 R0|G0|B0
CERULEAN #231C34 R0|G0|B0
GRAPE #231C34 R0|G0|B0
129
Our palette for print and digital is the same, but its values are different.
THESE ARE OUR COLOURS FOR SCREEN.
128
(Our colour values are different for digital applications. For CMYK, please see page 74)
WHITE #231C34 R0|G0|B0
KOMMUNE GREY #231C34 R0|G0|B0
KOMMUNE ORANGE #231C34 R0|G0|B0
MUSTARD #231C34 R0|G0|B0
CARDINAL RED #231C34 R0|G0|B0
PLUM #231C34 R0|G0|B0
SEA GREEN #231C34 R0|G0|B0
CERULEAN #231C34 R0|G0|B0
GRAPE #231C34 R0|G0|B0
129
WE ARE ALWAYS LOOKING FOR IDEAS.
130
131
WE ARE ALWAYS LOOKING FOR IDEAS.
130
131
WWW.
132
133
WWW.
132
133
THIS IS OUR GRID SYSTEM.
134
135
THIS IS OUR GRID SYSTEM.
134
135
For web we use a 12 column grid with the following specifications: A. Total width: 1170px B. Container width: 960px C. Margin width: 105px D. Column width: 69px E. Gutter width 12px.
We use our wider margin space for full bleed images and sliders. This is the only time that content must ever leave the 960 container.
To maintain consistency across pages of our website, we use the following breakups of content.
While the layout is very flexible vertically, it must follow the grid system horizontally in all cases.
A
B
C
D
E
136
137
For web we use a 12 column grid with the following specifications: A. Total width: 1170px B. Container width: 960px C. Margin width: 105px D. Column width: 69px E. Gutter width 12px.
We use our wider margin space for full bleed images and sliders. This is the only time that content must ever leave the 960 container.
To maintain consistency across pages of our website, we use the following breakups of content.
While the layout is very flexible vertically, it must follow the grid system horizontally in all cases.
A
B
C
D
E
136
137
Our typefaces remain consistent across web, however our typographic hierarchy changes slightly. A. Header 1: Quicksand Regular | 40 - 50px B. Header 2: Quicksand Regular | 24 - 46px
D. Default Body Copy: ASAP Regular | 12 px E. Small Text: ASAP Regular | 10px F. Sub Text: ASAP Regular | 8px
C. Sub Header: Quicksand Regular | 12 - 16px
HEADER 1 HEADER 2 SUB HEADER Default Body Copy Small Text Sub Text
138
139
Our typefaces remain consistent across web, however our typographic hierarchy changes slightly. A. Header 1: Quicksand Regular | 40 - 50px B. Header 2: Quicksand Regular | 24 - 46px
D. Default Body Copy: ASAP Regular | 12 px E. Small Text: ASAP Regular | 10px F. Sub Text: ASAP Regular | 8px
C. Sub Header: Quicksand Regular | 12 - 16px
HEADER 1 HEADER 2 SUB HEADER Default Body Copy Small Text Sub Text
138
139
Icon sets and Favicons must only be in grey if against white and in white if against darker colours/grey with subtle orange highlights.
Button styles
INACTIVE / STATIC
ACTIVE
DEFAULT BUTTON (GREY)
DEFAULT BUTTON (ORANGE)
GREEN BUTTONS
RED BUTTONS
140
141
Icon sets and Favicons must only be in grey if against white and in white if against darker colours/grey with subtle orange highlights.
Button styles
INACTIVE / STATIC
ACTIVE
DEFAULT BUTTON (GREY)
DEFAULT BUTTON (ORANGE)
GREEN BUTTONS
RED BUTTONS
140
141
Loading time animation
0%
35%
42%
76%
100%
142
143
Loading time animation
0%
35%
42%
76%
100%
142
143
WE ARE ALWAYS LOOKING FOR IDEAS.
144
145
WE ARE ALWAYS LOOKING FOR IDEAS.
144
145
TEMPLATES
146
147
TEMPLATES
146
147
For all video footage, Kommune uses a standard set of 3 supers. These should be used when the media is produced by Kommune as well as third party media that collaborates with Kommune.
BACKGROUND AT FULL OPACITY
148
We have 3 differently coloured supers, each with 2 varying transparancies. All variants use the full logo in vertical stack.
The coloured background must be 100% of the video dimension. The Logo must be 25% of its height, centered vertically and horizontally.
For video tags (visible througout video) the tag height should be 20% of the total height and sit 20% from the bottom, attached to the left.
BACKGROUND AT 70%
149
For all video footage, Kommune uses a standard set of 3 supers. These should be used when the media is produced by Kommune as well as third party media that collaborates with Kommune.
BACKGROUND AT FULL OPACITY
148
We have 3 differently coloured supers, each with 2 varying transparancies. All variants use the full logo in vertical stack.
The coloured background must be 100% of the video dimension. The Logo must be 25% of its height, centered vertically and horizontally.
For video tags (visible througout video) the tag height should be 20% of the total height and sit 20% from the bottom, attached to the left.
BACKGROUND AT 70%
149
For all primary Kommune footage and promotions (i.e. directed to the consumer), the white super must be used.
150
Use the 70% transparancy background when the super is placed on top of video footage.
For all primary Kommune footage and promotions (i.e. directed to the consumer), the white video tag must be used.
151
For all primary Kommune footage and promotions (i.e. directed to the consumer), the white super must be used.
150
Use the 70% transparancy background when the super is placed on top of video footage.
For all primary Kommune footage and promotions (i.e. directed to the consumer), the white video tag must be used.
151
For Media that is directly aimed at the Kommune creator, the orange super must be used.
152
Use the 70% transparancy background when the super is placed on top of video footage.
For Media that is directly aimed at the Kommune creator, the orange video tag must be used.
153
For Media that is directly aimed at the Kommune creator, the orange super must be used.
152
Use the 70% transparancy background when the super is placed on top of video footage.
For Media that is directly aimed at the Kommune creator, the orange video tag must be used.
153
For Media that is directly aimed at the Kommune collaborator, the grey super must be used.
154
Use the 70% transparancy background when the super is placed on top of video footage.
For Media that is directly aimed at the Kommune collaborator, the grey video tag must be used.
155
For Media that is directly aimed at the Kommune collaborator, the grey super must be used.
154
Use the 70% transparancy background when the super is placed on top of video footage.
For Media that is directly aimed at the Kommune collaborator, the grey video tag must be used.
155
For all primary Kommune presentations, (i.e. directed to the consumer), the white template must be used.
There are 2 different front page styles, the first for pure brand centric presentations, the second for presentations with a distinct subject or headline.
All inner pages must have the Kommune symbol in the top right.
Below is the template for section breakers and genereal inner pages.
SECTION HEADER GOES HERE.
PAGE HEADER GOES HERE. This is body copy. Nimolore hendae num volles re sapero doluptatus et fuga. Abor moluptatem quibus ipis nonectae veliqui dis aut dolor sandemperum qui aceperum quia sequiae ipit, alistrum velliquidem entiatibus estium eliqui sed qui optatione abo. Ut intion re dolore volore nitatae ctatur accumqu idellaborrum fugitatet pa duciendae et duntota voluptatem. Tem. Nempo-
MAIN HEADER GOES HERE.
156
reiur sequi optatur? Ipsam ut aci delignam, quist et latus dolori officae corestiam, nonsequam voluptatur accabor sa vellabo repratur? Quia et volupti demporerrum fugitatis sus eosaerro cum vendera dolupta tendellaut issitiae antur sunt endam eturemque diatem aspero quas ilitis commossumque cuptiaecus.
157
For all primary Kommune presentations, (i.e. directed to the consumer), the white template must be used.
There are 2 different front page styles, the first for pure brand centric presentations, the second for presentations with a distinct subject or headline.
All inner pages must have the Kommune symbol in the top right.
Below is the template for section breakers and genereal inner pages.
SECTION HEADER GOES HERE.
PAGE HEADER GOES HERE. This is body copy. Nimolore hendae num volles re sapero doluptatus et fuga. Abor moluptatem quibus ipis nonectae veliqui dis aut dolor sandemperum qui aceperum quia sequiae ipit, alistrum velliquidem entiatibus estium eliqui sed qui optatione abo. Ut intion re dolore volore nitatae ctatur accumqu idellaborrum fugitatet pa duciendae et duntota voluptatem. Tem. Nempo-
MAIN HEADER GOES HERE.
156
reiur sequi optatur? Ipsam ut aci delignam, quist et latus dolori officae corestiam, nonsequam voluptatur accabor sa vellabo repratur? Quia et volupti demporerrum fugitatis sus eosaerro cum vendera dolupta tendellaut issitiae antur sunt endam eturemque diatem aspero quas ilitis commossumque cuptiaecus.
157
For presentations directly aimed at the Kommune creator, the orange template must be used.
There are 2 different front page styles, the first for pure brand centric presentations, the second for presentations with a distinct subject or headline.
All inner pages must have the Kommune symbol in the top right.
Below is the template for section breakers and genereal inner pages.
SECTION HEADER GOES HERE.
PAGE HEADER GOES HERE. This is body copy. Nimolore hendae num volles re sapero doluptatus et fuga. Abor moluptatem quibus ipis nonectae veliqui dis aut dolor sandemperum qui aceperum quia sequiae ipit, alistrum velliquidem entiatibus estium eliqui sed qui optatione abo. Ut intion re dolore volore nitatae ctatur accumqu idellaborrum fugitatet pa duciendae et duntota voluptatem. Tem. Nempo-
MAIN HEADER GOES HERE.
158
reiur sequi optatur? Ipsam ut aci delignam, quist et latus dolori officae corestiam, nonsequam voluptatur accabor sa vellabo repratur? Quia et volupti demporerrum fugitatis sus eosaerro cum vendera dolupta tendellaut issitiae antur sunt endam eturemque diatem aspero quas ilitis commossumque cuptiaecus.
159
For presentations directly aimed at the Kommune creator, the orange template must be used.
There are 2 different front page styles, the first for pure brand centric presentations, the second for presentations with a distinct subject or headline.
All inner pages must have the Kommune symbol in the top right.
Below is the template for section breakers and genereal inner pages.
SECTION HEADER GOES HERE.
PAGE HEADER GOES HERE. This is body copy. Nimolore hendae num volles re sapero doluptatus et fuga. Abor moluptatem quibus ipis nonectae veliqui dis aut dolor sandemperum qui aceperum quia sequiae ipit, alistrum velliquidem entiatibus estium eliqui sed qui optatione abo. Ut intion re dolore volore nitatae ctatur accumqu idellaborrum fugitatet pa duciendae et duntota voluptatem. Tem. Nempo-
MAIN HEADER GOES HERE.
158
reiur sequi optatur? Ipsam ut aci delignam, quist et latus dolori officae corestiam, nonsequam voluptatur accabor sa vellabo repratur? Quia et volupti demporerrum fugitatis sus eosaerro cum vendera dolupta tendellaut issitiae antur sunt endam eturemque diatem aspero quas ilitis commossumque cuptiaecus.
159
For presentations directly aimed at the Kommune collaborator, the grey template must be used.
There are 2 different front page styles, the first for pure brand centric presentations, the second for presentations with a distinct subject or headline.
All inner pages must have the Kommune symbol in the top right.
Below is the template for section breakers and genereal inner pages.
SECTION HEADER GOES HERE.
PAGE HEADER GOES HERE. This is body copy. Nimolore hendae num volles re sapero doluptatus et fuga. Abor moluptatem quibus ipis nonectae veliqui dis aut dolor sandemperum qui aceperum quia sequiae ipit, alistrum velliquidem entiatibus estium eliqui sed qui optatione abo. Ut intion re dolore volore nitatae ctatur accumqu idellaborrum fugitatet pa duciendae et duntota voluptatem. Tem. Nempo-
MAIN HEADER GOES HERE.
160
reiur sequi optatur? Ipsam ut aci delignam, quist et latus dolori officae corestiam, nonsequam voluptatur accabor sa vellabo repratur? Quia et volupti demporerrum fugitatis sus eosaerro cum vendera dolupta tendellaut issitiae antur sunt endam eturemque diatem aspero quas ilitis commossumque cuptiaecus.
161
For presentations directly aimed at the Kommune collaborator, the grey template must be used.
There are 2 different front page styles, the first for pure brand centric presentations, the second for presentations with a distinct subject or headline.
All inner pages must have the Kommune symbol in the top right.
Below is the template for section breakers and genereal inner pages.
SECTION HEADER GOES HERE.
PAGE HEADER GOES HERE. This is body copy. Nimolore hendae num volles re sapero doluptatus et fuga. Abor moluptatem quibus ipis nonectae veliqui dis aut dolor sandemperum qui aceperum quia sequiae ipit, alistrum velliquidem entiatibus estium eliqui sed qui optatione abo. Ut intion re dolore volore nitatae ctatur accumqu idellaborrum fugitatet pa duciendae et duntota voluptatem. Tem. Nempo-
MAIN HEADER GOES HERE.
160
reiur sequi optatur? Ipsam ut aci delignam, quist et latus dolori officae corestiam, nonsequam voluptatur accabor sa vellabo repratur? Quia et volupti demporerrum fugitatis sus eosaerro cum vendera dolupta tendellaut issitiae antur sunt endam eturemque diatem aspero quas ilitis commossumque cuptiaecus.
161
WE ARE COMMITTED TO BRINGING OURSELVES FULLY TO OUR LIFE AND ART. AND AS WE DO THIS, THE WORLD AROUND US WILL CHANGE.
WE ARE COMMITTED TO BRINGING OURSELVES FULLY TO OUR LIFE AND ART. AND AS WE DO THIS, THE WORLD AROUND US WILL CHANGE.
164