Digital designmanual / version 1.2 / Region Hovedstaden. P2 Design Manual
|
|
- Anita Krog
- 7 år siden
- Visninger:
Transkript
1 Digital designmanual / version 1.2 / Region Hovedstaden P2 Design Manual 11
2 HJEMMESIDE Designkoncept Univers Responsivitet Grundelementer Logo og navnetræk Farver Typografi Billedestill Grundskabeloner Design Sideeksempler Gridsystem Indhold Tekstniveauer Spacing Header Search bar Piktogrammer Cookies Fokushistorier Billedformater Infografik INTRANET Designkoncept Univers Responsivitet Grundelementer Logo og navnetræk Farver Typografi Grundskabeloner Sideeksempler Gridsystem Indhold Tekstniveauer Spacing Header Elementer Billedformater Infografik NOTIFIKATIONER Grundskabeloner Sideeksempler Indhold Billedformater Designkoncept Minisites Grafik og branding Kampagnesite Grid Sidetyper Responsivitet INDHOLDSFORTEGNELSE MINISITES, KAMPAGNESITES OG CO-BRANDING
3 UNIVERS / DESIGNKONCEPT HJEMMESIDE INTRANET NOTIFIKATIONER MINISITES Univers Webdesignet for Region Hovedstaden har til formål at give målgruppen et brugervenligt, tilgængelig og enkelt stiliseret univers. Ved hjælp af et lyst venligt farvespektre, der i sit udtryk er minimalt, kan brugeren koncentrere sig om indholdet og navigere hurtigt rundt i et overskueligt univers. Designguiden har til formål at give professionelle et arbejdsredskab til udvikling og implementering af diverse tiltag. 3
4 RESPONSIVITET / DESIGNKONCEPT HJEMMESIDE INTRANET NOTIFIKATIONER MINISITES Responsivitet Webdesignet er responsivt, så det tilpasser sig alle skærmstørrelser og devices. Dermed har websitets elementer ikke en fast størrelse, men tilpasses efter skærmopløsningen. 4
5 LOGO OG NAVNETRÆK / GRUNDELEMENTER WEBSITE INTRANET NOTIFIKATIONER MINISITES Logo og navnetræk Region Hovedstadens identitet er forankret i et logo og navnetræk. Det karakteriske H er ligeledes grundelementet for regionens ligeværdige underidentiteter. Region Hovedstaden er den overordnede administrative instans, som har 2 virksomhedsområder: Hospitaler (herunder Region Hovedstadens Psykiatri) Tværgående virksomheder Alle virksomheder og hospitaler har slægtskab gennem mærket, men er også kendetegnet ved egen identitetsfarve og eget navnetræk. De 4 logoer er organisatorisk på samme niveau, så de vil aldrig optræde sammen. Logoer Region Hovedstaden Hospitaler Psykiatri Virksomheder 5
6 FARVER / GRUNDELEMENTER HJEMMESIDE INTRANET NOTIFIKATIONER Farver Region Hovedstaden / primær farve RGB HEX Farvepaletten for Region Hovedstaden består af en primær farve og en række sekundære farver. Den primære farve er identitetsfarven. De sekundære farver bruges til webelementer som tekst, bagrund og linjer. De anvendes også til de forskellige hover-states. 0,37,85 # På websitets forside ligger der et identitetsbånd med en gradient, som tager udgangspunkt i den primære farve. Region Hovedstaden / sekundære farver RGB HEX RGB HEX 0,125,187 #007DBB 128,146,170 #8092AA 240,251,191 #F0FBBF 100,108,111 #646C6f 101,101,101 # ,184,184 #B8B8B8 51,51,51 # ,213,213 #D5D5D5 255,255,255 #FFFFFF 240,240,240 #F0F0F0 Region Hovedstaden / gradient RGB HEX RGB HEX 0,37,85 # ,85,125 #29557D 6
7 FARVER / GRUNDELEMENTER HJEMMESIDE INTRANET NOTIFIKATIONER Farver Hospital / primære farver RGB HEX RGB HEX Farvepaletten for Region Hovedstaden består af to primær farver og en række sekundære farver. Hvor den ene primære farve (hospitalernes identitetsfarve) bruges til farvede flader, bruges den anden til klikbare typografier. Den der bruges til klikbare typografier (#007DBB) er lidt mørkere end den anden. Dette skyldes, at den skal leve op til WCAG farvevalideringskrav. Hospital / sekundære farver 0,156,232 #009CE8 0,125,187 #007DBB RGB HEX RGB HEX De sekundære farver bruges til webelementer som tekst, bagrund og linjer. De anvendes også til de forskellige hover-states. På websitets forside ligger der et identitetsbånd med en gradient, som tager udgangspunkt i den primære farve. 56,130,127 #38827F 129,204,241 #81CCF1 240,251,191 #F0FBBF 51,51,51 # ,108,111 #646C6f 101,101,101 # ,184,184 #B8B8B8 213,213,213 #D5D5D5 255,255,255 #FFFFFF 240,240,240 #F0F0F0 Hospital / gradient RGB HEX RGB HEX 0,156,232 #009CE8 118,198,235 #76C6EB 7
8 FARVER / GRUNDELEMENTER HJEMMESIDE INTRANET NOTIFIKATIONER Farver Psykiatri / primære farver RGB HEX RGB HEX Farvepaletten for Region Hovedstaden består af to primær farver og en række sekundære farver. Hvor den ene primære farve (RHP s identitetsfarve) bruges til farvede flader, bruges den anden til klikbare typografier. Den der bruges til klikbare typografier (#4F8325) er lidt mørkere end den anden. Dette skyldes, at den skal leve op til WCAG farvevalideringskrav. Psykiatri / sekundære farver 102,191,15 #66BF0F 79,131,37 #4F8325 RGB HEX RGB HEX De sekundære farver bruges til webelementer som tekst, bagrund og linjer. De anvendes også til de forskellige hover-states. På websitets forside ligger der et identitetsbånd med en gradient, som tager udgangspunkt i den primære farve. 220,32,43 #DC202B 178,223,135 #B2DF87 240,251,191 #F0FBBF 51,51,51 # ,108,111 #646C6f 101,101,101 # ,184,184 #B8B8B8 213,213, ,255,255 #FFFFFF 240,240,240 #F0F0F0 Psykiatri / gradient RGB HEX RGB HEX 102,191,15 #66BF0F 155,206,125 #9BCE7D 8
9 FARVER / GRUNDELEMENTER HJEMMESIDE INTRANET NOTIFIKATIONER Farver Virksomheder / primære farver RGB HEX RGB HEX Farvepaletten for Region Hovedstaden består af to primære farver og en række sekundære farver. Hvor den ene primære farve (virksomhedernes identitetsfarve) bruges til farvede flader, bruges den anden til klikbare typografier. Den der bruges til klikbare typografier (#497D83) er lidt mørkere end den anden. Dette skyldes, at den skal leve op til WCAG farvevalideringskrav. Virksomheder / sekundære farver 128,190,179 #85CCC9 73,125,131 #497D83 RGB HEX RGB HEX De sekundære farver bruges til webelementer som tekst, bagrund og linjer. De anvendes også til de forskellige hover-states. På websitets forside ligger der et identitetsbånd med en gradient, som tager udgangspunkt i den primære farve. 220,32,43 #DC202B 127,186,193 #7FBAC1 240,251,191 #F0FBBF 51,51,51 # ,108,111 #646C6f 101,101,101 # ,184,184 #B8B8B8 213,213,213 #D5D5D5 255,255,255 #FFFFFF 240,240,240 #F0F0F0 Virksomheder / gradient RGB HEX RGB HEX 128,190,179 #85CCC9 171,213,218 #ABD5DA 9
10 TYPOGRAFI/ GRUNDELEMENTER HJEMMESIDE INTRANET NOTIFIKATIONER Mari Specialtegnet skrift til brug i navnetrækket og på websitet. Den bruges både i rubrikker, brødtekst og i navigationen. Mari Light ABCDEFGHIJKLMNOPQRSTUVXYZÆØÅ abcdefghijklmnopqrstuvxyzæøå Mari Book ABCDEFGHIJKLMNOPQRSTUVXYZÆØÅ abcdefghijklmnopqrstuvxyzæøå Mari Regular ABCDEFGHIJKLMNOPQRSTUVXYZÆØÅ abcdefghijklmnopqrstuvxyzæøå Mari Bold ABCDEFGHIJKLMNOPQRSTUVXYZÆØÅ abcdefghijklmnopqrstuvxyzæøå Mari Heavy ABCDEFGHIJKLMNOPQRSTUVXYZÆØÅ abcdefghijklmnopqrstuvxyzæøå Mari Poster ABCDEFGHIJKLMNOPQRSTUVXYZÆØÅ abcdefghijklmnopqrstuvxyzæøå
11 BILLEDSTIL / GRUNDELEMENTER HJEMMESIDE INTRANET NOTIFIKATIONER Billedstil Billeder giver liv, og konsekvent billedstil giver genkendelighed. Overordnet skal fotos afspejle tre værdier: Imødekommenhed, troværdighed og tryghed. Det er de tre værdier, der indrammer vores billedunivers. Billederne skal altid tages i øjenhøjde, så iagtageren er en del af situationen og ikke bliver en afstandstagende tilskuer. Billederne skal ydermere kommunikere indholdet til brugeren. Emotionel, stemning, breather Closeups, focus er centreret De gode historier Imødekommenhed Det er vigtigt for vores patienter og de pårørende at føle, de bliver taget hånd om af venligt personale i en situation, hvor de ellers kan føle sig utrygge. Brug billeder, der viser omsorg, handlekraft og venligt personale. Sørg for at gøre situationerne personlige og undgå hvide kitler, der ikke er sat i sammenhæng med behandlingen af patienter. Faglighed, rent udtryk Closeups, focus, dept of field Travlhed Troværdighed Vi kan ikke narre patienterne og de pårørende til at tro, at virkeligheden er en anden, end den de oplever. Derfor skal vi i billederne være troværdige og turde vise vores hverdag, som den er - uden hverken at gøre den smukkere eller mere grim og rodet, end den er. Undgå romantiserende løfter om helbredelse. Closeups, focus er centreret Faglighed, rent Emotionel, stemning, breather Tryghed Vi skal signalere professionalisme og kyndighed både lægefaglig og sundhedsfagligt - alt sammen for at give følelse af tryghed. Closeups, focus er centreret Forskning, rent udtryk Hverdag 11
12 DESIGN / GRUNDSKABELONER HJEMMESIDE INTRANET NOTIFIKATIONER Design Webdesignet for Region Hovedstaden har til formål at give målgruppen et brugervenligt, tilgængeligt og enkelt stiliseret univers. Ved hjælp af et lyst venligt farvespektre der i sit udtryk er minimalt kan brugeren koncentrere sig om indholdet og navigere hurtigt rundt i et overskueligt univers. 12
13 SIDEEKSEMPLER / GRUNDSKABELONER HJEMMESIDE INTRANET NOTIFIKATIONER Sideeksempler A B A. Forside B. Supersektion 13
14 SIDEEKSEMPLER / GRUNDSKABELONER HJEMMESIDE INTRANET NOTIFIKATIONER Sideeksempler A B A. Afdelingssektion B. Afdelingssupersektion 14
15 SIDEEKSEMPLER / GRUNDSKABELONER WEBSITE INTRANET NOTIFIKATIONER MINISITES Sideeksempler A B A. Kategoriside B. Indholdsside 15
16 SIDEEKSEMPLER / GRUNDSKABELONER WEBSITE INTRANET NOTIFIKATIONER MINISITES Sideeksempler A B A. Politisk kalender B. Politisk kalender Indholdsside 16
17 SIDEEKSEMPLER / GRUNDSKABELONER WEBSITE INTRANET NOTIFIKATIONER MINISITES Sideeksempler A B A. Selvbetjening kategoriside B. Selvbetjening startside 17
18 SIDEEKSEMPLER / GRUNDSKABELONER WEBSITE INTRANET NOTIFIKATIONER MINISITES Sideeksempler A A. Selvbetjening klageformular 18
19 GRIDSYSTEM / GRUNDSKABELONER HJEMMESIDE INTRANET NOTIFIKATIONER Grid Der anvendes et 12-spaltet responsivt grid med en maksbredde på 1170 px. Kolonners bredde er varianble, så griddet passer til forskellige skærmsørrelser og devices. Breakpoints: 940 px 768 px 320 px 19
20 GRIDSYSTEM / GRUNDSKABELONER HJEMMESIDE INTRANET NOTIFIKATIONER Grids A 1170 px 940 px B A px B. 940 px 70 px 30 px 60 px 20 px 20
21 GRIDSYSTEM / GRUNDSKABELONER HJEMMESIDE INTRANET NOTIFIKATIONER Grids A 724 px 300 px B A. 724 px (Tablet) B. 300 px (Mobile) 42 px 20 px 60 px 20 px 21
22 GRIDSYSTEM / GRUNDSKABELONER HJEMMESIDE INTRANET NOTIFIKATIONER Skabeloner A B A. Forside Region Hovedstaden B. Forside Hospital 22
23 GRIDSYSTEM / GRUNDSKABELONER HJEMMESIDE INTRANET NOTIFIKATIONER Indholdsskabeloner Sektion Supersektion Afdelingssektion (mavebælte) Afdelingssupersektion Kategoriside Listevisning (Presse & nyt) Indholdside Politisk kalender indholdsside 23
24 TEKSTNIVEAUER/ INDHOLD HJEMMESIDE INTRANET NOTIFIKATIONER Tekstniveauer Region Hovedstaden Tagline Topnavigation Servicenavigation 3 For Fagfolk Button Topbannertekst 5 Identitetsbånd 7 6 Button Topfokushistorier rubrik 8 9 Topfokushistorier tid/dato Indgange rubrik Arrow links Indgange se alt om -links 12 Afsnitsrubrikker 13 24
25 TEKSTNIVEAUER/ INDHOLD HJEMMESIDE INTRANET NOTIFIKATIONER Tekstniveauer Region Hovedstaden Nyheder rubrik Nyheder manchet Arrangementer item 16 Footer indgange rubrik 17 Footer indgange links Footer indgange se alt om -links Footer adresse Footer navigation (button) 25
26 TEKSTNIVEAUER/ INDHOLD HJEMMESIDE INTRANET NOTIFIKATIONER Tekstniveauer Region Hovedstaden Body rubrik h Body manchet Body billedtekst 24 Body rubrik h Body brødtekst Body citat 27 Body byline link 28 Body rubrik h2 29 Input felt Input felt 1 Body doc link 32 26
27 TEKSTNIVEAUER/ INDHOLD HJEMMESIDE INTRANET NOTIFIKATIONER Tekstniveauer Region Hovedstaden Left navigation rubrik 33 Left navigation link 34 Bread crumb 35 Alfabetisk oversigt bogstav 36 Organitorisk oversigt rubrik Afdelingsoversigt liste rubrik Afdelingsoversigt emne Afdelingsoversigt liste manchet 27
28 TEKSTNIVEAUER/ INDHOLD HJEMMESIDE INTRANET NOTIFIKATIONER Tekstformatering TYPE FONT SIZE LEADING SPACING STYLE COLOR HOVER ACTIVE 1. Tagline Mari Light 17 px 21 px 50 9a9a9a 2. Servicenavigation Mari Regular 13 px / 007dbb 8092aa 3. For fagfolk - button Mari Regular 13 px 20 px 50 uppercase ffffff ffffff 4. Topnavigation Mari Bold 17 px 20 px aa 8092aa 5. Topbannertekst Mari Light 54 px 61 px Button Mari Light 16 px 20 px ffffff 7. Identitetsbånd Mari Book 20 px 30 px 50 ffffff 8. Topfokushistorier rubrik Mari Bold 17 px 22 px aa 9. Topfokushistorier tid/dato Mari Heavy 12 px 20 uppercase Indgange rubrik Mari Bold 22 px aa 11. Arrow links Mari Regular 18 px 40 arrow aa 12. Indgange se alt om -links Mari Poster 13 px dbb 8092aa 13. Afsnitsrubrikker Mari Light 34 px Nyheder rubrik Mari Bold 22 px 25 px aa 15. Nyheder manchet Mari Regular 15 px 32 px Arrangementer item Mari Regular 18 px 32 px / 007dbb 8092aa 17. Footer indgange rubrik Mari Heavy 18 px 40 underline 4b4b4b 9e9e9e 18. Footer indgange links Mari Regular 15 px 40 4b4b4b 9e9e9e 19. Footer indgange se alt om -links Mari Bold 15 px 40 4b4b4b 9e9e9e 20. Footer navigation (buttons) Mari Bold 12 px ffffff 21. Footer adresse Mari Regular 12 px 80 ffffff 22. Body rubrik h1 Mari Light 50 px 53 px Body manchet Mari Book 22 px 29 px c6f 24. Body billedtekst Mari Bold 13 px 16 px c6f 25. Body rubrik h3 Mari Bold 25 px 28 px Body brødtekst Mari Book 16 px 23 px Body citat Mari Book 28 px 33 px Body byline link Mari Regular 14 px 21 px dbb 8092aa 29. Body rubrik h2 Mari Light 34 px 34 px 38 px Input felt 1 Mari Book 19 px Input felt 2 Mari Book 19 px 24 px Body doc link Mari Bold 16 px dbb 8092aa 33. Left navigation rubrik Mari Heavy 18 px 40 uppercase aa 34. Left navigation link Mari Regular 16 px 45 px aa Mari Heavy / Bread crumb (navigation) Mari Regular 14 px d4d4d 28
29 TEKSTNIVEAUER/ INDHOLD HJEMMESIDE INTRANET NOTIFIKATIONER Tekstformatering TYPE FONT SIZE LEADING SPACING STYLE COLOR HOVER ACTIVE 36. Alfabetisk oversigt bogstav Mary Heavy 54 px Organitorisk oversigt rubrik Mary Heavy 36 px Afdelingsoversigt emne Mary Bold 25 px c6f 39. Afdelingsoversigt liste rubrik Mary Bold 20 px dbb 8092aa 40. Afdelingsoversigt liste manchet Mari Book 16 px
30 SPACING/ INDHOLD HJEMMESIDE INTRANET NOTIFIKATIONER Forside Region Hovedstaden 25 px 25 px 25 px 90 px 30 px 406 px 40 px 40 px 74 px 20 px 20 px 74 px 70 px 30
31 SPACING/ INDHOLD HJEMMESIDE INTRANET NOTIFIKATIONER Forside Region Hovedstaden 70 px 25 px 20 px 30 px 70 px 70 px 40 px 20 px 70 px 70 px 18 px 40 px 70 px 70 px 31
32 SPACING/ INDHOLD HJEMMESIDE INTRANET MINISITE SOCIAL INTEGRERING Forside Region Hovedstaden 40 px 20 px 20 px 40 px 40 px 70 px 40 px 30 px 30 px 40 px 80 px 32
33 SPACING/ INDHOLD HJEMMESIDE INTRANET NOTIFIKATIONER Footer 70 px 20 px 16 px 60 px 66 px 35 px 20 px 20 px 44 px 33
34 SPACING/ INDHOLD HJEMMESIDE INTRANET NOTIFIKATIONER Forside Hospitalerne 20 px 20 px 70 px 40 px 10 px 70 px 34
35 SPACING/ INDHOLD HJEMMESIDE INTRANET NOTIFIKATIONER Indholdsside 30 px 98 px 62 px 34 px 30 px 34 px 40 px 10 px 20 px 60 px 30 px 60 px 40 px 35
36 SPACING/ INDHOLD HJEMMESIDE INTRANET NOTIFIKATIONER Indholdsside 20 px 40 px 40 px 20 px 40 px 60 px 30 px 30 px 40 px 36
37 SPACING/ INDHOLD HJEMMESIDE INTRANET NOTIFIKATIONER Supersektion 60 px 60 px 30 px 25 px 20 px 30 px 60 px 37
38 SPACING/ INDHOLD HJEMMESIDE INTRANET NOTIFIKATIONER Supersektion 20 px 20 px 20 px 20 px 20 px 18 px 20 px 30 px 20 px 30 px 10 px 80 px 38
39 SPACING/ INDHOLD HJEMMESIDE INTRANET NOTIFIKATIONER Afdelingssupersektion 30 px 60 px 90 px 40 px 36 px 36 px 50 px 70 px 30 px 30 px 30 px 60 px 39
40 HEADER/ INDHOLD HJEMMESIDE INTRANET NOTIFIKATIONER Desktop Den primære navigation for Region Hovedstadens webunivers ligger i toppen af hver side. Topsystemet er delt i servicenavigation, globalnavigation og breadcrumb. Tablet/mobil På mindre devices samles menupunkter, som der ikke er plads til, i en dropdown. Drop Shadow: Blend Mode: Multiply, Opacity: 15%, Angle: 120, Distance: 2px, Spread: 0px, Size: 2px 40
41 SEARCHBAR/ INDHOLD HJEMMESIDE INTRANET NOTIFIKATIONER Global søgning Ved klik på søgeikonet i topnavigationen foldes søgefeltet ud og alt indhold under søgefeltet skubbes 95 px ned Tekst i søgefeltet: Font: Mari Book Size: 16 px Spacing: 50 Color: Hover color: RGB:224,224,224 HEX:e0e0e0 Hover color: RGB:224,224,224 HEX:e0e0e0 41
42 PIKTOGRAMMER/ INDHOLD & FARVER HJEMMESIDE INTRANET NOTIFIKATIONER Piktogrammer Piktogrammer til web findes i fire forskellige størrelser. Farver Piktogrammerne findes i 4 forskellige farver: til hospitaler, Psykiatri, Region Hovedstaden og virksomheder. Piktogrammerne tager afsæt i farvepaletten for Region Hovedstaden. De må kun benyttes til det navngivne formål, og den fulde pakke kan ses på regionens designmanual under piktogrammer. Eksempler på store 180x180px - 360x360px. 180x180 hvis piktogrammet er bærende på en side + til print fra web 360x360 hvis der er brug for et ekstra stort format Piktogrammerne findes i 4 forskellige farver: til hospitaler, Psykiatri, Region Hovedstaden og virksomheder. Eksempler på små 63x63px til top task-felterne i den store brandingboks på forsiderne + til brødtekstfelter, højrespalte og nedarvning. Piktogrammerne findes i 4 forskellige farver: til hospitaler, Psykiatri, Region Hovedstaden og virksomheder. Disse findes yderligere i hvid på gennemsigtig baggrund. Eksempler på mini 32x32px til forside-linklisterne på regionh.dk. Piktogrammerne findes i 4 forskellige farver: til hospitaler, Psykiatri, Region Hovedstaden og virksomheder. Disse findes yderligere i hvid på gennemsigtig baggrund. 42
43 COOKIES / INDHOLD HJEMMESIDE INTRANET NOTIFIKATIONER Cookies Cookies-båndet optræder i bunden af browservinduet, første gang man besøger siden. 43
44 FOKUSHISTORIER/ INDHOLD HJEMMESIDE INTRANET NOTIFIKATIONER Versioneringer af fokushistorier A A. 2 fokushistorier af 6 kolonner. B. 1 fokushistorier af 8 kolonner og 2 fokushistorier af 4 kolonner. C. 4 fokushistorier af 6 kolonner. B C
45 BILLEDFORMATER/ INDHOLD HJEMMESIDE INTRANET NOTIFIKATIONER Billedformater Forside topbanner 1920 x 520 px Forside topbanner og minisite topbanner 1920 x 520 px Forside tophistorier 270 x 160 px Afdelingssektion topbillede: 1920 x 477 px Forside tophistorier 270 x 160 px 45
46 BILLEDFORMATER/ INDHOLD HJEMMESIDE INTRANET NOTIFIKATIONER Billedformater Forside fokushistorier 1/2 570 x 324 px Forside fokushistorier 1/2: 570 x 324 px 2/3: 700 x 466 px 1/3: 370 x 184 px Forside fokushistorier 2/3 700 x 466 px Forside fokushistorier 1/3 370 x 184 px 46
47 BILLEDFORMATER/ INDHOLD HJEMMESIDE INTRANET NOTIFIKATIONER Billedformater Afdelingssektion topbillede 1920 x 477 Afdelingssektion topbillede 1920 x 477 px Supersektion indgange 370 x 185 px Supersektion indgange 370 x 185 px 47
48 BILLEDFORMATER/ INDHOLD HJEMMESIDE INTRANET NOTIFIKATIONER Billedformater Kategoriside topbillede 870 x 300 px Kategoriside topbillede 870 x 300 px Kategoriside indgange 270 x 160 px Kategoriside indgange 270 x 160 px 48
49 BILLEDFORMATER/ INDHOLD HJEMMESIDE INTRANET NOTIFIKATIONER Billedformater Indholdsside topbillede 870 x 300 px Billede i fokusboks højrekolonne 268 x 120 px Indholdsside topbillede 870 x 300 px Indholdsside brødtekstbillede 518 x 242 px Indholdsside brødtekstbillede - bred 668 x 312 px Billede i fokusboks højrekolonne 268 x 120 px Billede i fokusboks bund Indholdsside brødtekstbillede 518 x 242 px Indholdsside brødtekstbillede - bred 668 x 312 px 368 x 164 px Billede i fokusboks bund 368 x 164 px 49
50 BILLEDFORMATER/ INDHOLD HJEMMESIDE INTRANET NOTIFIKATIONER Billedformater Presse & nyt fukushistorier 420 x 210 px Presse & nyt fokushistorier 420 x 210 px Politisk indholdsside brødtekstbillede 570 x 300 px Politisk indholdsside brødtekstbillede 570 x 300 px 50
51 BILLEDFORMATER/ INFOGRAFIK HJEMMESIDE INTRANET NOTIFIKATIONER Infografik Region Hovedstaden Eksempler Presse Ipsum Handicaptilbud Dolor Miljø Infografikerne på hjemmesiden tager afsæt i den overorden designlinje, farvepalette, gradient og font, som er angivet til henholdsvis Region Hovedstanden, Hospital, Psykiatri og Virksomheder. Jan Feb Mar April Maj Jun Jul Aug Sep Infografikken skal være enkelt og let at afkode. Hospital Afdelinger Forskning Jan Feb Mar April Maj Jun Jul Aug Sep Psykiatri Virksomheder Driftsmålstyring Administrative arbejde 51
52 HJEMMESIDE INTRANET MINISITE SOCIAL INTEGRERING INTRANET 52
53 UNIVERS/ DESIGNKONCEPT HJEMMESIDE INTRANET NOTIFIKATIONER MINISITES Univers Designet for Region Hovedstadens intranet har til formål at give målgruppen et brugervenligt, tilgængeligt og enkelt stiliseret univers. Universet skal signalere en rar arbejdsplads og adskille sig fra hjemmesiden ved hjælp af en anden farvepalette samt toplogin, der giver adgang til personificeret indhold. Intranettet gør brug af det samme responsive gridprincip som hjemmesiden. 53
54 UNIVERS/ DESIGNKONCEPT HJEMMESIDE INTRANET NOTIFIKATIONER MINISITES Responsivitet Intranettet er responsivt, så det tilpasser sig alle skærmstørrelser og devices. Dermed har websitets elementer ikke en fast størrelse, men tilpasses efter skærmopløsningen. 54
55 LOGO OG NAVNETRÆK / GRUNDELEMENTER HJEMMESIDE INTRANET NOTIFIKATIONER MINISITES Logo og navnetræk Region Hovedstadens identitet er forankret i et logo og navnetræk. Det karakteriske H er ligeledes grundelementet for regionens ligeværdige underidentiteter. Region Hovedstaden er den overordnede administrative instans, som har 2 virksomhedsområder: Hospitaler (herunder Region Hovedstadens Psykiatri) Tværgående virksomheder Alle virksomheder og hospitaler har slægtskab gennem mærket, men er også kendetegnet ved egen identitetsfarve og eget navnetræk. De 4 logoer er organisatorisk på samme niveau, så de vil aldrig optræde sammen. Logoer Region Hovedstaden Hospitaler Psykiatri Virksomheder 55
56 FARVER / GRUNDELEMENTER HJEMMESIDE INTRANET NOTIFIKATIONER MINISITES Farver Intranet / primære farver RGB HEX RGB HEX Farvepaletten for Region Hovedstadens intranet består af to primære farver og en række sekundære farver. 225,247,126 #E1F77E 119,146,0 # Hvor den ene primære farve bruges til farvede flader, bruges den anden til klikbare typografier. Den der bruges til klikbare typografier (#779200) er lidt mørkere end den anden. Dette skyldes at den skal leve op til WCAG farvevalideringskrav. Intranet / sekundære farver RGB HEX RGB HEX De sekundære farver bruges til webelementer som tekst, bagrund og linjer. De anvendes også til de forskellige hover-states. 240,251,191 #F0FBBF 220,32,43 #DC202B 67,67,67 # ,101,101 # ,108, C6F 130,130,130 # ,34,34 # ,184,184 #B8B8B8 51,51,51 # ,204,204 #CCCCCC 255,255,255 #FFFFFF 240,240,240 #F0F0F0 Intranet / gradient RGB HEX RGB HEX 226,247,128 #E2F ,251,191 #F0FBBF 56
57 TYPOGRAFI/ GRUNDELEMENTER HJEMMESIDE INTRANET NOTIFIKATIONER MINISITES Mari Specialtegnet skrift til brug i navnetrækket og på websitet og intranet. Den bruges både i rubrikker, brødtekst og i navigationen. Mari Light ABCDEFGHIJKLMNOPQRSTUVXYZÆØÅ abcdefghijklmnopqrstuvxyzæøå Mari Book ABCDEFGHIJKLMNOPQRSTUVXYZÆØÅ abcdefghijklmnopqrstuvxyzæøå Mari Regular ABCDEFGHIJKLMNOPQRSTUVXYZÆØÅ abcdefghijklmnopqrstuvxyzæøå Mari Bold ABCDEFGHIJKLMNOPQRSTUVXYZÆØÅ abcdefghijklmnopqrstuvxyzæøå Mari Heavy ABCDEFGHIJKLMNOPQRSTUVXYZÆØÅ abcdefghijklmnopqrstuvxyzæøå Mari Poster ABCDEFGHIJKLMNOPQRSTUVXYZÆØÅ abcdefghijklmnopqrstuvxyzæøå
58 SIDEEKSEMPLER/ GRUNDSKABELONER HJEMMESIDE INTRANET NOTIFIKATIONER MINISITES Sideeksempler A B A. Forside B. Supersektion 58
59 SIDEEKSEMPLER/ GRUNDSKABELONER HJEMMESIDE INTRANET NOTIFIKATIONER MINISITES Sideeksempler A B A. Afdelingssektion B. Sektion 59
60 SIDEEKSEMPLER/ GRUNDSKABELONER HJEMMESIDE INTRANET NOTIFIKATIONER MINISITES Sideeksempler A A. Indholdsside 60
61 SIDEEKSEMPLER / GRUNDSKABELONER HJEMMESIDE INTRANET NOTIFIKATIONER MINISITES Mødekalender A B A. Mødekalender B. Mødekalender-indholdsside 61
62 SIDEEKSEMPLER / GRUNDSKABELONER HJEMMESIDE INTRANET NOTIFIKATIONER MINISITES Sideeksempler A B A. Selvbetjening startside B. Selvbetjening kategoriside 62
63 GRIDSYSTEM / GRUNDSKABELONER HJEMMESIDE INTRANET NOTIFIKATIONER MINISITES Grid Der anvendes et 12-spaltet responsivt grid med en maksbredde på 1170 px. Kolonners bredde er varianble, så griddet passer til forskellige skærmsørrelser og devices. Intranet griddet følger samme mål og principper som hjemmesiden. Se side 20 Breakpoints: 940 px 768 px 320 px 63
64 GRIDSYSTEM / GRUNDSKABELONER HJEMMESIDE INTRANET NOTIFIKATIONER MINISITES Grids A 1170 px 940 px B A px B. 940 px For tablet 724 px og Mobil 300 px, se eksempler fra Hjemmesiden på side px 30 px 60 px 20 px 64
65 GRIDSYSTEM / GRUNDSKABELONER HJEMMESIDE INTRANET NOTIFIKATIONER Skabeloner A A. Forside Intranet 65
66 GRIDSYSTEM / GRUNDSKABELONER HJEMMESIDE INTRANET NOTIFIKATIONER Indholdsskabeloner Sektion Supersektion Afdelingssektion (mavebælte) Afdelingssupersektion Kategoriside Listevisning (Presse & nyt) Indholdside Politisk kalender indholdsside 66
67 TEKSTNIVEAUER/ INDHOLD HJEMMESIDE INTRANET NOTIFIKATIONER MINISITES Tekstniveauer Intranet Site-identifikation Toolbar, indgang til mit intranet Alarm info - kanp Service navigation Forside fokus (lokalt) 2 8 Forside fokus (regionalt) Nyheder 3 9 It-drift og support meddelser 10 Diverse valgfri højrekolonneindhold Indhold fra mit intranet, min væg 4 67
68 TEKSTNIVEAUER/ INDHOLD HJEMMESIDE INTRANET NOTIFIKATIONER MINISITES Tekstniveauer Intranet Særlig zone til indhold fra mit intranet 11 Arrangement item 12 Footer indgang - links 14 Footer indgang - rubrik 13 Footer indgang - mere om links Footer - navigation (knap) Footer - adresse 5 68
69 SPACING/ FORSIDE HJEMMESIDE INTRANET NOTIFIKATIONER MINISITES Forside - Intranet 25 px 25 px 30 px 40 px 30 px 30 px 30 px 30 px 40 px 30 px 30 px 30 px 30 px 69
70 HEADER/ INDHOLD HJEMMESIDE INTRANET NOTIFIKATIONER MINISITES Desktop Den primære navigation for Region Hovedstadens webunivers ligger i toppen af hver side. Topsystemet er delt i servicenavigation, globalnavigation og breadcrumb. Tablet/mobil På mindre devices samles menupunkter, som der ikke er plads til, i en dropdown. Drop Shadow: Blend Mode: Multiply, Opacity: 15%, Angle: 120, Distance: 2px, Spread: 0px, Size: 2px 70
71 ELEMENTER/ INDHOLD HJEMMESIDE INTRANET NOTIFIKATIONER MINISITES Elementer Intranettet gør brug af samtlige bokse, elementer, ikoner og billedformater, der bliver brugt på hjemmeside. Dog er der nogle unikke elementer og bokse, der kun bruges på intranettet. A. Toolbar/login A B C B. Alarm knap C. Identitetsbånd D. Page tools antal kommentarer, følg person, del siden. E. Kommentarfelt findes på indholdssider D E 71
72 BILLEDFORMATER/ INDHOLD HJEMMESIDE INTRANET NOTIFIKATIONER MINISITES Billedformater Afdelingssektion topbillede og supersektion 1920 x 477 Afdelingssektion topbillede og supersektion 1920 x 477 px Forside fokushistorie stor 568 x 278 px Forside fokushistorie lille 368 x 163 px Forside fokushistorie stor 568 x 278 px Forside fokushistorie lille 368 x 163 px 72
73 BILLEDFORMATER/ INDHOLD HJEMMESIDE INTRANET NOTIFIKATIONER MINISITES Billedformater Kategoriside topbillede 870 x 300 px Kategoriside topbillede 870 x 300 px Kategoriside indgange 270 x 160 px Kategoriside indgange 270 x 160 px Hvilerum Motionsrum 73
74 BILLEDFORMATER/ INDHOLD HJEMMESIDE INTRANET NOTIFIKATIONER MINISITES Billedformater Indholdsside topbillede 870 x 300 px Indholdsside topbillede 870 x 300 px Indholdsside brødtekstbillede 518 x 242 px Indholdsside brødtekstbillede - bred 668 x 312 px Billede i fokusboks bund 368 x 164 px Billede i fokusboks højrekolonne Indholdsside brødtekstbillede 518 x 242 px Indholdsside brødtekstbillede - bred 668 x 312 px 268 x 120 px Billede i fokusboks bund 368 x 164 px Billede i fokusboks højrekolonne 268 x 120 px 74
75 BILLEDFORMATER/ INDHOLD HJEMMESIDE INTRANET NOTIFIKATIONER MINISITES Billedformater Mødekalenderindholdsside brødtekstbillede 570 x 300 px Mødekalenderindholdsside brødtekstbillede 570 x 300 px Forside nyhedslister 180 x 108 px Forside nyhedslister 180 x 108 px 75
76 INFOGRAFIK / INDHOLD HJEMMESIDE INTRANET NOTIFIKATIONER Infografik Infografiken på intranettet tager afsæt i den overordnede intranet designlinje, farvepalette, gradient og typografi. Intranet Infografikken skal være enkelt og let at afkode. Eksempler LOREM IPSUM Illa eario doluptas elende pre con conse pra que re cus accae verumet voluptiumqui ommolore nieturisi qui ulparch ilitatur? Est, ipissim in nis et quo consectem. Ebit aliquos cum utatur sus eveliti usandebitas maion porecum volorro volor assit, simi, volor. Od ut fugitatius reic tem rem. Ut qui bearum adi ut aspit inim LOREM IPSUM Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum 76
77 HJEMMESIDE INTRANET MINISITE SOCIAL INTEGRERING NOTIFIKATIONER 77
78 NOTIFIKATIONER / GRUNDSKABELONER HJEMMESIDE INTRANET NOTIFIKATIONER MINISITES Sideeksempel 78
79 BILLEDFORMATER/ INDHOLD HJEMMESIDE INTRANET NOTIFIKATIONER MINISITES Billedformater Notifikationer stor 600 x 230 px Notifikation stor 600 x 230 px Notifikation lille 260 x 150 px Notifikationer lille 260 x 150 px 79
80 HJEMMESIDE INTRANET MINISITE SOCIAL INTEGRERING Minisites, kampagnesites og CO-branding, 80
81 MINISITES, KAMPAGNESITES OG CO-BRANDING / DESIGNKONCEPT HJEMMESIDE INTRANET NOTIFIKATIONER MINISITES Minisites Minisites er opbygget med tæt tilførsforhold til virksomheds- og hospitalssite. Hovedafsenderlogo er placeret øverst til venstre. Supplerende navnetræk typisk navn på tværgående enhed skrives med skriften Mari Light størrelse 30 px. Det supplerende navnetræk placeres i en afstand der svarer til 2 x bredden af ben i H et. Indholdselementer er opbygget af samme moduler som virksomheds- og hospitalshjemmesider. 81
82 MINISITES, KAMPAGNESITES OG CO-BRANDING / DESIGNKONCEPT HJEMMESIDE INTRANET NOTIFIKATIONER MINISITES Grafik og branding Ud over brugen af navnetræk i tagline, kan minisites bruge det store topbanner fra forside-layoutet til branding. Minisites kan også indsætte en godkendt grafik i topbaren. Topgrafik skal placeres til højre for servicemenuen. Billedformat, topbanner 1920 x 520 px Topgrafik til minisites Topgrafik er todelt: En venstreside med logo og titel, og en højre med vignet. Venstre side: Logo skal fylde hele højden da den skaleres i systemet (66%). Afleveres som PNG med gennemsigtig baggrund. 110 pixel høj, variabel bredde. Højre side: Vignetten skal holdes indenfor 110 x 266 pixels. PNG fil. Grafik med høj kontrast bør ikke ligge for tæt på venstre side af filen - da det responsive design rykker højremenuen ind over vignetten. Formatet på topgrafikken er 110 x 1170 pixels. Breakpoints: 940 px 768 px 320 px 82
83 MINISITES, KAMPAGNESITES OG CO-BRANDING / DESIGNKONCEPT HJEMMESIDE INTRANET NOTIFIKATIONER MINISITES Kampagnesites med eller uden cobranding Kampagnesites er opbygget som minisites, men her er hovedafsender ikke en af virksomhederne. Hovedafsender er det co-branding projekt eller den kampagne, man ønsker at fremhæve. Logoets makshøjde er 60 px, ligesom på virksomheds- og hospitalssite. Logoer for samarbejdspartnere og leverandører indsættes på forsiden, og kan evt. nedarves på underliggende sider. 83
84 MINISITES, KAMPAGNESITES OG CO-BRANDING / GRID HJEMMESIDE INTRANET NOTIFIKATIONER MINISITES Grid Der anvendes det samme 12-spaltede responsive grid som på virksomheds- og hospitalssite. Maksbredde: 1170 px. Mellem servicenavigationen og topgrafikken er der 35 px luft. Topgrafikken i højre side måler 266 px X 110 px og klæber altid til browserens højre kant. Breakpoints: 940 px 768 px 320 px 84
85 MINISITES, KAMPAGNESITES OG CO-BRANDING / SIDETYPER HJEMMESIDE INTRANET NOTIFIKATIONER MINISITES Sidetyper CO-branding-sites, minisites og kampagnesites er alle opbygget med tæt tilførsforhold til virksomheds- og hospitalssite. Kun headeren indeholder nye elementer. Andre indholdselementer er opbygget af samme moduler som på virksomheds- og hospitalssite. 85
86 MINISITES, KAMPAGNESITES OG CO-BRANDING / RESPONSIVITET HJEMMESIDE INTRANET NOTIFIKATIONER MINISITES Grids til responsive design A 1170 px 940 px B Disse eksempler viser, at bredden på grafikken skalerer i forhold til vinduesstørrelse. Fx: A px (én vinduesstørrelse) B. 940 px (en anden vinduesstørrelse) 86
87 MINISITES, KAMPAGNESITES OG CO-BRANDING / RESPONSIVITET HJEMMESIDE INTRANET NOTIFIKATIONER MINISITES Grids til responsive design A 724 px 300 px B Disse eksempler viser, at bredden på grafikken automatisk skalerer i forhold til vinduesstørrelse. Fx: A. 724 px (Tablet) B. 300 px (Mobile) 87
88 HJEMMESIDE INTRANET MINISITE SOCIAL INTEGRERING 88
Digital designmanual / version 1.1 / Region Hovedstaden. P2 Design Manual
Digital designmanual / version 1.1 / Region Hovedstaden P2 Design Manual 11 Designkoncept Univers Responsivitet Grundelementer Logo og navnetræk Farver Typografi Billedestill Grundskabeloner Design Sideeksempler
Læs mereDigital designmanual / tredjepartsløsninger/version 1.0 / Region Hovedstaden
Digital designmanual / tredjepartsløsninger/version 1.0 / Region Hovedstaden INDHOLDSFORTEGNELSE / TREDJEPARTS INTEGRERING DIGITALE DESIGNELEMENTER Grundelementer Logo og navnetræk Farver Typografi Billedestill
Læs mereDigital designmanual / tredjepartsløsninger/version 1.0 / Region Hovedstaden
Digital designmanual / tredjepartsløsninger/version 1.0 / Region Hovedstaden INDHOLDSFORTEGNELSE / TREDJEPARTS INTEGRERING DIGITALE DESIGNELEMENTER Grundelementer Logo og navnetræk Farver Typografi Billedestill
Læs mereDigital designmanual / Tredjepartsløsninger (version 3) P2 Design Manual
Digital designmanual / Tredjepartsløsninger (version 3) P2 Design Manual 1 INDHOLDSFORTEGNELSE / TREDEJEPARTS INTEGRERING TREDJEPARTSINTEGRERING Grundelementer Logo og navnetræk Farver Typografi Billedstill
Læs mereDesignguide for Domstol.dk
Designguide for Domstol.dk Designguide December 2006 for Domstol.dk Indholdsfortegnelse Designelementer..................... 3 Navigationsprincipper................ 11 Tekstformatering....................
Læs mereDESIGNGUIDE WEBSITE DESKTOP OG MOBIL 2016
DESIGNGUIDE WEBSITE DESKTOP OG MOBIL 06 FARVER HOVEDFARVER SEKUNDÆRE FARVER Primary blue Secondary blue Primary teal Primary orange 80% 60% 40% 0% 80% 60% 40% 0% 80% 60% 40% 0% 80% 60% 40% 0% Hex: ##033f65
Læs mereIndholdsfortegnelse. Designmanual Borsen.dk 1. Farver 01. Fonte 02. Ikoner og knapper 03. Menuen 04. Bannere 05. Generelle mål 06. Grafikelementer 07
Indholdsfortegnelse Designmanual Borsen.dk 1 Introduktion..................................................... 02 Farver 01 Fonte 02 Ikoner og knapper 03 Menuen 04 Bannere 05 Generelle mål 06 Grafikelementer
Læs mereDesignmanual for websider
Designmanual for websider 31. marts 2009 Version 1.1. Denne manual beskriver de gældende retningslinjer for Aalborg Universitets websider. Det vil sige websider der benytter aau.dk i domænenavnet er omfattet
Læs mereDESIGNMANUAL DIGITAL
DESIGNMANUAL DIGITAL Januar 2016 INDHOLD INDLEDNING 5 1. ELEMENTER 6 1.1 LOGOER 7 1.1.1 Primære logoer 7 1.1.2 Sekundære logoer 8 1.2 FARVER 9 Farver, Global 9 Farver, Kanal 4 9 Farver, 6 eren 9 Farver,
Læs mereFODMAPforum. Designmanual
Designmanual Velkommen På de følgende sider finder du s designprogram. Med det ved hånden er du i stand til at designe løsninger til s grafiske flader. Her kan du slå op og finde ingredienserne til at
Læs mereDesignmanual BUTLER FM
Designmanual BUTLER FM 2015 Grontmij A/S, Facilities Management Forfatter: Rikke Carlsen, RIC Indhold Grid... 3 Afstande... 5 Fonte og typografier... 6 Farver... 7 Tabeller... 8 Andre elementer... 10 Ikoner...
Læs mereIndhold. Grafisk workflow 3 Procesbeskrivelse 4 Inspiration 5 Skitser 6 Flowchart 7 Typografi og farver 8 Skelet 9 Storyboard 12 Html, css og seo 16
GRAFISK WORKFLOW Indhold Grafisk workflow Procesbeskrivelse Inspiration 5 Skitser 6 Flowchart Typografi og farver 8 Skelet 9 Storyboard 2 Html, css og seo 6 Grafisk workflow Opgaven At skabe et nyt og
Læs mereLøsningsbeskrivelse og visuelle guidelines Dokumentet er en del af NemID tjenesteudbyderpakken.
Løsningsbeskrivelse og visuelle guidelines Dokumentet er en del af NemID tjenesteudbyderpakken. p. 1-16 Løsningsbeskrivelse og visuelle guidelines Indhold Hvad er NemID?... 3 NemID på din hjemmeside...
Læs mereDesignmanual Det Nationale Institut for Kommuners og Regioners Analyse og Forskning
Opdateret 20. 09. 2012 Designmanual Det Nationale Institut for Kommuners og Regioners Analyse og Forskning Velkommen På de følgende sider finder du KORAs designprogram. Med det ved hånden er du i stand
Læs mereMediegrafiker Dan Klessen 2011. Grafik og billedbehandling
Grafik og billedbehandling Grafik og billedbehandling I denne opgave inden for billedredigering, viser jeg før og efter billede, hvilke værktøjer jeg har brugt og hvad billedet skal bruges til. Billedet
Læs mereDesignmanual. Version 1.0. Wonderful Copenhagen
Designmanual Version 1.0 Wonderful Copenhagen Designmanual Index Intro SIDE 2 Intro Logo SIDE 3 Wonderful Copenhagens designmanual er et værktøj til internt brug og til brug for eksterne samarbejdspartnere
Læs mereDesignguide til Region Hovedstadens Web- & online-tv
Region Hovedstaden Designguide til Region Hovedstadens Web- & online-tv Designguide til Region Hovedstadens Web- & online-tv INDHOLD Introduktion 1 Logoplacering 2 Filmens titel 3 Titler og afsenderlogo
Læs mereTrafikstyrelsens grafiske linje designmanual
Trafikstyrelsens designmanual Juli 2010 2 Trafikstyrelsens Designmanualen beskriver grundelementerne i Trafikstyrelsens profil og, og giver eksempler og retningslinjer for deres anvendelse. Designmanualen
Læs mereHerning Centerby Guide til Umbraco
Herning Centerby Guide til Umbraco marts 2016 I GANG MED UMBRACO 4 LOGIN 4 LÆR UMBRACO AT KENDE 5 SÅDAN REDIGERER DU SIDER 6 VÆRKTØJSLINJEN 6 RET I TEKSTEN 7 RET ELLER INDSÆT LINK I TEKSTEN 8 RET ELLER
Læs mereJobnet.dk designmanual. Version
Jobnet.dk designmanual Version 04.00 15.02.2013 Arbejdsmarkedsstyrelsen 2013 GENERELT Browser kompatibilitet Jobnet.dk udvikles med brug af CSS3, hvilket gør det væsentligt nemmere at vedligeholde alting.
Læs mereNAVN PÅ KAPITEL IDENTITET RAW 2015
NAVN PÅ KAPITEL IDENTITET RAW 2015 Indholdsfortegnelse 1. Designkoncept 2. Logotype 3. Typografi 4. Det femte element 5. Farveskala 6. Fotostil 7. Eksempler på anvendelse 8. ipad magasin Side x Side x
Læs mereRetningslinjer for Institutionshjemmesiderne
Retningslinjer for Institutionshjemmesiderne Indholdsfortegnelse 1 Retningslinjer for institutionshjemmesiderne... 2 1.1 Tips fra Skriv til nettet... 2 1.2 Struktur... 2 1.2.1 Niveauer... 2 1.2.2 Genveje...
Læs mereNORDIC LIVING. E-MAGAZINE http://sophiehrefnaboye.dk/projektnordicliving/bolig.html. MUL A - 2. semester projekt 2 - Afleveret 11.
NORDIC LIVING E-MAGAZINE http://sophiehrefnaboye.dk/projektnordicliving/bolig.html MUL A - 2. semester projekt 2 - Afleveret 11.marts 2016 Thalassa Phillips Ida Bach Sophie Hrefna http://thalassaphillips.com/
Læs mereM.OE. Designmanual December 2014 1. udgave
M.OE Designmanual December 2014 1. udgave INDHOLDFORTEGNELSE ANVENDELSE 3 Rammer for anvendelse 4 GRUNDELEMENTER 5 Logo 6 Varianter 7 Skalering 8 Respektafstand 9 Farver 10 Typografi 11 Ikoner 12 BREVLINJE
Læs mereIndholdsfortegnelse: Hvad hedder det forskellige på sitet? Forsiden Servicemenu. Manual Skive Kommune Umbraco subsite
Manual Skive Kommune Umbraco subsite Du logger ind i Umbraco via adressen: subsite.skive.netmester.dk/umbraco uden at skrive https:// http:// eller www. foran. Indholdsfortegnelse: Hvad hedder det forskellige
Læs mereDesignmanual. Bjarne Brønno 2014 Version 1.0
Designmanual Bjarne Brønno 2014 Version 1.0 Indholdsfortegnelse Indledning Farver Typografi Billedstil Logo Branding Brandingmateriale 3 4 5 6 7 9 10 Indledning Dette er en designmanual til musiker Bjarne
Læs mereGruppe 9 Visuel Interface Design, 27/09/2011
Gruppe 9 Visuel Interface Design, 27/09/2011 Først øvelse. Lav en designanalyse i tekst og billeder af det udleverede website www.kariyer.net. Vi startede med en hjemmeside, der så ud som følgende: Gennemgående
Læs mereOPGAVEN PROGRAMVALG. Jeg har brugt Illustrator til at lave logo og ikoner.
GRAFISK DESIGN OPGAVEN Min kæreste er medstifter af en vinloge. Medlemmerne af logen kunne godt tænke sig et sted, hvor de bl.a. kunne få et overblik over, hvilke vine de har bedømt og hvornår næste loge
Læs mereHjemmesidens layout. Sitecore Foundry maj Version 1.2
Sitecore Foundry 3.0 Hjemmesidens layout 31. maj 2012 - Version 1.2 Pentia A/S Store Kongensgade 66, Baghuset 1264 København K Telefon: 7023 3330 E-mail: info@foreningssite.dk Indholdsfortegnelse Indledning...
Læs mereINDHOLDSFORTEGNELSE SKRIFTTYPER FORMER UNIFORMER FARVER FACEBOOK -LOGO -COVER LOGO EFFEKTER INFORMATION
DESIGN GUIDE INDHOLDSFORTEGNELSE SKRIFTTYPER FARVER LOGO EFFEKTER FORMER UNIFORMER FACEBOOK -LOGO -COVER INFORMATION Skrifttyper til web NexaBold sans-serif Denne typeface bliver brugt til diverse headings,
Læs mereDESIGNMANUAL Roskilde Dyrskue - 2016
mødested for land & by DESIGNMANUAL Roskilde Dyrskue - 2016 Vores designmanual indeholder regler og retningslinjer samt skal bruges til inspiration i arbejdet med vores visuelle kommunikation. Grunden
Læs mereAdministration af subsites BRUGERVEJLEDNING FOR ADMINISTRATOREN
Administration af subsites BRUGERVEJLEDNING FOR ADMINISTRATOREN Indholdsfortegnelse Introduktion... 2 Definitioner... 2 Generelt... 3 Oprettelse af en skabelon... 4 Sidetypeskabeloner... 5 Globale displaymoduler...
Læs mereGRAFISK PRODUKTION PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE
GRAFISK PRODUKTION OG WORKFLOW PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE PORTFOLIO DAN KLESSEN BOOSTING BUSINESS MEDIEGRAFIKER SVENDEPRØVE 04 INDHOLDSFORTEGNELSE Dokumentation 05
Læs mereDESIGNGUIDE VESTFORBRÆNDING VISUELLE RETNINGSLINJER APRIL 2016
DESIGNGUIDE VESTFORBRÆNDING VISUELLE RETNINGSLINJER APRIL 2016 INDHOLD Introduktion 3 Logo og navnetræk 4 Farvepalet 5 Farvepalet udvidet 6 Typografi 7 5. element 8 Grafiske elementer 9 Piktogrammer 10
Læs mereDesignmanual. Version 1. 02-06/2013
Designmanual Version 1. 02-06/2013 s designmanual indhold Indhold 2 Introduktion... 3 Kommunikationsunivers... 4 Konceptbeskrivelse...5 HVAD...5 HVEM...5 HVORDAN...5 HVOR...5 HVORNÅR...5 Konceptskitse...6
Læs mereNY IDENTITET TIL SCHWARZ
GRAFISK DESIGN NY IDENTITET TIL SCHWARZ Redskaber: Photoshop Illustrator Kundeprofil: Schwarz er en eksklusiv forhandler af senge og tilbehør i topklavlitet. Med deres store sortiment af kvalitetsmærker
Læs mereVEJLEDNING SPAMFILTERET. 1. Udgave, august 2015 Tilpasset FirstClass version 12.1, Dansk
VEJLEDNING SPAMFILTERET 1. Udgave, august 2015 Tilpasset FirstClass version 12.1, Dansk Udarbejdet af: Styrelsen for IT og Læring Vester Voldgade 123, 1552 København V Indholdsfortegnelse Vejledning -
Læs mereGrafisk workflow. Se siden her: www.cormas.dk
Grafisk workflow Se siden her: www.cormas.dk Dokumentation 4 Procesbeskrivelse 5 Inspirationssøgning 6 Skitser 8 Layout i Photoshop 9 Farver 10 Font 11 Flowchart 12 Wireframe 13 Storyboard 14 kontakt.html
Læs mereBROCHURE TYPE 2 - MÅL
Designguide for BROCHURE TYPE 2 - MÅL 80 172 90 25 25 nam af Lorem Ipsum Dolor og Sit Amet Consectetuer Lorem ipsum dolor sit amet nam 297 261 261 11 11 64.2 64.2 Denne guide er et supplement til designguide
Læs mereINDHOLDSFORTEGNELSE TYPEFACES FORMER UNIFORMER FARVER FACEBOOK -LOGO -COVER LOGO EFFEKTER INFORMATION
DESIGN GUIDE INDHOLDSFORTEGNELSE TYPEFACES FARVER LOGO EFFEKTER FORMER UNIFORMER FACEBOOK -LOGO -COVER INFORMATION Typefaces til web NexaBold sans-serif Denne typeface bliver brugt til diverse headings,
Læs mereDesignguide til Region Hovedstadens Web-TV
Region Hovedstaden Designguide til Region Hovedstadens Web-TV September 2014 Introduktion Designguiden til Web-TV tager udgangspunkt i Region Hovedstadens designprogram. For at sikre et ensartet og gennemført
Læs mereJobcenter designmanual Version 02.00 09.10.2006. Arbejdsmarkedsstyrelsen 2006
Jobcenter designmanual Version 02.00 09.10.2006 Arbejdsmarkedsstyrelsen 2006 Indhold: Forord 03 Logo 04 Logo med kommunenavn 05 Logovariationer 06 Logofarver 07 Baggrundsfarver 09 Typografi 10 Brevpapir
Læs mereVisuel guide til vores design. Version 2.0-2012-12-04
Visuel guide til vores design Version 2.0-2012-12-04 Introduktion Et design En organisation FTF s designguide har til formål at sikre, at vi altid er kreative inden for de samme rammer og fremstår som
Læs merenamminersornerullutik oqartussat grønlands hjemmestyre Miniguide til Vores logo side 1 afslut tryk esc
namminersornerullutik oqartussat grønlands hjemmestyre Miniguide til Vores logo side 1 Indledning Det er vigtigt for Grønlands Hjemmestyre at fastholde og styrke den visuelle identitet. En stærk identitet
Læs mereGRAFISK PRODUKTION & WORKFLOW. Endotest website
GRAFISK PRODUKTION & WORKFLOW Endotest website DOKUMENTATION OPGAVEN: Endotest ApS ønskede at redesigne deres hjemmeside, så den fremstår mere professionel og enkel. Derudover skal det nye site præsentere
Læs mereGrafisk produktionsforståelse
04 Grafisk produktionsforståelse Design og koding af steentrae.dk 24 Svendeprøveportfolio Steentrae.dk Responsivt website med CMS I forlængelse af min Grafisk design-del, har jeg her valgt at fokusere
Læs mereVejledning til Photofiltre nr.129 Side 1
Side 1 Til denne vejledning laver vi lidt ekstra ved hvert billede. Vi skal bruge det der hedder Image Curl. Vi skal altså bruge en fil der kan hentes på min hjemmeside under Photofiltre 7 og nederst på
Læs mere1 // Grafisk design. Hjemmesiden før. Kunde. Produkt. Opgave. Målgruppe. Bogforlaget Frydenlund A/S. www.his2rie.dk
Kunde Bogforlaget Frydenlund A/S Produkt www.his2rie.dk Opgave Hjemmesiden før Redesign af hjemmesiden www.his2rie.dk, som ejes af forlaget. Min opgave lød på, at udforme et nyt design til hjemmesiden,
Læs mereLOGO. Logoet for Brejning som helhed er designet med henblik på at vise samklang med de tre øvrige logoer men også fremstå som noget andet.
Visuel identitet LOGO et for Brejning som helhed er designet med henblik på at vise samklang med de tre øvrige logoer men også fremstå som noget andet. et er lavet ud fra en række tanker omkring Brejning.
Læs mereGrafisk workflow. Hjemmeside til Bærkompagniet
Grafisk workflow Hjemmeside til Bærkompagniet Dokumentation Opgaven Bærkompagniet skulle have designet og programmeret et website, hvor de kunne præsentere deres produkter samt mulige forhandlere kunne
Læs mereCo Brewers. Designmanual Rev. 1
Designmanual 2016 Rev. 1 Indhold Source Sans Pro 01 Logo 02 Farveunivers Plakat Visitkort Label Website 04 Billedstil 05 Layout 03 Typografi Logo Logoet er designet så det skaber associationer til øl,
Læs mereBrug af billeder på hjemmesiden og redigering af billeder i Paint Net
Brug af billeder på hjemmesiden og redigering af billeder i Paint Net Af webmaster Nis Hollesen, sidst redigeret 14.06.16 Fast anvendelse af billeder på norddjurs.dk Husk at kigge på og eventuelt redigere
Læs mereGRAFISK DESIGN. Hjemmeside
GRAFISK DESIGN Hjemmeside AFSENDER Dansk design ANSVAR FOR OPGAVELØSNING Jeg har haft ansvaret for at opgaven er blevet løst, og at den har overholdt de krav som jeg selv har stillet til den skal opfylde,
Læs mereGrafisk Workflow. Website til European Blues Challenge
Grafisk Workflow Website til European Blues Challenge Opgaven: European Blues Challenge er en europæisk blues festival som skifter lokation hvert år. I 2017 kommer festivallen til Horsens, og vores kunde
Læs mereDesignmanual BUTLER FM
Designmanual BUTLER FM 2015 Grontmij A/S, Facilities Management Forfatter: Rikke Carlsen, RIC Indhold Grid... 3 Afstande... 5 Fonte og typografier... 6 Farver... 7 Tabeller... 8 Andre elementer... 10 Ikoner...
Læs mereGrafisk Design. rafisk Design
rafisk Design Svendeprøve 2016 Opgaven I forbindelse med at ReklameTryk ville lancere en webshop skulle vores hjemmeside opdateres. Den skulle fremstå enkelt, lys og nem at navigere rundt på og samtidig
Læs mereGrafisk produktion og workflow
Grafisk produktion og workflow Helle Nicolaysen svendeprøve juni 2016 Kunde (fiktiv) Bomholt er en virksomhed der laver og sælger plankeborde og som nu ønsker en helhedsorienteret grafisk designlinje,
Læs mereGrafisk Redegørelse Opgaven Programvalg Kvalitetsvurdering Målgruppe Arbejdsproces Kvalitet Komposition og layout Brugervenlighed
Redegørelse Grafisk Opgaven At redesigne en hjemmeside for AGF fanclub, som har et mere moderne look og et nyhedsarkiv som er let oversskueligt. Hjemmesiden er en opgave jeg selv har stillet mig og kunne
Læs mereProdukt. Index side GRAFISK DESIGN
Grafisk design Produkt Index side Produkt Underside - kontakt Redegørelse OPGAVEN I forbindelse med valgfag, som jeg tog i København, havde vi lært forskellige nye funktioner, som vi skulle implementere
Læs mereFeelgood Bakery Re-design. Jaqueline, Elisabeth, Caroline & Nathalie Gruppe 4
Feelgood Bakery Re-design Jaqueline, Elisabeth, Caroline & Nathalie Gruppe 4 Københavns Erhversakadami Multimedie Design Marts 2016 Re-design af Feelgood Bakery http://www.nathalieskaarup.dk/feelgoodbakery/feelgood/
Læs mereSådan benytter du HOTLINEs ServiceDesk (SD)
Sådan benytter du HOTLINEs ServiceDesk (SD) Hvor finder jeg ServiceDesk?...2 Fanebladet Start Startside...3 Hvordan opretter jeg en ny opgave?...4 Hvordan laver jeg et skærmdump og får lagt det ind i min
Læs mereGrafik & Billede weloveorganic.com webshop
Grafik & Billede weloveorganic.com webshop Opgaven og afsender: Weloveorganic.com er en forholdsvis ny virksomhed, der pånuværende tidspunkt udelukkende sælger økologisk tøj til kvinder. På længere sigt
Læs mereRelease notes Januar 2014
Release notes Januar 2014 Det er vigtigt, I sletter midlertidige filer i jeres browser efter et nyt release af borger.dk, for at browseren ikke stadig anvender ældre komponenter herfra. For OPIS redaktører
Læs mereUdbud.dk Brugervejledning til leverandører
Udbud.dk Brugervejledning til leverandører Vejledning til at anvende Udbud.dk Januar 2014 Indholdsfortegnelse 1. INDLEDNING... 3 2. OVERORDNET OPBYGNING AF UDBUD.DK... 4 2.1 FORSIDE OG NAVIGATION... 4
Læs mereGrafisk. Portfolio for Kasper Rasmussen
Grafisk design grafisk design Det Strategiske Forskningsråd Årsskrift Opgavebeskrivelse DSF har hvert år udsendt et årsskrift for at belyse nye spændende områder indefor den forskning de bl.a. har støttet
Læs mereGrafisk Design. Website til Brainreader
Grafisk Design Website til Brainreader Opgaven: Brainreader udvikler og sælger software til scanningsmaskiner, som hjælper lægen/radiologisten med at lave mere præcis og ikke mindst hurtigere scanninger
Læs mereDesign manual for. Lavet af Gruppe 3: Daniel Gade. Maj-britt Gierahn. Pia Skriver. Vejleder i projektet Space Networking anno 2013 er:
Design manual for Lavet af Gruppe 3: Daniel Gade. Maj-britt Gierahn. Pia Skriver. Vejleder i projektet Space Networking anno 2013 er: Erhverv: Kirsten Kasch Kommunikation: Karen Malene Andreasen og Jens
Læs mereUmbraco. Brugerdokumentation
2 Umbraco Brugerdokumentation Indholdsfortegnelse Generel dokumentation... 3 Hvordan logger jeg ind i CMS et?... 3 Sidertyper... 3 Content... 3 Forside... 3 Sektionsforside... 3 Artikel... 3 Servicemappe...
Læs mereTYPOGRAFI OG OMBRYDNING
TYPOGRAFI OG OMBRYDNING Opgaven var her at udarbejde en brochure for virksomheden Fynbo Glas A/S. Det er en engros virksomhed, der sælger glas til byggebranchen. Brochuren skulle bruges som en informationsbrochure,
Læs mereDesignmanual for. Carsten Jensen Biler A/S INDHOLDSFORTEGNELSE:
Designmanual for Carsten Jensen Biler A/S INDHOLDSFORTEGNELSE: Skrifttyper side 2 Farveprofil side 2 Logoets varianter side 3 Logoets anvendelse Annoncer side 4 Plakater side 4 Roll-up side 5 Brevpapir
Læs mereINDHOLDS- FORTEGNELSE
DESIGN- MANUAL INDHOLDS- FORTEGNELSE DESIGNMANUAL Tanker bag designet... 4 Logo... 5 APP logo... 6 Logovarianter... 7 Typografi... 8 Farvepalette... 12 DESIGNPROCESS Brainstorm... 13 Moodboard... 17 Værdigrid...
Læs merePANSER & BRANDBILSMUSEET DESIGNMANUAL
PANSER & BRANDBILSMUSEET DESIGNMANUAL INDHOLDSFORTEGNELSE INTRODUKTION 4 TONE OF VOICE 5 LOGO 6 RESPEKTAFSTAND I LOGO 7 PLACERING AF LOGO 8 FARVER 9 FARVE PÅ LOGO 10 PRIMÆR FONT OVERSKRIFT 11 PRIMÆR FONT
Læs mereCHOKOLADE MAGERIET. Designmanual. af Mette Tang
Designmanual af Mette Tang Indhold Logo Respektafstand...s. 4 Placering...s. 5 Størrelser...s. 6 På baggrunde...s. 7 Typografi Fonte...s. 9 Teksjustering...s. 10 På baggrunde...s. 11 Elementer Cirkler...s.
Læs mereDESIGNGUIDE. Version 1.0 december 2015 OUR GOAL IS TO IMPROVE LIFE QUALITY WITH TECHNOLOGY
DESIGNGUIDE Version 1.0 december 2015 OUR GOAL IS TO IMPROVE LIFE QUALITY WITH TECHNOLOGY INDHOLD: Cachet har brug for sikre deres strategiske kommunikation til deres visuelle kommunikation ved opstart
Læs mereFÅ OVERBLIK OVER LØNNEN EXCEL FOR TILLIDSREPRÆSENTANTER DEL 4: FORMATERING AF REGNEARKET INFORMATIONSBOKS
FÅ OVERBLIK OVER LØNNEN Få overblik over lønnen Excel for tillidsrepræsentanter Del 4: Formatering af regnearket Trin 8: Justér visningen af tallene Nu er vi færdige med selve tal-beregningerne i Excel.
Læs mereDesignmanual. Generelt. NyreNyt + pjecer. Logo 2 Farver 2 Typografi 3 Billede 3
Designmanual Generelt Logo 2 Farver 2 Typografi 3 Billede 3 NyreNyt + pjecer Forside 4 Inholdsfortegnelse 5 Sidetal / sidefod 5 Indhold 6 Tema / Tillæg 6 Typografi Rubrik (Overskrifter) Underrubrik (indl.
Læs mereMARIA SKAU MADSEN SVENDEPRØVE 2015 WWW.BY-M.DK
DOKUMENTATION MARIA SKAU MADSEN WWW.BY-M.DK INDHOLDSFORTEGNELSE OPGAVE BESKRIVELSE.... 5 RESEARCH.... 5 DESIGN.... 5 SPECIFIKATIONER DET TRYKTE MEDIE.... 5 NUVÆRENDE IDENTITET... 6 PRIMÆR OG SEKUNDÆR MÅLGRUPPE....................6
Læs mereTYPOGRAFI & OMBRYDNING
TYPOGRAFI & OMBRYDNING BOG OM DÚNÉ OPGAVE: IDÉ: ANSVAR: Ditte Rolighed G. Jørgensen En bog omkring Dúné, med portrætter, turneér, billeder og historie Inspiration ud fra musikmagasiner, men som udgangspunkt
Læs mereFORORD. På de følgende sider bliver du præsenteret for City Odenses grafisk profil i form af en designmanual.
DESIGNMANUAL FORORD På de følgende sider bliver du præsenteret for City Odenses grafisk profil i form af en designmanual. Den er en vejledning i hvordan logo, typografi, biledstil, grafisk elementer, farver,
Læs mereRedaktørmanual TYPO3 Version 6.2
Redaktørmanual TYPO3 Version 6.2 www.t3cms.dk TYPO3 Manual Version 6.2 Side 1 af 20 T3CMS Tlf: 70 25 00 22 Indholdsfortegnelse Generel info om TYPO3 3 Rediger din side 4-6 Indsættelse af links 7 Indsæt
Læs mereTypografi & ombrydning
Typografi & ombrydning Opgaven Jeg ville gerne lave et hæfte, der henvender sig til alle, der interesserer sig for VW bussen rugbrødet og dens udvikling fra starten i 1950 og frem til i dag. Målgruppen
Læs mereManual til de lokale webredaktører
Skolelederne.org marts 2007 Manual til de lokale webredaktører Nedenstående er en kort udgave af manualen til hjemmeside systemet Webupdate 5 med enkelte personlige erfaringskommentarer.. Mvh Søren Thomsen.
Læs mereTypografi og ombrydning
Typografi og ombrydning Odense Bys Museum ønskede at genoplive projektet»en eventyrrejse med H.C. Andersen«. I den forbindelse skulle der udgives en novellesamling i hardcover med 9 udvalgte noveller af
Læs mereUdarbejdet af weltklasse. Designmanual
Designmanual 1 Minimumsafstanden fra kanten af det gældende medie, bestemmes af logoets grafikdel. Respektafstand 2 Logoet kan bruges på hvid, sort og billedbaggrund Bruges logoet på billedbaggrund, er
Læs mere4 ARBEJDE MED SEKTIONER
4 ARBEJDE MED SEKTIONER Sektioner er en ny måde at vise indhold på. I bund og grund handler det om, at vi opdeler en side i en eller flere sektioner, som kan vise indhold på en række forskellige måder.
Læs mereUMS Velkomst Byder nye brugere velkommen til skolen
Forord UMS Velkomst modulet giver mulighed for at give de kommende studerende et godt førstehåndsindtryk ved skolestart - den indledende kontakt til de studerende er umådelig vigtig. Velkomst modulet består
Læs mereGrafisk Design Louise Schibbye Pedersen Mediegrafiker Svendeprøve 2016
Grafisk Design Louise Schibbye Pedersen Mediegrafiker Svendeprøve 2016 GRAFISK DESIGN PROCES Opgaven Jeg designer og laver mine egne plakater i min fritid både illustrationer, manuelt grafik og fotografier
Læs merePortfolie Redesign. Forord. Det tekniske. Tema ide. Css. opløsning.
Portfolie Redesign dette er en gennemgang af opbyggelse af mit portfolie, med samtilige begrunderlser af design valg. Forord Min portfolie hjemmeside er fra start af ment som et startplatform og ikke et
Læs mereDesignmanual til FOA.dk. Seneste redigeret: 21. juli 2006/pilo
Designmanual til FOA.dk Seneste redigeret: 21. juli 2006/pilo Farver Sider på sitet: Afdelinger, FOA Fælles og A kasse sider har samme blå farve, som bruges ved faktabokse, linkbokse mv. FOA Fælles, A
Læs mereInspiration til brug for udarbejdelse af apotekers hjemmesider
Inspiration til brug for udarbejdelse af apotekers hjemmesider 1 Inspiration til brug for udarbejdelse af apotekers hjemmesider DECEMBER 2005 Inspiration til brug for udarbejdelse af apotekers hjemmesider
Læs mereIntern designguide N E E D L E B O Y. Den røde tråd
Intern designguide N E E D L E B O Y Den røde tråd Den røde tråd Den interne designguide Denne designguide er kommet til under Problemformulering: hvordan skaber man opmærksomhed for filmen Needle Boy?
Læs mereDesignguide for Dominio de Pontas
Designguide for Dominio de Pontas Logo Dominio de Pontas logo består af logotype og logoikon. LOGOFARVE Logoet kan bruges i sort eller hvid, hvis det skal bruges i farve bruges firmaets røde eller gule
Læs mereDESIGN MANUAL. Designmanualen beskriver grundelementerne i Who Brands profil, og den giver eksempler og retningslinjer for deres anvendelse.
DESIGN MANUAL Designmanualen beskriver grundelementerne i Who Brands profil, og den giver eksempler og retningslinjer for deres anvendelse. Designmanualen er et værktøj til brug for dem, der i det daglige
Læs mereGrafisk design. Ide. Designprocess. Målgruppe
Ide Designprocess I denne opgave har jeg udviklet et website for et feriehus. Kunden ønsker et site, som både fungere privat, men også som offentlig hjemmeside. Hele site skal være på dansk, tysk og engelsk.
Læs mereTypografi. &ombrydning. Artikel tæt på Fit Living Magasinet. Typografi & ombrydning
Typografi &ombrydning Artikel tæt på Fit Living Magasinet 1 OPGAVEN: Jeg fik til opgave at layoute en artikel om Louise Mieritz til Fitliving nr. 11 / 2015. Derudover skulle jeg booke fotograf, location
Læs mereRedesign af Cinnober. Analyse af hjemmesiden Cinnober
Redesign af Cinnober Gruppe 25 Vi har i denne uge arbejdet på at redesigne hjemmesiden til butikken Cinnober, som ligger på Strøget i København. Cinnober sælger bøger og andre kontorartikler. Deres hjemmeside
Læs mereGRUPPE 5 Line - Nanna - Thea - Sarah
GRUPPE 5 Line - Nanna - Thea - Sarah Gruppeopgave uge 40 Redesign af website - Feelgood Bakery 2. oktober 2015 Link til site http://nannalauth.com/fgb/website.html Kode Brugernavn : keammd Adgangskode
Læs mereDesignmanual
11-3-2016 Designmanual Om Designmanualen På disse sider er Man-Freds beskrevet. Manualen her kan bruges til at finde standarden til designet af hele Man-Freds identitet på tværs af alle deres mediekanaler.
Læs mereFIBREWATER DESIGN MANUAL NOVEMBER FIBREWATER Designmanual
DESIGN MANUAL NOVEMBER 2017 FORORD På de følgende sider finder du FibreWaters design manual. En håndbog til at designe løsninger til de grafiske flader. Formålet med denne design manual er at samle virksomheden
Læs mereDesignguide. NemID Designguide / Kontrapunkt / Marts 2010 1
Designguide h NemID Designguide / Kontrapunkt / Marts 2010 1 Indhold Logo Logo / Minimum afstand / Placering / Co-branding / Fejlagtig brug Elementer Farver / Tal og piktogrammer / Typografi / Supergrafik
Læs mere