Kommune - Brand Identity Toolkit

Page 1

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


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.