Designguide til Headnet

Transkript

1 Aps Wilders Plads 8A T: København K F: Denmark headnet.dk info@headnet.dk Guide Designguide til

2 2 Indhold Logo Navnetræk Tagline Bomærke Typografi Farver Billeder Grafiske elementer Ikoner/piktogrammer Illustration Papir Brevpapir Tilbud Visitkort PowerPoint

3 3 1.0 Logo Logoet består af navnetræk og bomærke. Navnetrækket vil i mange tilfælde være kombineret med taglinen open minds open minds Navnetræk Tagline Bomærke 1.1 Navnetræk Navnetrækket skal placeres åbent i layoutet. Dvs. at andre elementer ikke skal ligge for tæt på. 1.2 Tagline Taglinen vil som oftest følge navnetrækket, som i ovenstående eksempel. Men den kan alternativt også bruges i en mere kreativ sammenhæng Hvor mediet spiller på ideen om at åbne sind. Taglinen er altid skrevet i Gotham HTF Light. 1.3 Bomærke Bomærket skal placeres åbent i layoutet. Dvs. at andre elementer ikke skal ligge for tæt på. Ydermere er det hensigtsmæssigt at logoet hovedsageligt gengives i enten Pantonetryk eller på skærm ved RGB-farver. Bomærket findes i 14 forskellige versioner. Et antal der reflekterer de 14 cirkler bomærket er bygget op af, som videre repræsenter de 14 0 er der er i open hvis man skriver det i binære tal. 14 versioner af bomærket

4 4 2.0 Typografi Typografisammensætningen til s identitet er bygget op af Gotham HTF og Georgia. Hovedtypografien er Gotham, som kan bruges på alle niveauer fra overskrifter til brødtekst. Geogia bruges som kontrast-typografi og kan bruges i overskrifter og citater. Alternativt til Gotham kan Calibri bruges i tilfælde af at alle typografier i et dokument skal være dynamiske. Gotham HTF i henholdsvis Light, Black og Book samt i Thin i nedenstående citat. Open Source means an open mind. A B C D E F G H I J K L M N O P Q R S T U V W X Y Z Æ Ø Å a b c d e f g h i j k l m n o p q r s t u v w x y z æ ø å < >! # $ % & / ( ) =? ^ ; : _,. -? A B C D E F G H I J K L M N O P Q R S T U V W X Y Z Æ Ø Å a b c d e f g h i j k l m n o p q r s t u v w x y z æ ø å < >! # $ % & / ( ) =? ^ ; : _,. -? A B C D E F G H I J K L M N O P Q R S T U V W X Y Z Æ Ø Å a b c d e f g h i j k l m n o p q r s t u v w x y z æ ø å < >! # $ % & / ( ) =? ^ ; : _,. -? Georgia Regular Open Source means an open mind. A B C D E F G H I J K L M N O P Q R S T U V W X Y Z Æ Ø Å a b c d e f g h i j k l m n o p q r s t u v w x y z æ ø å < >! # $ % & / ( ) =? ^ ; : _,. -?

5 5 3.0 Farver Farvesættet til s identitet består af bomærkefarverne, farven fra den grønne bjælke, som pryder meget af designet, den mørkegrå, der bruges til at fonte og navnetræk, samt baggrundsfarven lysegrå. Baggrundsfarven giver sig selv i tryksager, men til skærmen er der selvfølgelig angivet en RGB værdi. Den grønne farve skal undgåes i CMYK-tryksager, da den umuligt kan gengives i CMYK-farver. Pantone Pantone 306 Pantone 814 Pantone 466 Pantone 802 Pantone Black 7 RGB 00 / 217 / / 96 / / 200 / / 255 / / 86 / / 235 / 240 CMYK 75 / 00 / 07 / / 60 / 00 / / 22 / 43 / / 00 / 15 / 82

6 Guide Billeder Den primære billedstil består af sort/hvid-billeder der interagerer med baggrunden i layoutet. Dvs. sort/hvid-billeder som er fritskrabede. Derudover, i præsentationssammenhæng, er det muligt at bruge farvebilleder med dropshadow. Disse billeder skal, modsat de identitetsskabende, udskille sig fra det øvrige layout. Sort/hvd-billeder uden baggrund Alternativ til brug i præsentationsmateriale

7 7 5.0 Grafiske elementer Identiteten er udstyret med forskellige grafiske elementer ud over logo, navnetræk, tagline, billedstil osv. I præsentationsmateriale og i det faste design vil der være behov for at beskrive ting med illustrationer, ikoner og diagrammer. 5.1 Ikoner Ikonerne er simple informationselementer som optræder i den grønne farve. På printet materiale vil der dog være behov for at gengive dem i den mørkegrå (jvf. afsnittet 3.0 Farver) Ikoner 5.2 Piktogrammer/Illustrationer Som uddybbelse af historier og som alternativ til ikonerne er der udviklet en stil for piktogrammer og forklarende illustrationer. Der er sat farve til ikonerne og alternativt 3D form på. Piktogramer/Illustrationer

8 8 5.0 Grafiske elementer fortsat 5.3 Diagrammer Diagrammer skal være simple og rene (ikke for mange forskelligheder imellem de enkelte elementer) og lægge sig kølvandet på det øvrige design, med kontraster mellem fyldige former og tynde streger. Eksempel på diagrammer LTK Website Fase 2 Intranet interfac e Google sea rch Applianc es Plone CM S Signup bo x Urchin / Google Analytics Betalings gateway Google App s Open SSO Snap Logi c LTK Systemer AD Lotus Note sg opro / ESH DO pus Lederporta lo pus ØkonomiØ vrige systemer Teknolog i strategi Tenisk implemen - tering Internet strategi Abstrakt design Konkret design Indolds - strategi Indholds - produktion Strategisk Taktisk

9 9 6.0 Papir For at opretholde en konsistens i identiteten er det nødvendigt at gentage sig på alle niveauer. Den lysegrå baggrundsfarve er i printede og trykte medier udskiftet med papiret der trykkes eller printes på. Multicolors 84 lys grå, findes i mange forskellige tykkelser og skal bruges på alt fra visitkort, mapper til brevpapir. Papir Multicolors 84LYS GRÅ 7.0 Brevpapir Brevpapiret er fortrykt i Pantonefarver for at opretholde de korrekte identitetsfarver. Der er en forside og en underside. Forsiden er fortrykt med ekstra detaljer som bomærke og adressetekst. Undersiden består kun af navnetræk, tagline og den grønne bjælke. Layoutet bygger på de fortrykte grundelementers placering og indsættes i et 3-spaltet grid hvor venstre-spalten under navnetræk holdes fri, for så vidt muligt. De to spalter under den grønne bjælke, er her hvor indholdet placeres. I tilfæle af at brevpapiret skal sendes online, er det nødvendigt at bruge en skabelon hvor de fortrykte elementer placeres på papiret. Dvs. at den grønne bjælke og logoelementerne sendes med, så de kan ses på skærmen. Aps Wilders Plads 8A T: København K F: Denmark headnet.dk info@headnet.dk Aps Wilders Plads 8A T: København K F: Denmark headnet.dk info@headnet.dk 1508 att: Morten Pedersen Wilders Plads 13A DK 1403 København K Ang.: Boligafgifter Kære Borgmedister Frank Jensen Henning Larsen går i detaljer for at skildre skibsrederen Mærsk Mc-Kinney Møller som en stor skid. For eksempel gennem skibsrederens særlige interesse for wc er. Da Henning Larsen tegnede Churchill College i Cambridge for A.P. Møller-fonden, krævede skibsrederen, at toiletterne skulle være højere, så de passede til hans lange ben. Det samme gjorde sig igen gældende, da de skulle lave toiletterne i Operaen. Han vidste, hvad han gik ind til Det er at gå i detaljer med karaktermordet, og som Stig Ørskov skrev i sin Signatur her i avisen forleden, står det ikke til Henning Larsens ære. Han vidste, hvad han gik ind til, da han sagde ja til opgaven. Han havde arbejdet for manden i 25 år. Da han endelig prøvede at rende af pladsen, var det for sent. Det er denne nidkærhed og praktiske tilgang fra bygherrens side, der lammer arkitekten, forhindrer ham i at løfte sig og blive kunstner, og som resulterer i et arkitektonisk makværk af historiske dimensioner. Og det medfører en dilettantisk byggefase, hvor man af bar utålmodighed går i gang, før væsentlige beslutninger er truffet og tegnet. Hastværket var med til at gøre huset ekstremt dyrt, mere end 2,5 milliarder. Byggeriet overskred jo budgettet, mere end Jean Nouvels koncerthus i Ørestad gjorde. Til gengæld er det så velbygget, at det vil stå som skamstøtte for hr. Møllers utålmodighed og dårlige smag i århundreder. Mvh. Sune

10 Tilbud Tilbud printes på brevpapiret. Dvs. at forsiden af tilbudet er det samme papir som forsiden af brevpapir. Undersiden er selvfølgelig så indholdssiderne. I tilbudslayoutet er det selvfølgelig nødvendigt at bruge venstrespalten mere aktivt Eksempelvis til billeder og anden highlightet materiale. Tilbudene er i princippet bygget op på samme måde som denne guide. Eksemplerpå opsætning af tilbud Aps Wilders Plads 8A T: København K F: headnet.dk info@headnet.dk Tilbud Website til 07 Indenrigsministeriet Tilbud Website til 07 Indenrigsministeriet Denmark Tilbud Indhold 2.1 Indledning Website til Indenrigsministeriet Indledning Udfordringer til implementeringen Forbedringer Konkurrentanalyse Eksempler på løsninger Budget Henning Larsen går i detaljer for at skildre skibsrederen Mærsk Mc-Kinney Møller som en stor skid. For eksempel gennem skibsrederens særlige interesse for wc er. Da Henning Larsen tegnede Churchill College i Cambridge for A.P. Møller-fonden, krævede skibsrederen, at toiletterne skulle være højere, så de passede til hans lange ben. Det samme gjorde sig igen gældende, da de skulle lave toiletterne i Operaen. Han vidste, hvad han gik ind til Det er at gå i detaljer med karaktermordet, og som Stig Ørskov skrev i sin Signatur her i avisen forleden, står det ikke til Henning Larsens ære. Open Source means an open mind. Kristain Hagesmæk, CEO i Julerup Færgeby Han vidste, hvad han gik ind til, da han sagde ja til opgaven. Han havde arbejdet for manden i 25 år. Da han endelig prøvede at rende af pladsen, var det for sent. Julerup Færgeby Open source løsning for DR Det er denne nidkærhed og praktiske tilgang fra bygherrens side, der lammer arkitekten, forhindrer ham i at løfte sig og blive kunstner, og som resulterer i et arkitektonisk makværk af historiske dimensioner. Og det medfører en dilettantisk byggefase, hvor man af bar utålmodighed går i gang, før væsentlige beslutninger er truffet og tegnet. Hastværket var med til at gøre huset ekstremt dyrt, mere end 2,5 milliarder. Byggeriet overskred jo budgettet, mere end Jean Nouvels koncerthus i Ørestad gjorde. Til gengæld er det så velbygget, at det vil stå som skamstøtte for hr. Møllers utålmodighed og dårlige smag i århundreder.

11 Visitkort Visitkortene leger med taglinen open minds. Dvs. at taglinen i dette design gøres aktiv. Visitkortet kan flippes op så informationsteksten bliver synlig. Designet er tænkt som at hver medarbejder har sin egen formation af bomærket. Eksempel på visitkort åbnet og lukket.

12 PowerPoint PowerPoint-dokumenterne er opsat efter samme principper som tilbud og brevpapir. PowerPointen er yderligere det medie hvor flest elementer kommer i spil. Dvs. at ikoner, piktogrammer, billeder og diagrammer, sammen med det overordnede layout, spiller en væsentlig rolle. Eksempel på visitkort åbnet og lukket.