Skip to main content

Design Guide 2 - How we look

Page 1

Design guide 2

How we look DE SIG N G UIDE

1

V ER SION 2


“Psst, we’ve got a new name and design profile. The following pages will tell you all about it, where to find it and how to use it”

R A NUM

2

EF TER SKOL E COL L EG E


1. INTRODUCTION

4

QUICK GUIDE

10

2. OUR VALUES

14

3. OUR CONCEPT

22

4. OUR LOGO

30

5. OUR COLOURS 38 6. OUR T YPOGRAPHY

48

7. OUR PICTURES

54

8. GRAPHIC DEVICES

108

9. L AYOUTS & GRIDS

120

10. E XAMPLES

124

DE SIG N G UIDE

3

V ER SION 2


N A ME OF THE A RTICL E 路 N A ME OF THE AU THOR

R A NUM

4

EF TER SKOL E COL L EG E


Introduction 1.1 BACKGROUND

6

1.2 WHY, WHO, WHAT, WHERE & HOW?

8

DE SIG N G UIDE

5

V ER SION 2


N A ME 1OF . INTRODUC THE A RTICL TION E 路路 N1 .1A ME BACKG OF ROUND THE AU THOR

Background

R A NUM

6

EF TER SKOL E COL L EG E


This document gives you an overview of Ranum Efterskole College’s* new logo and design profile. It is the result of seven months design and development, involving past and current students, their parents and employees. It is a collective impression of how our school will be portrayed in the coming years, reflecting and strengthening our ongoing focus on the international arena.

* We’ve changed our name to Ranum Efterskole College to accommodate the rest of the world

It is a set of guidelines and tools with an aim to both support and inspire each individuals desire to create.

DE SIGDE N GSIG UIDEL N G UIDE INE S

7

V ER SION 2


1 . INTRODUC TION 路 1 . 2 W H Y, W HO, W H AT, W HERE & HOW ?

Why, who, what, whe

R A NUM

8

EF TER SKOL E COL L EG E


Why have these guidelines been produced? Be it a letter, an email signature, a video film or a full page advertisement, consistency is the key to establishing a strong and credible brand. Who should use these guidelines? All employees who need to send an email, a letter, make a brochure etc. as well as external suppliers.

here & how? What will I gain from using them? They are intended to save you time and offer a common frame to express your creativity. Where & how do I get hold of them? Guidelines and downloads will be available online soon, covering logo artwork, email signatures, letter templates, brochures, presentations, web banners etc.

DE SIG N G UIDE

9

V ER SION 2


N A ME OF THE A RTICL E 路 N A ME OF THE AU THOR

R A NUM

10

EF TER SKOL E COL L EG E


Quick guide

DE SIG N G UIDE

11

V ER SION 2


2 . QUICK G UIDE· E V ERY THING ON ONE PAG E

Quick guide This is a one page summary of our Design Guide and acts as a type of contents page with links to take you to more detailed guidelines via the orange page numbers.

VA LU E S / BR A ND E SSE NCE P??

How we see ourselves, the bearing elements behind our new design profile.

Individual • Community Freedom • Diversity Spaciousness • World citizenship

R A N U M ME A NS “ PL ACE IN THE MIDDL E” P??

This is marked by a redesign of the world with us in the middle. A consistent use and central placement of logos, pictures and circular graphics enhances this throughout the design profile.

Our new logo is a further refinement of our previous version of the tree of life. LOGO P??

Our standard logotype introduces our new name: Ranum Efterskole College. Our logo is always centred, whilst the text breaks the centre-line expressing our desire to challenge conformity LOGOT Y PE P??

1X

The logotype needs space to breathe. Try to keep text and other logos away from the logotype by at least the value of “x” BRE ATHING SPACE P??

2X

<X>

2X

1X “x” is the distance from the base of the logo to the base of text

R A NUM

12

EF TER SKOL E COL L EG E


Aquamarine is our primary colour. Indigo comes in second whilst Orange is our “call to action colour”. Silver and Anthracite are mainly used for text. Sunshine, Dark Magenta, Crimson, Teal, Lime, Sky and Black are secondary colours and mainly used to personalize email signatures, business cards or brochures. Colour specs are in CMYK, PMS, RBG & HEX. COLOU R S P??

Accord Alternate font family is our corporate font, it fits perfectly with our logo, really looks great and is easy to read. Use it wherever possible. We also use Georgia Italic for quotes. Calibri can be used if you cant get your hands on Accord Alternate.

Aquamarine

Sunshine

D. Magenta

Indigo

Orange

Crimson

Teal

Lime

Silver

Anthracite

Sky

Black

Accord Alternate Thin & italic Accord Alternate Regular & Italic Accord Alternate Xtrabold & italic

T Y P OG R A PH Y P??

“Georgia Italic & Bold Italic for quotes”

Calibri Regular / Bold / Italic / Bold Italic

Should express our brand personality, taken on a positive, spontaneous moment in a Scandinavian atmosphere. Some examples of the style are shown here. PIC T U RE S P??

Such as quotation marks, website icons, maps, the logo as a soft background and so on, are primarily based on a circle and line to fit in style with the logo and reflect a global appeal. G R A PHIC DE VICE S P??

Highlights a number of finished items such as email signature, letterhead, brochures, advertisements etc. E X A MPL E S P??

Logo artwork files, templates in MS word, Powerpoint, Adobe InDesign, intro and outro movies and much more will be available online in the near future. DOW NLOA DS P??

DE SIG N G UIDE

13

V ER SION 2


N A ME OF THE A RTICL E 路 N A ME OF THE AU THOR

R A NUM

14

EF TER SKOL E COL L EG E


Our values 2.1 MISSION

16

2.2 VÆRDIGRUNDL AG

17

2.3 DANNELSES- & L ÆRINGSMODEL

18

2.4 VISIONEN

19

2.5 ETHOS & MISSION

20

DE SIG N G UIDE

15

V ER SION 2


2 . CONCEP T · 2 .1 MISSION & VÆRDIG RUNDL AG

Mission Ranum Efterskoles mission bygger på efterskolelovens hovedsigte, som betinger at efterskolen retter sine aktiviteter mod 3 aktiviteter: Demokratisk dannelse Livs- og folkeligoplysning

R A NUM

16

EF TER SKOL E COL L EG E


Værdigrundlag Efterskolens værdigrundlag er betinget af dette hovedsigte og kan i korte formuleringer udtrykkes således*: Vi vil danne og uddanne eleverne til at kunne indgå i en kompleksog foranderlig verden. Derfor arbejder vi med internationale uddannelser, globalisering og verdensborgerskab. Derfor rejser vi ud i verden op til 4 uger af skoleåret, samt lukker skolen op for gæsteelever og lærere fra hele verden. Vi vil forberede eleverne til at kunne sætte sig egne mål i livet og træffe de valg, der fører til målet. Derfor har vi ikke linjer men to overordnede profiler: natursport og Imagination, som tilsammen med et interkulturelt perspektiv giver eleverne mulighed for at udvikle nye fag 3 gange i løbet af skoleåret. Derfor har vi en stærk innovations- og forandringskultur, som betyder at vi er en skole i udvikling med tiden.

*Værdigrundlagets fulde ordlyd kan læses på: http://www. ranumefterskole.dk/ efterskolen/skolekreds.

Vi vil gennem frisættelse af det enkelte individ i respekt for fællesskabet, give den enkelte mulighed for at være med til at forme efterskoleopholdet, fællesskabet og det faglige forløb efter fælles interesser. Derfor sigter vi mod en mangfoldigheds- og forskellighedskultur, som giver mulighed for, at der i det store fællesskab dannes mindre interessefællesskaber og praksisfællesskaber. F.eks. nye profilfag, aktiviteter og rejsemål.

DE SIG N G UIDE

17

V ER SION 2


2 . CONCEP T · 2 . 2 DA NNEL SE S - & L ÆRING SMODEL SA M T V ISION

Dannelses& læringsmodel Samspillet mellem de boglige fag, de praktiske, fysiske og kreative fag i profilfagene Imagination og Natursport danner sammen med en række interkulturelle aktiviteter et samvær mellem voksne og elever i et forpligtigende fællesskab på efterskolen. Dette samvær kan beskrives ved 3 forhold: • det strukturerede, • det undervisende og • det vejledende samvær. Elever og ansatte er aktørerne, skolens aktiviteter og undervisning er indholdet og rammerne udgøres af bygninger og undervisningsmateriel mv. Vi prioriterer skolens udvikling i den anførte rækkefølge.

dannelses- og læringsmodel

R A NUM

18

EF TER SKOL E COL L EG E


Visionen Visionen for dette samspil er: Vi vil være en stor skole og fortsat udvikle skolen, fordi det sikrer skolens mangfoldighed, elevernes valgmulighed, et dynamisk og progressivt læringsmiljø, samt overskud til at positionere, udvikle, samt vedligeholde efterskolen. Vi vil fortsat tilbyde og styrke den prøveforberedende faglige og niveaudelte undervisning i 9. - 10. og samt udvikle skolen med Internationale klasser og et gymnasialt niveau i Ranum Efterskole College. Vi vil fortsætte udvidelsen af den International dimension i skolen både kvalitativt og kvantitativt - under strategien ”Ranum ud i verden og verden ind i Ranum”. Vi vil fortsætte udviklingen af og styrke skolens innovationsog frisættelseskultur, samt styrke og udvikle medarbejdernes faglige kompetencer.

DE SIG N G UIDE

19

V ER SION 2


2 . CONCEP T · 2 . 3 E THOS & MISSION

Ethos & Mission Global Learning and Beyond The slogan for Ranum Efterskole College captures our underlying philosophies of “Inclusive Community and Learning” and “Participatory Democracy” as well as our vision of offering something more than the conventional. It represents our unique combination of the Danish efterskole and the International Cambridge School, and it reflects our approach to global society. Moreover, and to some extent, more importantly, it is a guiding principle for how we conduct ourselves as a school - It shapes our behaviour, informs our decision-making, guides our policy-setting and maintains our focus. Ethos The purpose of Ranum Efterskole is to operate a self-governing, independent international boarding school within the framework of existing rules on private boarding schools in Denmark. This obliges us to provide development for everyone through challenging activities in a safe setting, focusing on both the academic content and the personal well-being. Learners are encouraged to maintain a balance between learning and a wide range of extracurricular subjects and activities, with sporting and cultural achievements valued equally. It is a primary objective to ensure that learners develop a healthy and quality based lifestyle. Nature-sports and Imagination Ranum Efterskole has two thematic focuses that supports our approach to learning; • Nature-sports are a concatenation of nature experience and sport in nature, in the wild. Nature becomes the learning environment, and sports the subject in which the learner develop a set of general competencies and skills. • Imagination is a general expression for creativity through an imaginative learning. Imagination is an educational process that provides insight into life, and puts the contemporaries in relief. Ranum Efterskoles values are of sports and imagination as a key interface between creativity, art, culture, sports and nature. The school regard this interaction as a training and development process, in which the learners ultimately will dare to seek own boundaries and to express themselves as an individual in the community. It requires knowledge, imagination, courage and tolerance to navigate in a complex and everchanging world. The interaction between nature sports and imagination creates a vibrant

R A NUM

20

EF TER SKOL E COL L EG E


and spirited learning environment that can help to provide the individual with the social and academic skills that is needed for success in a dynamic global society. “Inclusive Community and Learning” and “Participatory Democracy” We strive to create a framework in which learners participate in decision-making, take responsibility for own personalised learning experience and personal development as well as interacting in our community. We believe that in order to prepare and empower our learners to the complex and dynamic world, it is a necessity that they live, learn, challenge, experience and push themselves. It is our responsibility to provide the support and encouragement, to create the safe and trustworthy setting, and facilitate a vision of being able. Moreover, we wish to demonstrate to our learners what it means to be one among many, what it means to be an individual with own needs and dreams in a larger community and what it means to contribute to society. Our philosophies on “Inclusive Community and Learning” and “Participatory Democracy” are inherent features in school spirit and agenda. This is particularly evident in learners’ opportunities for co-management of extra-curricular activities as it is learners’ drive, creativity and imagination that determine subjects, themes, study travels and learning content. We have chosen this approach to inclusiveness, participation and democracy, because we ultimately believe the best way to learn is to experience! This conversion of our philosophies into practical opportunities for co-management, underlines the uniqueness of Ranum Efterskole and Ranum Efterskole College – it is one of the most prominent features that distinguishes us from all other schools. Motto: ‘Non Videra Son Esse – Not to seem, but to Be’ We regard it our prime responsibility to ensure that our learners become competent, confident and open-minded global citizens. We empower our learners through our community to take charge of their personal and intellectual development, we encourage them to challenge their fears and facilitate their dreams, and we establish lifelong friendships and networks. We believe, that through inclusiveness and learning, that learners after their stay here at Ranum Efterskole College, will dare to Be, rather than to Seem.

DE SIG N G UIDE

21

V ER SION 2


N A ME OF THE A RTICL E 路 N A ME OF THE AU THOR

R A NUM

22

EF TER SKOL E COL L EG E


Our concept 3.1 BRAND ESSENCE

24

3.2 RANUM: PL ACE IN THE MIDDLE

26

3.3 LOGO HISTORY

28

DE SIG N G UIDE

23

V ER SION 2


3 . OUR CONCEP T · 3 .1 BR A ND E SSENCE

Brand essence What does individual, community, freedom, diversity, spaciousness & world citizenship mean to you in a Ranum Efterskole context? This question was asked to past and present students and current employees through separate workshops and their answers were expressed in words, drawings and pictures. These have been summarised to the underlying definitions on the left. These opinions have become a bearing ingredient in the creation of this design profile from the logo, to the typography, to the colours, to the pictures style and so on. By the way... individual, community, freedom, diversity, spaciousness & world citizenship were chosen since they are some of the most expressed words in Ranum Efterskole’s communication literature.

R A NUM

24

EF TER SKOL E COL L EG E


ES O

INDIVIDUAL Different compared to others

=

=

O

U

U

R

R

PI

LO

CT

U

GO

R

L R CO = OU

= OU R TY POG

OUR

S

RAP

HY

*The sky is the limit

COMMUNIT Y Feeling good close together Having fun, learning and looking after each other

DE R VI = OU

= OU R

FREEDOM Choice possibilities, participate, influence, change. Break borders. Realise your dream*

OS

W AY

DIVERSIT Y Room for each others differences = OU RW EBS ITE

O R FO = OU

SPACIOUSNESS Openness, respect, acceptance and tolerance

=

WORLD CITIZENSHIP Understanding each other. Involvement / complexity. Preparing to meet the world =

R

U

U

O

O

R

T

TO

AT

N E

IT U

O

D

O IC E

V ER SION 2

V

TIES

RIES 25

F

STO

TIVI R AC = OU

= OU R

E

DE SIG N G UIDE

D


3 . OUR CONCEP T · 3 . 2 R A NUM: PL ACE IN THE MIDDL E

Ranum: Place in the During our research we discovered that the Danish town of Ranum means “Place in the middle”.

This is has been implemented in the design profile by a consistent use of circles representing the earth together with a central placement of graphic elements such as logos, pictures and text. We have even taken the liberty of re-positioning Ranum to be a little more central

R A NUM

26

EF TER SKOL E COL L EG E


middle

“The place name is known from approx. 1252 as Random, rand ‘border, boundary’ and um ‘settlement’ word environment comes from the French milieu ‘middle center’, from Latin medius locus ‘place in the middle.” S O U RCE : D E N S TO R E DA N S KE G Y L E N DA H L S Å BN E E N C Y KL O PÆ DI

DE SIG N G UIDE

27

V ER SION 2


3 . OUR CONCEP T · 3 . 3 LOGO HIS TORY

Logo history We inherited our original logo from Ranum Seminarium. Our new version continues to build on the “tree of life”

Our new logo 2014

Our tree of life growing in our courtyard

Our logo 2004-2014

Ranum Seminariums logo from 2001

Ranum Seminariums logo up until 2001

R A NUM

28

EF TER SKOL E COL L EG E


â&#x20AC;&#x153;The concept of a tree of life has been used in science, religion, philosophy, and mythology. It alludes to the interconnection of all life on our planet and serves as a metaphor for common descent in the evolutionary sense.â&#x20AC;? S O U RCE W IKIPE DIA

DE SIG N G UIDE

29

V ER SION 2


N A ME OF THE A RTICL E · N A ME OF THE AU THOR

“71% & 141% are magic numbers”

R A NUM

30

EF TER SKOL E COL L EG E


Our Logo 4.1 LOGO CORPORATE

32

4.2 LOGO VARIATIONS

34

4.3 LOGO SPACE , PL ACEMENT & SIZE

36

DE SIG N G UIDE

31

V ER SION 2


LOGO: Negative

LOGOTYPE: Negative

R A NUM

32

EF TER SKOL E COL L EG E


4 . OUR LOGO 路 4 .1 LOGO CORP OR ATE

Logo corporate If anyone asks for our logotype send them one of these they are how we want to be most remembered.

LOGO: positive

LOGOTYPE: positive

This positive logo and logotype are to be used above all others. Use for our main letterpaper, envelopes, website header, main facebook page and all other social media sites

DE SIG N G UIDE

33

V ER SION 2


4 . OUR LOGO · 4 . 2 LOGO VA RIATIONS

Logo variations Here’s all the various types of logos and logotypes

S TA NDA RD LOGO Which can also be used as a graphic device background as used on this spread and the contents page

THE S TA NDA RD LOGOT Y PE

NE W N A ME LOGOT Y PE The only elements which are truly static in the logotype is “RANUM” and the tree of life logo. The text after the tree of life can be adjusted as these two versions .

RANUM

R A NUM

SUMMER CAMP

34

EF TER SKOL E COL L EG E


V E RTIC A L LOGOT Y PE The logotype is also available as a vertical version when space is limited for the standard horizontal LOGOT Y PE SE A L A seal can be applied for special occasions where a more official impression is required Applications: Letter seal, diploma seal / graphic, selected merchandise or a franking stamp for envelopes Other techniques to consider: Blind embossed, foil blocking, UV lacquer or thermograph printing itâ&#x20AC;&#x2122;s important not to over use the seal.

The seal can also be adapted into gift items such as this one which has been casted in bronze (Ă&#x2DC;8cm) as a gift to friends of Ranum Efterskole College

FAVICON UNDER DEVELOPMENT

DE SIG N G UIDE

35

V ER SION 2


4 . LOGO · 4 . 3 LOGO SPACE , PL ACEMENT & SIZE

Logo space, placemen 1 X

1 X 1 X

X

1 X

LOGO: “x” is the with of the trunk of the tree of life

Remember, this is a minimum space, more space is better in a lot situations

1 X

2 X

2 X < X >

LOGO & LOGOT YPE BREATHING SPACE The logo & logotype needs space to breathe. Try to keep text and other logos away from them by at least the value of “x”

1 X LOGOTYPE: “x” is the distance from the base of the logo to the base of text

PL ACE ME NT The optimal placement for both logo and logotype is to centre the tree of life (logo) right bang in the middle of the page If this is not possible then place it at the top or bottom of the vertical centre-line

R A NUM

36

EF TER SKOL E COL L EG E


4 . LOGO · 4 . 5 LOGO SPACE , PL ACEMENT & SIZE

“The 71%

nt & size

& 141% magic numbers work here!”

7 1% = A5 TO A6 SIZE

LOGOT YPE SIZES This is the standard size -> The standard size of the logotype is intended for A4 and A5 paper sizes

141% = A4 TO A3 SIZE

141% = A3 TO A2 SIZE

DE SIG N G UIDE

37

V ER SION 2


N A ME OF THE A RTICL E 路 N A ME OF THE AU THOR

R A NUM

38

EF TER SKOL E COL L EG E


Our colours 5.1 COLOUR PALETTE

40

5.2 COLOUR LOGOS

42

5.3 COLOUR LOGOT YPES

44

5.4 COLOUR COMBINATIONS

46

DE SIG N G UIDE

39

V ER SION 2


5 . OUR COLOUR S · 5 .1 COLOUR PA L E T TE

Colour palette Primary colours OR A NG E Screen: RGB: R228 G125 B7 HEX: #E47D07 Print: CMYK: C7 M59 Y100 K0 PANTONE 145 SILV E R Screen: RGB: R153 G153 B153 HEX: #999999

Aquamarine is our primary colour. Indigo comes second whilst

Print: CMYK: C0 M0 Y0 K40 PANTONE Cool Grey 6

Orange is our “call to action colour”. Silver and Anthracite are mainly used for text.

A NTHR ACITE Screen: RGB: R82 G82 B82 HEX: #525252

Use these colours for the main website, corporate brochures, app logos and main social media pages.

Print: CMYK: C0 M0 Y0 K82 PANTONE Cool Grey 11 INDIGO

AQUA MA RINE

Screen: RGB: R76 G50 B114 HEX: #4C3272

Screen: RGB: R77 G186 B178 HEX: #4DBAB2

Print: CMYK: C84 M91 Y20 K9 PANTONE 2747

Print: CMYK: C66 M0 Y36 K0 PANTONE 3252

This is our No 1 colour

R A NUM

40

EF TER SKOL E COL L EG E


Secondary colours DA RK M AG E NTA

CRIMSON

SU NSHINE

Screen: RGB: R176 G26 B90 HEX: #B01A5A

Screen: RGB: R220 G18 B57 HEX: #DC1239

Screen: RGB: R252 G191 B0 HEX: #FCBF00

Print: CMYK: C22 M98 Y33 K14 PANTONE 227

Print: CMYK: C6 M99 Y72 K0 PANTONE 192 U

Print: CMYK: C0 M27 Y100 K0 PANTONE 109 LIME Screen: RGB: R148 G190 B71 HEX: #94BE47

Dark Magenta, Crimson, Sunshine, Lime, Teal, Sky and Black are secondary colours

Print: CMYK: C50 M4 Y86 K0 PANTONE 382 U

Use these colours to personalize email signatures, business cards, jazz up other brochures or other things

TE A L Screen: RGB: R46 G121 B102 HEX: #2E7966 Print: CMYK: C80 M30 Y62 K17 PANTONE 3415

BL ACK

SK Y

Screen: RGB: R0 G0 B0 HEX: #000000

Screen: RGB: R11 G115 B1852 HEX: #0B73B9

Print: CMYK: C0 M0 Y0 K100 PANTONE Black U

Print: CMYK: C86 M48 Y1 K0 PANTONE 2925

DE SIG N G UIDE

41

V ER SION 2


5 . OUR COLOUR S 路 5 . 2 COLOUR LOGOS

Colour logos Choose your favourite logo colour in negative

The logo and Logotype are always white on a coloured background.

This is our No 1 colour

R A NUM

42

EF TER SKOL E COL L EG E


...or positive

The Logo and Logotype is available in all hues of the colour palette to give a more personal touch to applications such as email signatures, business cards, facebook pages. internal brochures, badges and so on

This is our No 1 colour

DE SIG N G UIDE

43

V ER SION 2


5 . OUR COLOUR S 路 5 , 3 COLOUR LOGOT Y PE S

Colour logotypes Choose your favourite logotype colour in negative...

The logo and Logotype are always white on a coloured background.

R A NUM

44

EF TER SKOL E COL L EG E


or positive

The Logo and Logotype is available in all hues of the colour palette to give a more personal touch to applications such as email signatures, business cards, facebook pages. internal brochures, badges and so on

DE SIG N G UIDE

45

V ER SION 2


5 . OUR COLOUR S · 5 ,4 COLOUR COMBIN ATIONS

Colour combinations Pick and mix

White is also an important colour and is used throughout For instance the Logo and Logotyp, headlines and most text work best when they’re white on a coloured background

DE SIG N UIDE R AGNUM

4466

V ER SION 2 E COL L EG E EF TER SKOL


5 . OUR COLOUR S 路 5 ,4 COLOUR COMBIN ATIONS

Colour combinations Pick and mix

There are so many combinations to chose from and many that look good together.

DE SIG N G UIDE

47

V ER SION 2


N A ME OF THE A RTICL E 路 N A ME OF THE AU THOR

R A NUM

48

EF TER SKOL E COL L EG E


Our typography 6.1 STANDARD FONTS

50

6.2 T YPEST YLES

51

DE SIG N G UIDE

49

V ER SION 2


6 . OUR T Y P OG R A PH Y · 6 .1 S TA NDA RD FONT S

Standard fonts Accord Alternate is our corporate font, it fits perfectly with our logo, is easy to read and really looks great. Use it whereever possible. We also use Georgia for quotes Accord Alternate Thin needs to be installed check first with the IT Department

Accord Alternate Regular needs to be installed check first with the IT Department

Accord Alternate Xtra Bold needs to be installed - check first with the IT Department

Georgia Italic and bold italic is always used for quotes. Georgia is available on all computers

Calibri can be used if you cant get your hands on Accord Alternate. Calibri is available of all computers

abc abc abc abc abc R A NUM

defghijklmnopqrstuvwxyzæøå ABCDEFGHIJKLMNOPQRSTUVW XYZÆØÅ 1234567890 & ! ? @ “

defghijklmnopqrstuvwxyzæøå ABCDEFGHIJKLMNOPQRSTUVW XYZÆØÅ 1234567890 & ! ? @ “

defghijklmnopqrstuvwxyzæøå ABCDEFGHIJKLMNOPQRSTUVW XYZÆØÅ 1234567890 & ! ? @ “

defghijklmnopqrstuvwxyzæøå ABCDEFGHIJKLMNOPQRSTUVW XYZÆØÅ 1234567890 & ! ? @ “

defghijklmnopqrstuvwxyzæøå ABCDEFGHIJKLMNOPQRSTUVW XYZÆØÅ 1234567890 & ! ? @ “

50

EF TER SKOL E COL L EG E


&

Isn’t that just gorgeous

DE SIG N G UIDE

51

V ER SION 2


6 . OUR T Y P OG R A PH Y 路 6 . 2 T Y PE S T Y L E S

Type styles Accord Alt Thin 84/90 AU THOR

Intro is set in 20/26pt Accord Alternative Regular Tem etus provid quatene moruse quatiatio. Aximus explabor alicit que amet volupta nobis ipsum vel elite earchil.

FIR S T N A ME SECOND N A ME

Body copy 12/16 Accord Alternative Regular Vel etur sus eic temolorro molorit endionseque in core eum remolore nossum nis volori omnimi, ne sit vidisqui quaerro explicimil exerepudae vellendit ius abora quibusc iuribus sitiantium im velendit lam el molupit, aut im nat. Doloratem es que quatemp ossenie ntotatem qui od quamusciet aut que volorep taspelessum quas cum a volum quatquia poribusa diciumet es molor aut a qui omnis porumqui dolupti nturest hario. Ari totati qui bero dis alignim ut aut adignis endicae doluptatet doloris imus dus minvera nonseque nihicid quodiciis sitatureiur? Luptass imusciliquam eaquissit modist, secae quatem qui cus aut que volupit re sum ipiendem expeliae volupta estibus consequ osandit excea senectem venet explab im faccaerrum sequasi blaccust, volut landel explit aut quaeptatibea si rest quisto quossus adi dolupta tionsec tiaeprat.Evenis escipsus, te

R A NUM

52

EF TER SKOL E COL L EG E


landae praerum sere intet.Ost, estotatet, ex et eat doluptatur, corum quossun tiosandem am et fuga. Molori volorio molorro reicatet et la que ma volorum dolenimetus, que pore pratio quas eatist quos ellam si iunt laboremque poribus tiosandem am et fuga. Molori volorio molorro reicatet et la que ma. HEADLINE 12/16PT ACCORD ALT Simendunt ut et harum num ilique optatusam quommodig natquid ut volendam fugit etur rectae voluptatur? Sed ellendunti dolorestrum velluptiunt dit et libus nonseque si quam, sim rest venimax imilloria saeribus sum faccate plicatem adit ut aliciur? Imet latium fuga. Pelic tem. Et ab inumqua turit, nobitecti doluptatusnti.

â&#x20AC;&#x153;Quote: 14/23pt Georgia Italic â&#x20AC;?Imodignation cus sapisci debitatur modi omnis voluptaquam nullorume veribusapiet voles

in cusant dita nis maio eaqui tem facidestin plaborp orrovit enditat endanti diciet et quiatet undem quo essitas picipsunt occatur alitatu sdandunt, ut omnis sectes mint pratet ONSEQUASSIT ABORE PERE IPSAM IUR AS A QUAM re volores aliae solore, voluptis molut pe dolorro videllitibus dolupitis recest hillita eturibus andenis dolorio blanis si con nusti quiame suntur antmqui dolupti nturest hario. Ari totati qui bero dis alignim ut aut adignis endicae doluptatet doloris imus dus minvera nonseque nihicid quodiciis sitatureiur? Luptass imusciliquam eaquissit modist, secae quatem qui cus aut que volupit re sum ipiendem expeliae volupta estibus consequ osandit excea senectem venet explab im faccaerrum sequasi blaccust, volut landel explit aut quaeptatibea si rest quisto quossus adi dolupta tionsec tiaeprat.Evenis es.

FAKTA BOX HEADLINE 10/13,5 ACCORD ALTERNATIVE EXTR A BOLD / ALL CAPS WITH 75 LET TER SPACING: Fakta box text 10/13.5 Accord Alternative Regular Umquatur? Quia venet endit everum incil mo exeribus et estion corporepuda sum sim harumqui dipiet ius. Musam es voluptaque parunt aut esequi dolupti atenda ipsum simus, nessita experum, omniatat esecto mos Estion corporepuda sum sim harumqui dipiet ius.

DE SIG N G UIDE

53

V ER SION 2

Captions 7/9,5ptAccord Alternative Regular ut ulpa et utatur si re, voluptium delit lat resequi aspedip sandeli quodipi


N A ME OF THE A RTICL E 路 N A ME OF THE AU THOR

R A NUM

54

EF TER SKOL E COL L EG E


Our pictures 7.1 PICTURE ST YLE

56

7.2 PICTURE PL ACEMENT

58

DE SIG N G UIDE

55

V ER SION 2


7. OUR PIC T URE S · 7.1 PIC T URE S T Y L E

Picture style Pictures should ideally answer yes to the following questions. Is the picture... • Reflecting a spontaneous moment in time? • Depicting more than 1 person enjoying themselves? • Reflecting a Danish/Scandinavian atmosphere • In colour? Furthermore picture shaould be inspired by the following matrix Brand Essence

Picture guidelines

Individual

Different compared to others

More than 1 person in every picture. Individual in focus - others out of focus in front or behind

Community

Feeling good, close together with others. Having fun, learning and looking after each other,

Pictures of groups of people very close to each other, intimate. Always doing something together, doing different things. Natural, fun and relaxing

Freedom

Choice possibilities, participate, influence, change. Break borders. Realise your dream*

Pictures of people discussing lot’s of possibilities, workshops, activities. Stop motion creating things from nothing

Diversity

Room for each others differences

Pictures of people doing different things together, unexpected things, mix sport and imagination, skateboard-guitar,

Spaciousness

Openness, respect, acceptance and tolerance

Aerial picture of RE buildings and rooms

World Citizenship

Understanding each other. Involvement / complexity. Preparing to meet the world

Pictures of different cultures having a good time together

R A NUM

56

EF TER SKOL E COL L EG E


DE SIG N G UIDE

57

V ER SION 2


7. OUR PIC T URE S 路 7. 2 PIC T URE PL ACEMENT

Picture placement Pictures can be placed in a circle in the middle of the page as illustrated on the following pages. See examples for further guidelines.

R A NUM

58

EF TER SKOL E COL L EG E


Global learning and beyond...

An unparalleled opportunity to combine the â&#x20AC;&#x153;Danish Efterskoleâ&#x20AC;? with internationally acclaimed qualifications.

DE SIG N G UIDE

59

V ER SION 2


DE SIG N G UIDE

65

V ER SION 2


N A ME OF THE A RTICL E 路 N A ME OF THE AU THOR

R A NUM

108

EF TER SKOL E COL L EG E


Graphic devices 8.1 LOGO ELEMENTS

110

8.2 QUOTE MARKS

112

8.3 WEB ICONS

114

8.4 GLOBES

118

DE SIG N G UIDE

109

V ER SION 2


8. G R A PHIC DE V ICE S 路 8.1 LOGO EL EMENT S

Logo elements These basic elements have been used to create the tree of life logo and can be re-used to create further graphic elements; the circle being the element we use most

R A NUM

110

EF TER SKOL E COL L EG E


LE

RB Y

71

%

IN

C

IN

EN

SI

EM

DE

T E-

AN CHANGE SIZE : SM CLE C AL

R

E TH

CI

L RC

CIR HE

GE

H/ GR

BIG

AP

OR

HI

C

TS

CT PUT A PI URE / SKET C

% INCREMENTS Y 141 RB

DE SIG N G UIDE

111

V ER SION 2


8. G R A PHIC DE V ICE S · 8. 2 QUOTE M A RK S

Quote marks Here are some examples of quote marks and how they can be used

“Quote:

14/23

14/23pt Georgia Italic

Værdigrundlag

”Imodignation cus sapisci

sigter mod at forberede

debitatur modi omnis

eleverne på at kunne begå

voluptaquam nullorume

sig i en kompleks og

veribusapiet voles

foranderlig.

R A NUM

1 12

EF TER SKOL E COL L EG E


Georgia Italic 20/32 Osamet incilitas mi, iunti ut a voluptia ab id quo et plia volupta elite amet eget orus!

Georgia Italic 20/32 Osamet incilitas mi, iunti ut a voluptia ab id quo et plia volupta elite amet eget orus!

“Quote: “Værdigrundlag sigter

14/23pt Georgia Italic

mod at forberede eleverne

”Imodignation cus sapisci

på at kunne begå sig i en

debitatur modi omnis

kompleks og foranderlig.”

voluptaquam nullorume veribusapiet voles

DE SIG N G UIDE

113

V ER SION 2


8. G R A PHIC DE V ICE S 路 8. 3 W EB ICONS

Web icons All web icons follow the same style as the logo, quote marks. They have a very thin line and live in a circle on mouseover.

Under construction R A NUM

1 14

EF TER SKOL E COL L EG E


DE SIG N G UIDE

1 15

V ER SION 2


8. G R A PHIC DE V ICE S 路 8. 3 W EB ICONS

Web icons All web icons follow the same style as the logo, quote marks. They have a very thin line and live in a circle on mouseover.

Under construction R A NUM

116

EF TER SKOL E COL L EG E


DE SIG N G UIDE

117

V ER SION 2


8. G R A PHIC DE V ICE S 路 8.4 G LOBE S

Globes Various graphic globe to use when highlighting various destinations

R A NUM

1 18

EF TER SKOL E COL L EG E


DE SIG N G UIDE

119

V ER SION 2


N A ME OF THE A RTICL E 路 N A ME OF THE AU THOR

R A NUM

12 0

EF TER SKOL E COL L EG E


Layouts & grids 9.1 A4 GRID PORTRAIT

122

9.2 A5 GRID

123

DE SIG N G UIDE

12 1

V ER SION 2


9 L AYOU T S & G RIDS 路 9.1 A4 G RID P ORTR A IT

R A NUM

12 2

EF TER SKOL E COL L EG E


9 L AYOU T S & G RIDS 路 9. 2 A 5 G RID P ORTR A IT

DE SIG N G UIDE

12 3

V ER SION 2


N A ME OF THE A RTICL E 路 N A ME OF THE AU THOR

R A NUM

124

EF TER SKOL E COL L EG E


Examples 10.1 EVERYDAY COMMUNICATION 10.2 WEBSITE 10.3 ADVERTISEMENTS 10.4 SIGNS 10.5 BROCHURES 10.6 MERCHANDISE

DE SIG N G UIDE

12 5

V ER SION 2


N A ME OF THE A RTICL E 路 N A ME OF THE AU THOR

Thanks... and let us know if you have any suggestions for change nh@ranumefterskole.dk or 40878602

www.ranumefterskole.dk info@ranumefterskole.dk Tel: +45 9666 4400 R A NUM 12 6 EF TER SKOL E COL L EG E Seminarievej 23, 9681 Ranum, Himmerland, Denmark


Turn static files into dynamic content formats.

Create a flipbook
Design Guide 2 - How we look by Ranum efterskole - Issuu