Västra Götalandsregionen Grafisk manual. -Webbplatser

Storlek: px
Starta visningen från sidan:

Download "Västra Götalandsregionen Grafisk manual. -Webbplatser"

Transkript

1 Västra Götalandsregionen Grafisk manual -Webbplatser

2 Innehåll Inledning Allmänt, de grafiska grundelementen Sidhuvud (SH) Sidfot (SF) Banneryta (BY) De tre grundsidorna Förstasidan (FS) Förstasidan Underavdelningar/Tematorg (UA).6 Artikelsida (AS) Navigation Sidhuvudslänkar Huvudmeny och undermeny Länkning Du är här Färger Färgtema Textfärg Brödtext Rubriker Länkfärger Ikoners och symbolers färg Linjer Två exempel på färgteman Typografi Löpande text Länkning H1 till H Övrigt Mått Förstasida, med banneryta Förstasida, smal bild och text över två spalter...15 Underavdelning/Tematorg Artikelsidor Formulär, punktlista och tabell Symboler och grafiska element Ordförklaringar Lokala riktlinjer Bilaga, Exempel

3 Inledning Inledning Ett nytt utseende för regionens webbplatser Den här grafiska manualen visar det nya utseendet för Västra Götalandsregionens webbplatser. Manualen ger anvisningar om hur vi bygger bilderna av verksamheterna på Internet och på intranätet. Manualen är framtagen av informationsavdelningen vid regionstyrelsens kansli i samarbete med förvaltningarna. Avsikten med det nya utseendet på hemsidorna, är att genom en tydligare profil och en bättre struktur göra Västra Götalandsregionen tydligare för invånarna i Västra Götaland och för regionens anställda. "Användaren i centrum", "öka nyttan" och "lyfta verksamheten" har varit utgångspunkter i arbetet med den grafiska profilen. Profilen ger möjlighet att spegla både samhörighet och särart, genom fasta ramar med möjlighet till variation för varje verksamhet. För många kan Västra Götalandsregionen kännas anonym och få känner till den enorma spännvidden i verksamheten hälso- och sjukvård, kollektivtrafik, kultur, näringslivs- och regionutveckling och mycket, mycket mer. Med en ny grafisk profil och ny struktur på Västra Götalandsregionens webbplatser vill vi lyfta fram verksamheterna och göra regionens arbete och ansvar tydligare. Vänersborg Jan-Åke Björklund Regiondirektör Göran Ekstedt Informationsdirektör Sida 3

4 Allmänt, de grafiska grundelementen I detta avsnitt beskrivs struktur och grundelement för det grafiska utseendet för Västra Götalandsregionens (VGR:s) webbsidor. Om man väljer att använda den grafiska manualen, skall den följas i sin helhet. Alla som använder VGR:s grafiska webbprofil skall därmed använda sig av alla dessa grundelement. Inom dessa grundelement finns sedan en möjlighet att i färg- och bildval ge varje webbplats en egen karaktär. Som grundelement räknas sidhuvud, sidfot, de tre grundsidorna, och navigation. Sidhuvud (SH) Sidfot (SF) Banneryta (BY) Sidhuvudslänkar Huvudmeny Sidhuvud (SH) Sidhuvudet sträcker sig från sidans överkant till och med huvudmenyn. Sidhuvudet innehåller logotypen för webbplatsens verksamhet, sidhuvudsbild inklusive pixlad övergång, sidhuvudslänkar och huvudmeny. Dessutom innehåller sidhuvudet färgytor (bakgrundsfärger) under sidhuvudslänkar och huvudmeny. Sidhuvudet är ett och samma för hela webbplatsen. Det ändrar inte utseende eller innehåll vid byte av sida inom webbplatsen. Sidhuvudets logotyp skall vara webbplatsens verksamhets logotyp. Logotypen skall vara en klickbar länk till webbplatsens hemsida/förstasida. Sidhuvud (SH) består av logotyp för den aktuella verksamheten inom Västra Götalandsregionen, samt fasta länkar för Hjälp och service, Kontakt, Hem och In English samt ett sökfält. Där ligger också huvudmenyn, som kan växa till två rader, med en pixels vit linje mellan raderna. Sidhuvudsbild och sidhuvudets färger Sidhuvudsbild och sidhuvudets färger måste väljas med omsorg, då dessa kommer att synas genom och prägla hela webbplatsen. Sidhuvudsbilden bör vara mer av stämningsskapande karaktär snarare än en dagsaktuell redaktionell bild. Sidhuvudsbilden kan bytas kontinuerligt. Bilden skall dock alltid i färg och ton fungera tillsammans med sidhuvudlänkarnas bakgrundsfärg. Bakgrundsfärgen under huvudmenyn är också karaktärsskapande för hela webbplatsen, då även huvudmenyn ligger kvar för alla sidor på webbplatsen. Denna färg skall även korrespon- Sida 4

5 dera med färgerna i undermenyn. Se nedan under 'Navigation' samt i avsnittet 'Färger'. Sidfot (SF) Sidfoten sträcker sig från sidans underkant upp till och med avgränsande grå linje ovan sidfotens logotyp. Sidfoten innehåller Västra Götalands regionens logotyp samt kontaktinformation för den aktuella webbsidan. Sidfoten hänger ihop med varje enskild sida på webbplatsen. Sidfotens kontaktinformation förändras beroende på vilken sida sidfoten tillhör. Kontaktinformationen skall innehålla information om namn och e-postadress för person att kontakta gällande webbsidans innehåll, datum för senast ändring av sidan, samt att sidan är en del av med länk till dennas hemsida. Västra Götalands regionens logotyp är konstant för webbplatsens alla sidfötter. Logotypen skall vara en klickbar länk till Västra Götalands regionens hemsida. Sidfot (SF) består av logotyp för Västra Götalands regionen, samt kon - taktinformation. Kontaktinformationen består av en eller flera personer med namn och e-postadress, där e- postadressen är utskriven samt län - kad. Sidfoten innehåller även information om datum för senaste ändring av sidan, samt information om att sidan ingår i med länk till dennas hemsida. Sidfoten avskils med en 1 pixels hög linje över och under. Linjen är grå. Banneryta (BY) Webbplatsens banneryta ligger längst ned i webbläsaren. Bannerytan är inte obligatorisk. Banneryta (BY) med fem banners av Den används enbart då man vill visa banners i den minsta storleken. anslutning till förstasidan. Bannerytan syns enbart på webbplatsens hemsida. Bannerytan är inte en del av hemsidan, den skall vara konstant synlig oberoende av hur man scrollar sidan. Hemsidans scrollning görs ovanför bannerytan. Banners finns i fem olika format. Man kan använda bannerytan för olika bannerkombinationer från en stor banner till fem av den minsta storleken (BY1-BY5). Banners tillverkas internt av webbplatsen, och har därför inte standardformat för banners. Se avsnittet 'Mått' för bannerytans mått och mått för de fem olika bannertyperna. Sida 5

6 De tre grundsidorna Webbplatsen utgörs av tre huvudtyper av sidor; webbplatsens hemsida/förstasida, förstasidan för webbplatsens underavdelningar/tematorg, samt artikelsidor som utgör webbplatsens innehåll. Förstasidan (FS) Förstasidan utgörs av två sidytor (förutom sidhuvud och sidfot), FS1 och FS2. FS1 utgörs av sidans övre del och innehåller webbplatsens ingångsbild och ingångstext. Bilden och texten kan redaktionellt hänga ihop, men detta är inte nödvändigt. Bilden kan istället användas som en fristående, mer generell ingångsbild för hela webbplatsen. Bilden kan då ligga under en längre tid även om ingångstexten i FS1 byts oftare. Ingånsgtexten i FS1 kan läggas på en eller två spalter. Man kan även välja att helt ta bort FS1. Då skjuts FS2 upp till början av förstasidan, strax under huvudmenyn. För typografi och mått för förstasidans FS1, se avsnitt 'Typografi' och 'Mått'. FS2a Förstasida (FS) FS2b FS1 FS2 Förstasidans andra yta, FS2, utgörs i sin tur av två större delar. Den vänstra ytan (FS2a) utgörs av en kolumn med ingresser för artiklar/sidor inne i webbplatsen. Ingresserna kan vara större fristående ingångar till sidor, eller ligga under rubriker som 'Nyheter' eller 'Aktuellt'. Större fristående ingresser kan även innehålla bild. Den högra ytan (FS2b) ligger som två spalter och används för mer direkta länkar till webbplatsens underavdelningar, tematorg, eller viktiga enstaka sidor på webbplatsen. Länken föregås av länksymbol, samt följs av en kort förklarande text. En länk kan förstärkas genom en bild med bildtext. Ytan skiljer sig från övriga sidan genom en grå bakgrundsfärg. Ovanför den grå ytan i FS2b kan en ingångstext Sida 6

7 läggas, som används om man tar bort FS1. För typografi och mått för förstasidans yta FS2, se avsnitt 'Typografi' och 'Mått'. UA1 UA2 UA3 Förstasida Underavdelningar/Tematorg (UA) Föstasidan för ett tematorg eller en underavdelning bestå av tre sidytor, UA1, UA2 och UA3. Den vänstra ytan (UA1) innhåller avdelningens undermeny och är likadan för hela avdelningen/tematorget. Ytan i mitten (UA2) används för ingångstext och ingångsbild samt övriga ingresser för avdelningen/tematorget. Den högra ytan (UA3) används för länklistor med direktlänkar in i avdelningen, eller fakta- eller tipsrutor för avdelningen. Listan med direktlänkar i UA3 har en grå bakgrundsfärg. Ingångstext och ingångsbild i UA2 kan läggas över 'dubbel spaltbredd', (UA2 och UA3). I detta fall skjuts UA3 nedåt under ingångstext och bild, till höger om övriga delen av UA2. Förstasida Underavdelning/Tematorg (UA) AS1 AS2 AS3 Artikelsida (AS) Artikelsidorna är de som generellt innehåller webbplatsens själva information eller tjänst i form av texter, bilder, grafer, formulär, länkar till dokument, mm. Webbplatsen skall kunna hantera olika typer av information eller tjänster. Därför behövs olika typer av artikelsidor. I manualen ges exempel på artikelsidor för att åskådliggöra de satsytor och grafiska element som skall avändas för artikelsidorna. Dessa exempel täcker dock inte alla varianter av sidor som kan behövas. Istället skall de ses som just exempel på hur artikelsidor skall utformas. Artikelsidor utgörs av tre sidytor, fördelade på Artikelsida (AS) tre kolumner, AS1, AS2, AS3. Den vänstra ytan, Sida 7

8 AS1, utgörs av menyn för den avdelning på webbplatsen som artikelsidan tillhör. AS1 fungerar på samma sätt för alla artikelsidor på webbplatsen, menyn genereras dynamiskt. För vidare information om menyn, se avsnittet 'Navigation'. Mittenytan, AS2, är ytan för själva artikelsidans huvudinnehåll, i form av brödtext, listor, formulär, tabeller, grafer, mm. För vidare information om typografi och mått för AS2, se avsnitten 'Typografi' och 'Mått'. Den högra ytan, AS3, används till eventuell extra information som hör till informationen/tjänsten i mittytan (AS2). Den extra informationen kan fördelas i olika ytor i AS3, exempelvis som faktarutor, eller rutor med korta länklistor. Den extra informationen kan även bestå av bild med bildtext, grafer, länkar till dokument. Huvudmeny Undermeny Länklista Sidhuvudslänk Sökfunktion Navigation Navigationen inom webbplatsen sker med sidhuvudlänkarna och med huvudmenyn och dess undermenyer. Länkar och länklistor kan även förekomma i ingresser och artiklar, eller i anslutning till dessa. Navigationen kan även ske med hjälp av sökfunktionen som finns i sidhuvudet. Sidhuvudslänkar Sidhuvudslänkar är placerade i övre kanten av sidhuvudets bild. Länkarna ligger på en bakgrundsfärg som är bestämd i relation till webbplatsens färgställning i övrigt (bakgrundsfärg för meny och huvudmeny). Se vidare i avsnittet 'Färger'. Sidhuvudslänkarna är precis som sidhuvudet i övrigt konstanta för hela webbplatsen. Alla sidhuvudslänkar föregås av en symbol. Huvudmeny och undermeny Huvudmenyn ligger i webbplatsens sidhuvud och är därmed konstant för hela webbplatsen. Huvudmenyns olika undermenyer visas i den vänstra ytan (UA1 eller AS1) på underavdelningens förstasida samt på underavdelningens artikelsidor. Undermenyn kan innehålla tre nivåer som fälls Sida 8

9 ut inom undermenyns yta. Undermenyns länkar föregås av grafiska element för länkar. Den länk som för tillfället är den aktuella sidan markeras med fetstil. Sidans plats i strukturen visas i den färgade ytan ovanför sidfoten. Där är de ovanliggande sidorna i strukturen klickbara och blå, medan den aktuella sidans är svart. Den sista nivån i menyn markeras med ett streck. Undermenyn kan fällas ut för att bli max tre nivåer. Slutnivå markeras med ett streck och en utfälld meny med en nedåt - ställd pil. Länkning Länkar kan förekomma i löpande text eller i anslutning till text, efter texten, enstaka eller i lista, samt som enstaka länk eller länklista på artikelsidans högra yta (AS3). Fristående länkar eller länkar i länklistor föregås av symbol för länk. Länkar inne i löpande text bör undvikas för optimal WAI-anpassning (Om WAI, se Ordförklaringar). Länkar bör istället samlas efter brödtexten eller i anslutning till texten, exempelvis i artikelsidans högra yta (AS3). Ingressers rubriker (på förstasidor FS2) utgör länk till artikelsidan. Rubriken/länken är en del av den löpande texten och skall inte föregås av länksymbol. Här visas sidans plats i strukturen. Texten här ska överensstämma med texten i navigationen. Du är här I det färgade fältet ovanför sidfoten visas en länkmeny som anger var man befinner sig i webbplatsens struktur. Länkmenyn gör det möjligt att orientera sig uppåt/bakåt i strukturen. Sida 9

10 Färger Val av färgtema och sidhuvudsbild är det främsta sättet att skilja olika webbplatser inom VGR:s grafiska manual för webbplatser. Webbplatsens innehåll i form av texter och bilder särskiljer naturligtvis varje webbplats, men som grafiskt element är det webbplatsens färgtema som kan ge den enskilda webbplatsen en egen karaktär. Länkfärger eller färger för ikoner och symboler är fastslagna och kan inte ändras för varje enskild webbplats. Färgtema Den enskilda webbplatsens färgtema utgörs av färger i olika ytor på webbplatsens sidor. Främst anges webbplatsens färgtema i ytor i sidhuvudet, eftersom detta syns på alla sidor inom webbplatsen. Sidhuvudets färgytor är bakgrundsfärgen för sidhuvudslänkar och sökfältet (1), samt bakgrundsfärgen för huvudmenyn (2). Färgtonen i sidhuvudsbilden är också viktig då bakgrundsfärgen för sidhuvudslänkar och sökfältet skall korrespondera med bildens färgton. Bakgrundsfärgen i huvudmenyn (2) skall i sin tur spela mot de bakgrundsfärger som finns i undermenyn (UA1 och AS1). Undermenyn har två bakgrundsfärger, en för fältet ovan och under själva undermenyn (3) och en för undermenyns länklista (4). Den grå plattan på vilken direktlänkar är placerade på förstasidor och i den högra kolumnen på tematorgen är gemensam för alla webbplatser. Färgen för denna platta ligger fast oberoende av färgtema. Färgkoden för plattan är #EDEDED. 3. #8DD06F 4. #D9E8C7 1. #015B90 2. #00A81D 5. #EDEDED Sida 10

11 Färger Textfärg Brödtext Brödtext i mittenkolumnen är alltid svart. Menyer och undermenyer är svarta eller vita beroende på bakgrundsfärg (för optimering av kontrastskillnad). Två exempel på färgteman Rubriker Rubrikerna är alltid svarta. Det finns dock tre undantag. Det första undantaget gäller rubrikerna för den första texten på förstasida (FS) och tematorg (UA). Dessa rubriker följer färgtemat med en av de valda färgerna som har tillräckligt bra kontrast för att vara tydliga och lättlästa. Det andra undantaget är rubriker i den högra kolumnen på samtliga sidor (förutom förstasidan FS). Dessa rubriker är grå liksom även brödtexten, # Det tredje undantaget är bildtexter som också är grå, # Länkfärger Grundfärgen ( obesökt länk) är samma blå valör som förekommer i VGR:s logotyp: # 005BAA. Besökta länkar (gäller inte länkar i menyer): #75406C. Ikoner och symbolers färg Ikoner och symboler finns i två utförande, en normal variant och en inverterad variant, beroende på om bakgrunden är ljus eller mörkt. Detta gäller dock inte för filtypssymboler, som word,.pdf, powerpoint, mm. 3. #CA #F2EFE6 3. #BDE #F2EFE6 1. # #FFA #1E4E74 2. #548D26 Linjer Färg på den tunna grå linje som avlutar webbplatsen till höger och avgränsar sidfoten är #D7D7D7. Två exempel på färgteman Här bredvid visas två exempel på olika sätt att variera utseendet genom att göra olika färgteman. Det övre exemplet visar en större avvikelse gentemot färgtemat för 5. #EDEDED medan det undre ligger närmare i färgskala. Sida 11

12 Typografi Typografi Generellt gäller att rubriker skrivs i Arial och all brödtext i Verdana. Några undantag finns: de rubriker som ligger på den grå ytan på förstasidan (FS) och tematorgen (UA) skrivs i Verdana eftersom de är en del av löpande text, dvs de ligger inte på en egen rad utan brödtext kan följa direkt efter rubrik utan radbrytning. Samma sak gäller listningar och nyhetsrubriker. Rubriker i menyer och i text på den färgade ytan ovanför sidfoten på alla sidor är i Arial. Löpande text Brödtext i mittkolumn (UA1, AS1) - Verdana 10 pt, radavstånd 12 pt Brödtext i högerkolumn (UA2, AS2) - Verdana 9 pt, radavstånd 12 pt Bildtext - Verdana 9 pt, radavstånd 12 pt När det gäller radavstånd mellan rubriker och brödtext mm, se avsnittet Mått. Länkning Länkar i brödtext är fetade för större tydlighet. Samma gradstorlek som omgivande text. H1 till H8 H1 - Arial bold 48 pt Rubrik för extraordinär händelse på förstasidan. Skrivs i versaler. H2 - Arial bold 36 pt Rubrik för händelse av större dignitet än normalt. Kan med fördel skrivas i versaler. Typografin nedan är enbart som åskådningsexempel. Den faktiska storleken på bildskärmen kan variera. HI 48 pt H2 36 pt H3 30 pt H4 24 pt H5 18 pt H6 14 pt H7 12 pt H8 10 pt H3 - Arial regular 30 pt Rubrik för första texten på förstasida (FS) och tematorg (UA). Den här rubriken kan vara i färgskala med det aktuella färgtemat. H4 - Arial regular 24 pt Rubrik i artikelsidor (AS) Sida 12

13 Typografi H5 - Arial bold 18 pt Rubriker i förstasidans vänsterkolumn och mittyta på tematorg. (FS 2a, UA) H6 - Arial bold 14 pt Ingresser vid extraordinaär händelser, dvs tillsammans med rubrik H1 eller H2 H7 - Arial bold 12 pt Ingresser på artikelsidor (AS) och underrubriker H8 - Arial bold 10 pt Rubriker i huvudmeny, undermeny Övrigt Submitknappar, rullistor och dyl. grafiska element skrivs i Verdana bold 10 pt Sida 13

14 Mått Mått Förstasida, med banneryta Samtliga mått anges i pixlar. Webbplatsens hela ytbredd är 760 pixlar. Till den bredden läggs en pixels linje som avskiljer mot den tomma yta som uppstår till höger om innehållsytan i de fall man har en stor bildskärm eller högre upplösning än 800x600 pixlar som den grafiska profilen är anpassad för. Bilder har en maxbredd, men kan variera i höjd Måtten anges i pixlar Bildbredd Bildbredd FS2a Det finns 5 olika format för banners:by1-746x32, BY2-596x32, BY3-446x32, BY4-296x32 och BY5-146x32. Dessa kan kombineras på valfritt sätt bara den totala maxbredden är 746 pixlar inklusive 4 pixlars mellanrum mellan varje banner. FS2b Sida 14

15 Mått Förstasida, smal bild och text över 2 spalter Detta är en alternativ förstasida där man använder en smalare ingångsbild och lägger texten till huvudrubriken över två spalter. Måtten anges i pixlar Bildbredd 234 Bilder När det gäller mått på bilder är det bredden som är viktig och inte får göras smalare eller bredare. Höjden är däremot valfri. Det är bra om bild och textmassa står i proportion till varandra. För bilder inlagda i brödtext bör man se till att bilden inte är bredare än att texten kan flöda runt på ett bra sätt och vara lättläst och tydlig. Sida 15

16 Mått Underavdelning/Tematorg (UA) Samma mått som står angivet för ytorna UA 1, UA2 och UA 3 gäller för motsva rande ytor på artikelsidorna, dvs AS1, AS2 och AS Måtten anges i pixlar 1 10 Dessa rubriker ska linjera UA Linjeras 160 UA UA Sida 16

17 Mått (AS) Artikelsidor Alla artikelsidor (AS), dvs artikelsidor, punktlistor, formulär m fl har samma strukturella uppbyggnad och följaktligen också samma mått avseende marginaler, kolumnbredder osv. Här visas som exempel en sida med text i mitten och bild och bildtext i högerkolumnen. Satsyta för mittkolumn och högerkolumn är samma som för tematorget (UA). Se alla sidtyper i Bilaga, Exempel. Måtten anges i pixlar Sida 17

18 Mått (AS) Formulär, punktlista och tabell Måtten anges i pixlar (AS) Punktlista (AS) Formulär (AS) Tabell Sida 18

19 Symboler och grafiska element Symboler och grafiska element symboler, i tre storlekar, finns framtagna för användning i samband med länkar. De kan användas svart eller i vitt i de fall de ligger mot en mörk bakgrund. I övrigt innehåller webbplasten endast ett fåtal grafiska bildelement. Dessa beskrivs nedan. Information Hjälp Kontakt Grå linje som avgränsar sidfot och webbplastens slut till höger. 1 pixels höjd eller bredd. Punktad linje som avgränsar puffar på förstasidor och höger - kolumner. I mittytan skall den följa färgte - mats färgskala men i högerkolumnen är den alltid grå. Samma färg som texten i högerko - lumnen. Varje punkt är 2x2 pixlar stor, med mel - lanrum på 2 pixlar. Hem Skriv ut Tipsa en vän Framåt, bakåt, undermeny Sidans topp, utfälld meny Slutnivå i undermeny Pil för direktlänkar Punkt som används i punktlistor. 5x5 pixlar stor och i harmoni med färgtemat. Punkt som avslutar en text i en artikel. 5x5 pixlar stor och i har - moni med färgtemat. Punkt som föregår ämnesrubrik i yta FS1 på förstasidan. 10x10 pixlar. Ska har - moniera med färgte - mat. Sök Telefon Ljud Film/video word (.doc) Rutorna i bildelementet som ligger som en övergång mellan bilden och menyraderna i sidhuvudet, är 10x10 pixlar stora. De färger som används ska väljas bland de färger som färgte - mat i övrigt består av. Man måste inte använda alla. Man får dock inte blanda in ytterligare kulörer, dvs lägga till helt andra färger. Det är dock tillåtet att använda en av färgtemats färger i en ljusare valör, för att uppnå en mjukare övergång till den vita ytan, som är den primära funktionen för detta bildelement. Rutornas placering ligger fast. Man får inte lägga till fler rutor. Däremot får man variera de olika färgernas inbördes färgför - hållanden. Ex: De rutor som är mörka i s färgtema måste inte vara det i ett annat färgtema. Det viktiga är att övergången känns mjuk och inte uppsplittrad. De färger som används för är: #015B90 mörkblå, #00A81D grön, #D9E8C7 ljusgrön, #C9DBE9 ljusblå (Detta är den mörkblå färgen med % opa - citet, inställning i Photoshop). excel (.xls) powerpoint (.ppt).pdf Sida 19

20 Ordförklaringar Ordförklaringar Artikelsida Förkortning: AS. De sidor som generellt innehåller webbplatsens information. Banneryta Förkortning: BY. Yta längst ned i webbläsaren för placering av banners. BY hänger dock inte ihop med förstasidan. Den visas bara i anslutning till webbplatsens förstasida. BY är inte obligatoriskt. Förstasida Förkortning: FS. Webbplatsens första sida. Även kallad hemsida. Hemsida En webbplats första sida. H1 - H8 Storleksbestämning för olika typer av rubriker och ingresser. Pixel Måttenhet för grafik på bildskärm. Engelsk sammandragning för picture element. Sidfot Förkortning: SF. Nedre delen av varje webbsida. Innehåller VGR:s logotyp, kontaktinformation, senast ändrad och att sidan är del av Sidhuvud Förkortning: SH. Öre delen av varje webbsida. Innehåller logotyp, sidhuvudslänkar, huvudmeny, sökfält och sidhuvudsbild. Tematorg Förkortning UA. Variant av underavdelning gällande ett större verksamhetsområde för webbplatsen. Tematorg har egen förstasida för underavdelning. Underavdelning Förkortning: UA. Större avdelning av webbplatsen med egen förstasida för underavdelning WAI Betyder Web Access Initiative, rekommendationer för tillgänglighetsanpassning av webbplatser. Sida

21 Lokala riktlinjer Lokala riktlinjer Sida 21

Grafiska riktlinjer för

Grafiska riktlinjer för Grafiska riktlinjer för INNEHÅLL Detta är FR2000 3 De grafiska elementen 4 Färgerna 5 Att använda logotypen 6 Användarföretagen och FR2000 7 Typografin 8 Frågor? 9 2 Detta är FR2000 är ett integrerat,

Läs mer

Manual HSB Webb brf 2004 03 23

Manual HSB Webb brf 2004 03 23 NYHETER Manual HSB Webb brf 2004 03 23 Nu kan man sätta en hemavdelning på ett arbetsflöde, så att det bara blir synligt från den avdelningen och nedåt i strukturen under en förening. Ett arbetsflöde blir

Läs mer

Grafisk profil för digitala gränssnitt MAJ 2019

Grafisk profil för digitala gränssnitt MAJ 2019 Grafisk profil för digitala gränssnitt MAJ 2019 GRAFISK PROFIL FÖR DIGITALA GRÄNSSNITT Inledning Den här grafiska profilen för digitala gränssnitt innehåller riktlinjer för hur Umeå kommuns e-tjänster

Läs mer

Manual Introduktionskurs SiteVision

Manual Introduktionskurs SiteVision Manual Introduktionskurs SiteVision sidan 1 Manual Introduktionskurs SiteVision 20141125 Version 3 Innehållsförteckning Logga in 2 Redigera text 3 Om bilder på ale.se 6 Lägga till en bild 7 Lägga till

Läs mer

Grafisk profil till Dear Area

Grafisk profil till Dear Area Grafisk profil till Dear Area Av: Jenny Andersson & Josephine Persson 2008-09-26 Webbutvecklare på KY Akademien Introduktion Detta är en grafisk manual för Dear Area, ett designföretag som gör butiksinredning,

Läs mer

1.2 Logotypens färgsättning

1.2 Logotypens färgsättning GRAFISK MANUAL Vår grafiska profil Den grafiska profilen utgörs av logotypen, våra färger och vår typografi. Dessa bildar tillsammans bilden och uppfattningen av varumärket Ridentity. Denna manual beskriver

Läs mer

Designmanual. Lunds Kommuns Fastighets AB

Designmanual. Lunds Kommuns Fastighets AB Designmanual Lunds Kommuns Fastighets AB 2010 Lunds Kommuns Fastighets AB (publ) Grafisk designmanual Version 1.0 2010 Innehållsförteckning En enhetlig grafisk profil stärker vår identitet Logotypen Färgerna

Läs mer

Grafisk Guide 2013. BKM Reklam AB_120904 BKM Reklam AB

Grafisk Guide 2013. BKM Reklam AB_120904 BKM Reklam AB Grafisk Guide 2013 BKM Reklam AB_120904 BKM Reklam AB Borgeby FältDagar - Nordens lantbruksmässa i fält! Borgeby FältDagar är den naturliga mötesplatsen för professionella lantbrukare. Mässan i fält erbjuder

Läs mer

Western Riders Association of Sweden

Western Riders Association of Sweden sid 1 av 5 GRAFISK PROFIL - MANUAL. Vi behöver en gemensam grafisk profil! Vi vill uppfattas som en trovärdig organisation, igenkänd och uppskattad av många. Det är därför viktigt att vi profilerar oss

Läs mer

GRAFISK MANUAL GNESTA GNESTA

GRAFISK MANUAL GNESTA GNESTA GRAFISK MANUAL Med en grafiskprofil menas att man sammanställer regler för hur varumärket ska och får användas. Det är viktigt att följa de anvisade regler som ställs upp i denna manual samt att endast

Läs mer

Grafisk manual reviderad

Grafisk manual reviderad EFFEKTIV KOMMUNIKATION. En väl genomtänkt, enhetlig och konsekvent tillämpad grafisk profil skapar igenkänning och tydlighet. En förutsättning för korrekt och konsekvent tillämpning av den grafiska profilen

Läs mer

Microsoft Publisher. Laborationskompendium för digital behandling av publikationer. Detta exemplar tillhör:

Microsoft Publisher. Laborationskompendium för digital behandling av publikationer. Detta exemplar tillhör: Mittuniversitetet ITM Telefon 0771-97 50 00 Microsoft Publisher Laborationskompendium för digital behandling av publikationer Detta exemplar tillhör: HT 2006 Innehållsförteckning Objekt 1 Textblock 2 Tabeller

Läs mer

magtarmförbundet GRAFISK MANUAL Mag- och tarmförbundet

magtarmförbundet GRAFISK MANUAL Mag- och tarmförbundet GRAFISK MANUAL Mag- och tarmförbundet Version 1 oktober 2015 INNEHÅLL INLEDNING 3 1.0 Logotyp 4 1.1 Vår logotyp 5 1.2 Storlekar och varianter 6 1.3 Färgsättning 7 1.4 Frizon 8 1.5 Placering 9 2.0 Typografi

Läs mer

I högskolans nätverk hittar du programmet PowerPoint genom Startmenyn, Huvudmeny XP, Kontorsprogram, Microsoft Office, Microsoft PowerPoint.

I högskolans nätverk hittar du programmet PowerPoint genom Startmenyn, Huvudmeny XP, Kontorsprogram, Microsoft Office, Microsoft PowerPoint. Microsoft PowerPoint I högskolans nätverk hittar du programmet PowerPoint genom Startmenyn, Huvudmeny XP, Kontorsprogram, Microsoft Office, Microsoft PowerPoint. Allmänt Det första du ser i programmet

Läs mer

SiteVision - manual för administratörer

SiteVision - manual för administratörer SiteVision - manual för administratörer Senselogic AB Version R1A Innehållsförteckning 1 Om SiteVision...1 2 Om mallar...1 2.1 Dynamiska mallar... 3 2.1.1 Skapa en mall med ett sidhuvud... 4 2.2 Inställningar

Läs mer

IDENTITETSMANUAL VOLVOKORTET Version 1.1 28 maj 2012

IDENTITETSMANUAL VOLVOKORTET Version 1.1 28 maj 2012 IDENTITETSMANUAL VOLVOKORTET Version 1.1 28 maj 2012 02 Innehåll INNEHÅLL Identitet...03 Logotyp...04 Stödgrafik...09 Specialgrafik...10 Typografi...13 Implementering...15 Kontaktuppgifter...19 03 Identitet

Läs mer

svenska EventAkademin

svenska EventAkademin grafisk manual Svenska bakgrund Bakgrund Svenska har till uppgift att belysa och lyfta fram förtjänstfulla personer och initiativ inom den event- och upplevelseindustrin. Akademin arbetar aktivt för att

Läs mer

Användarmanual för Content tool version 7.5

Användarmanual för Content tool version 7.5 Användarmanual för Content tool version 7.5 TM WEB Express AB Manual Content tool 7.5 Sid 2 INNEHÅLLSFÖRTECKNING 1 OM PUBLICERINGSVERKTYGET... 3 1.1 ALLMÄNT... 3 2 ÖVERSIKT... 3 3 ALLMÄNT OM WEBBSIDAN

Läs mer

Grafisk Manual. Version 1.0 2011-06-01

Grafisk Manual. Version 1.0 2011-06-01 Grafisk Manual Version 1.0 2011-06-01 Inledning Identitet är viktigt. Omvärlden måste få klart för sig vilka vi är, vad vi gör och hur vi kan hjälpa våra kunder. Lika viktigt som det är för omvärlden,

Läs mer

Lathund för redaktörer. Lokala webbplatser Sacoföreningar, Sacoråd och Akademikerföreningar

Lathund för redaktörer. Lokala webbplatser Sacoföreningar, Sacoråd och Akademikerföreningar 2014-11-17 Lathund för redaktörer Lokala webbplatser Sacoföreningar, Sacoråd och Akademikerföreningar Åsa Widert Schoug Saco Box 2206 103 15 Stockholm Besök: Lilla Nygatan 14 Tel växel: 08-613 48 00 Fax:

Läs mer

Att arbeta utifrån gemensamma riktlinjer ger en enhetlig bild av Våra Gårdar, både internt och externt.

Att arbeta utifrån gemensamma riktlinjer ger en enhetlig bild av Våra Gårdar, både internt och externt. GRAFISK MANUAL RIKTLINJER Att arbeta utifrån gemensamma riktlinjer ger en enhetlig bild av Våra Gårdar, både internt och externt. För att Våra Gårdar ska kunna bli välkänt varumärke måste vi lyckas förmedla

Läs mer

STOCKHOLMS FÄLTRITTKLUBB Grafisk Profil

STOCKHOLMS FÄLTRITTKLUBB Grafisk Profil STOCKHOLMS FÄLTRITTKLUBB Grafisk Profil Handbok Styrelsen/Jan Pallinder Grafisk Profil 2009-12-09 Sida 1 av 12 Innehållsförteckning 1. GRAFISK PROFIL... 3 1.1 Inledning... 3 1.2 Skölden... 3 1.2.1 Allmänt...

Läs mer

PIM Skriva http://www.pim.skolutveckling.se/

PIM Skriva http://www.pim.skolutveckling.se/ PIM Skriva http://www.pim.skolutveckling.se/ Examination http://pimbevis.skolutveckling.se/ Nivå 1 Frågefilm om sökning på internet Inlämningsuppgift - Worddokument med bilder http://www.pim.skolutveckling.se/upload/pimpresentation.ppt

Läs mer

Introduktion till Blästadsgatans diskussionsforum. Inledning. Layout ej inloggat läge

Introduktion till Blästadsgatans diskussionsforum. Inledning. Layout ej inloggat läge Introduktion till Blästadsgatans diskussionsforum Inledning Som en del av vår webbplats, blastadsgatan.se, finns ett diskussionsforum. Tanken med forumet är att det ska fungera som en diskussionsplats

Läs mer

behövs för enhetlighet, tala samma språk, så att användaren kan lära sig och använda det vidare.

behövs för enhetlighet, tala samma språk, så att användaren kan lära sig och använda det vidare. 1 2 3 Grafisk profil reglerar grunddragen i utseendet (logga, färger, typsnitt) en helhet skapas Vi ska känna igen oss, vi ska förstå vad som avsändaren vill kommunicera. Kan vara svårt att direkt applicera

Läs mer

Föreningarnas nya sidmall. Version 4, 12.4.2016

Föreningarnas nya sidmall. Version 4, 12.4.2016 Föreningarnas nya sidmall Version 4, 12.4.2016 Innehållsförteckning Föreningarnas nya sidmall... 1 Introduktion... 3 Sammanfattning... 3 Sidmallar och sidornas uppbyggnad... 4 Gamla sidmallen... 4 Nya

Läs mer

Extra handledning för de som vill det på onsdag i ML1 - Drop in, inga tider behöver bokas - En lärare

Extra handledning för de som vill det på onsdag i ML1 - Drop in, inga tider behöver bokas - En lärare Den här veckan Extra handledning för de som vill det på onsdag i ML1 - Drop in, inga tider behöver bokas - En lärare Kom ihåg att boka tiden för handledning på fredag när doodles kommer upp. Handledning

Läs mer

Struktanalys. Analys av strukturerade produkter. grafisk manual v1.0

Struktanalys. Analys av strukturerade produkter. grafisk manual v1.0 grafisk manual v1.0 Innehåll: Inledning Varumärket... 3 Logotyp Grundregler & utföranden... 4 Tillämpning... 5 Luft & storlek... 6 Färgpalett Primära färger & komplementfärger... 7 Färgpalett... 8 Typsnitt

Läs mer

SAMORDNINGSFÖRBUNDEN I ÖSTERGÖTLAND. Grafisk manual. och handledning för Samordningsförbunden i Östergötlands hemsida

SAMORDNINGSFÖRBUNDEN I ÖSTERGÖTLAND. Grafisk manual. och handledning för Samordningsförbunden i Östergötlands hemsida SAMORDNINGSFÖRBUNDEN I ÖSTERGÖTLAND Grafisk manual och handledning för Samordningsförbunden i Östergötlands hemsida Uppdaterad nov 2015 Vikten av en grafisk manual Den grafiska profilen är ett snabbt och

Läs mer

SVERIGES NEUROPSYKOLOGERS FÖRENING

SVERIGES NEUROPSYKOLOGERS FÖRENING SVERIGES NEUROPSYKOLOGERS FÖRENING SWEDISH NEUROPSYCHOLOGICAL SOCIETY Profilmanual Vår logotyp Föreningens logotyp är den huvudsakliga och viktigaste bäraren av vår identitet. Den särskiljer oss från alla

Läs mer

Grafisk profilmanual FÖR REGION JÖNKÖPINGS LÄN

Grafisk profilmanual FÖR REGION JÖNKÖPINGS LÄN Grafisk profilmanual FÖR REGION JÖNKÖPINGS LÄN INLEDNING En region, ett varumärke, många möjligheter Den grafiska manualen beskriver Region Jönköpings läns visuella identitet, det vill säga hur vi presenterar

Läs mer

12 Webb och kurshemsidor

12 Webb och kurshemsidor 12 Webb och kurshemsidor Många lärare använder sig av kurswebbsidor eller egna personliga webbsidor som ett ställe att samla information och dokumentation kring sitt arbete. Om du ska skapa en webbsida,

Läs mer

Grafisk Webbprofil. Skrivregler och grafiska riktlinjer för utformning och publicering av Sjökrogen bojens hemsida.

Grafisk Webbprofil. Skrivregler och grafiska riktlinjer för utformning och publicering av Sjökrogen bojens hemsida. 1 Grafisk Webbprofil http://users.du.se/~v10evawa/inlamningsuppgift_3/valkommen.html Skrivregler och grafiska riktlinjer för utformning och publicering av Sjökrogen bojens hemsida. Författare: Eva Wallin

Läs mer

Den grafiska profilieringen för roar

Den grafiska profilieringen för roar Den grafiska profilieringen för roar 2013 edition INNEHÅLL LOGOTYP 04 LOGOTYPENS FRIZON 05 TYPOGRAFI 06 FÄRGER 07 KONTORSMATERIAL 08 ANNONS & BILDER 10 BROSCHYR 12 GRAFISKA ELEMENT/BYXMÄRKE 14 WEBBSIDA

Läs mer

Grafiska riktlinjer Göteborgs miljövetenskapliga centrum, GMV 2011-08-31

Grafiska riktlinjer Göteborgs miljövetenskapliga centrum, GMV 2011-08-31 Grafiska riktlinjer Göteborgs miljövetenskapliga centrum, GMV 2011-08-31 Göteborgs miljövetenskapliga Centrum, GMV 2 Om GMV:s grafiska riktlinjer Om GMV:s grafiska riktlinjer GMV:s grafiska riktlinjer

Läs mer

SWEBO Bioenergy Grafisk profil

SWEBO Bioenergy Grafisk profil SWEBO Bioenergy Grafisk profil Formsmedjan Reklam & Kommunikation Grafisk profil Den image vi har, det vill säga hur andra människor uppfattar vårt företag är ett resultat av alla de intryck vi gör på

Läs mer

VERSION 2.0 SEPTEMBER 2010. grafısk manual

VERSION 2.0 SEPTEMBER 2010. grafısk manual VERSION 2.0 SEPTEMBER 2010 grafısk manual Om grafıska manualen Ett viktigt led i vårt informationsarbete är att ha ett gemensamt utseende. Att vara konsekvent med logotype, typsnitt och färger ger tydlighet

Läs mer

Att använda laget.se

Att använda laget.se 2012 Att använda laget.se för ungdomsledare i MSSK Dokumentet är framtaget för att hjälpa till att förenkla användningen av lagens webbsidor. Har du förslag på ändringar eller ser felaktigheter kan du

Läs mer

Grafisk guide. adress Box 801, 961 17 Boden besök Parkgatan 34 Tel 0921-578 80 FAX 0921-789 03 E-POST info@bodenbo.se internet www.bodenbo.

Grafisk guide. adress Box 801, 961 17 Boden besök Parkgatan 34 Tel 0921-578 80 FAX 0921-789 03 E-POST info@bodenbo.se internet www.bodenbo. Grafisk guide adress Box 801, 961 17 Boden besök Parkgatan 34 Tel 0921-578 80 FAX 0921-789 03 E-POST info@bodenbo.se internet www.bodenbo.se Grafisk guide Grafisk profil handlar om en helhet där intrycket

Läs mer

Innehållsförteckning. Logotyp 3. Logotyp mått 6. Färger 7. Grafiskt element 9. Typsnitt 10. Powerpointpresentation 11. Brevpapper 12.

Innehållsförteckning. Logotyp 3. Logotyp mått 6. Färger 7. Grafiskt element 9. Typsnitt 10. Powerpointpresentation 11. Brevpapper 12. Grafisk manual Innehållsförteckning Logotyp 3 Logotyp mått 6 Färger 7 Grafiskt element 9 Typsnitt 10 Powerpointpresentation 11 Brevpapper 12 Mailsignatur 13 Kuvert 14 Visitkort 15 Exempel i tryck 16 2

Läs mer

Pagineringsgadget... 26 Ordlista... 27 Scen... 27 Spellista... 27 Slide... 27 Mall... 27 Innehållselement... 27 Gadget... 27

Pagineringsgadget... 26 Ordlista... 27 Scen... 27 Spellista... 27 Slide... 27 Mall... 27 Innehållselement... 27 Gadget... 27 Innehåll Interactive Scene 2.0... 4 Redaktörsmanual... 4 Översikt... 5 Redigeravy... 5 Verktygsfält... 7 Arbetsyta... 8 Egenskaper... 9 Tidslinje... 10 Arbeta med Interactive Scene... 11 Scener... 11 Spellistor...

Läs mer

Användbarhet. Bryt rätt regler. Nils Ehrenberg nils.ehrenberg@mah.se

Användbarhet. Bryt rätt regler. Nils Ehrenberg nils.ehrenberg@mah.se Användbarhet Bryt rätt regler Nils Ehrenberg nils.ehrenberg@mah.se Agenda Intro till Användbarhet Användbarhet på nätet Exempel Fyra dörrar Inlämningsuppgift Viktigt En skala Subjektivt Användbarhet /

Läs mer

1.1 Inledning 2. 1.2 Skölden 2 1.2.1 Allmänt 2 1.2.2 Broschyrer och liknande 3 1.2.3 Trycksaker producerade av regionala förbund och specialförbund 4

1.1 Inledning 2. 1.2 Skölden 2 1.2.1 Allmänt 2 1.2.2 Broschyrer och liknande 3 1.2.3 Trycksaker producerade av regionala förbund och specialförbund 4 Sid 1 (10) 1 GRAFISK PROFIL 1.1 Inledning 2 1.2 Skölden 2 1.2.1 Allmänt 2 1.2.2 Broschyrer och liknande 3 1.2.3 Trycksaker producerade av regionala förbund och specialförbund 4 1.3 Försvarsutbildarna som

Läs mer

Sveaskog Manual varumärke. Manual Varumärke

Sveaskog Manual varumärke. Manual Varumärke Manual Varumärke 2 Växtkraft. För generationer. Kanske börjar allt med smörkniven. Den vi gör i slöjden. Doften av trä. Känslan av att skapa något. Stoltheten. Kanske är det här vår relation till skogen

Läs mer

Bloggen har tre sidtyper

Bloggen har tre sidtyper Handbok för bloggare i CMS7.5, på sunne.se Sida 1 av 12 Bloggen har tre sidtyper Blogginläggen Dina återkommande inlägg (berättelser, kåserier, personliga iakttagelser) som du skriver för din klass/grupp.

Läs mer

ViTex snabbguide. 1. Inläsning till ViTex från scanner eller PDF Läs in text via scanner Läs in text från en JPEG-bild eller ett PDF-dokument

ViTex snabbguide. 1. Inläsning till ViTex från scanner eller PDF Läs in text via scanner Läs in text från en JPEG-bild eller ett PDF-dokument ViTex snabbguide 1. Inläsning till ViTex från scanner eller PDF Läs in text via scanner Läs in text från en JPEG-bild eller ett PDF-dokument 2. Uppläsning i ViTex Ikoner för uppläsning Läs upp enstaka

Läs mer

Bekämpningsmedelsregistret

Bekämpningsmedelsregistret Bekämpningsmedelsregistret Lathund Mall-id: MAG-0007, 2014-10-22 Kemikalieinspektionen Postadress Besök & leverans Faktureringsadress Telefon & fax Internet Org nr Box 2 172 13 Sundbyberg Esplanaden 3A

Läs mer

IdrottOnline Klubb Hemsidan 3.1.1 100126. Arbeta med föreningens hemsida

IdrottOnline Klubb Hemsidan 3.1.1 100126. Arbeta med föreningens hemsida Arbeta med föreningens hemsida Inledning IdrottOnline är idrottens verktyg för kommunikation och administration. IdrottOnline ägs och utvecklas av Riksidrottsförbundet, RF. Webbplatsen baseras på webbverktyget

Läs mer

Handledning för redigering av lagsidor.

Handledning för redigering av lagsidor. Handledning för redigering av lagsidor. Hela sidan redigeras online vilket innebär att man sitter uppkopplad mot en server och utför sina kommandon. Kör igång webbläsaren och skriv in adressen: http://www.ronn.se/itw/

Läs mer

- en expertanalys. av Anna Olvenmyr

- en expertanalys. av Anna Olvenmyr IT-universitetet i Göteborg MDI. Interaktionsdesign - en expertanalys av Anna Olvenmyr Grafiska Gränssnitt, 5 poäng 2003-10-27 Inledning och kategorisering...3 Utvärdering indelad i kategorier...4 Impression/

Läs mer

UTVÄRDERING AV GÖTEBORGS STADSMUSEUMS HEMSIDA

UTVÄRDERING AV GÖTEBORGS STADSMUSEUMS HEMSIDA UTVÄRDERING AV GÖTEBORGS STADSMUSEUMS HEMSIDA av Funktek och Utopia januari 2016 Bakgrund..... s 1 Terminologi......... s 1 Citat från utvärderingen... s 2 Frågor och svar från utvärderingen........ s

Läs mer

INSTRUKTION Specifikation E modul.doc

INSTRUKTION Specifikation E modul.doc 1 (13) Syfte Detta är en instruktion för hur det är tänkt att specifikationen ska fyllas i vid beställning av en E modul. Förhoppningen är dock att specifikationsmallen är självinstruerande så att detta

Läs mer

Kommunikationsplattform för PRO Stockholms län

Kommunikationsplattform för PRO Stockholms län Kommunikationsplattform för PRO Stockholms län Beslutad av distriktsstyrelsen 2015 10 06 Sida 2 av 14 Sida 3 av 14 Innehållsförteckning Vart vill vi komma?... 5 Kommunikationens mål är att:... 7 Målgrupper...

Läs mer

Sveriges Kommuner och Landsting

Sveriges Kommuner och Landsting Sida 1 av 16 Sveriges Kommuner och Landsting Användarguide för skl.se Sida 2 av 16 Sidhuvud och sidfot Verktygsmenyn Menyer i sidfot Undermeny Startsidan Temarutans bakgrundsbild Temarutans text Temarutans

Läs mer

GRAFISK MANUAL. Samverkan för ett Jönköpings län fritt från alkohol- och drogrelaterade skador

GRAFISK MANUAL. Samverkan för ett Jönköpings län fritt från alkohol- och drogrelaterade skador GRAFISK MANUAL Samverkan för ett Jönköpings län fritt från alkohol- och drogrelaterade skador Vikten av att ha grafiska riktlinjer I Insikt/Utsikt ryms en mängd olika aktörer såsom myndigheter och frivilligorganisationer.

Läs mer

En enhetlig profil är viktig för alla organisationer

En enhetlig profil är viktig för alla organisationer En enhetlig profil är viktig för alla organisationer och ännu viktigare för en stor grupp av frivilliga. Då öppnas möjligheten för att alla känner samhörighet och vet åt vilket håll gruppen går. Det gör

Läs mer

VÅR GRAFISKA PROFIL.

VÅR GRAFISKA PROFIL. VÅR GRAFISKA PROFIL. VÅRT VARUMÄRKE. I det här dokumentet finns riktlinjer som ska göra det lättare att bygga upp och stärka vårt varumärke. Ju mer konsekvent, genomtänkt och sammanhållet vi kommunicerar

Läs mer

Widgets i DynaMaster 5 Golf

Widgets i DynaMaster 5 Golf Widgets i DynaMaster 5 Golf En nyhet i DynaMaster 5 Golf är vårt system med widgets. Detta widgetsystem utvecklades för att göra det så flexibelt som möjligt för kunden att själv kunna bestämma hur innehållet

Läs mer

GRAFISK PROFIL TIDAHOLMS KOMMUN

GRAFISK PROFIL TIDAHOLMS KOMMUN GRAFISK PROFIL TIDAHOLMS KOMMUN INNEHÅLL 2 3 4 5 6 7 8 8 8 Varför grafisk profil? Övergripande riktlinjer Logotyper Kommunvapen Tidaholmslogotyp Verksamhetsspecifika symboler Skyltar Mallar Audiell profil

Läs mer

Introduktionsmanual till Design- / Utvecklarmodulen

Introduktionsmanual till Design- / Utvecklarmodulen Introduktionsmanual till Design- / Utvecklarmodulen Redigera utskriftslayouter och fönsterdesignen I den senaste versionen av System Bokhållaren (från ver 4.6 och senare), finns en helt ny avancerad funktion,

Läs mer

Innehåll. En profil ett förbund...4. Historien bakom vårt emblem...5. Vår logotyp...7. Typografi...12. Färger...14

Innehåll. En profil ett förbund...4. Historien bakom vårt emblem...5. Vår logotyp...7. Typografi...12. Färger...14 Grafisk Manual Innehåll En profil ett förbund...4 Historien bakom vårt emblem...5 Vår logotyp...7 Typografi...12 Färger...14 2 Inledning Foto Ingrid Niklasson En profil ett förbund Att ha en tydlig grafisk

Läs mer

DIGITAL MANUAL BILAGA 1 TILL GRAFISK PROFIL KK 13/167

DIGITAL MANUAL BILAGA 1 TILL GRAFISK PROFIL KK 13/167 BILAGA 1 TILL GRAFISK PROFIL KK 13/167 Innehåll Logotyp för webb 2 Användning av logotypen 2 Färger 3 Primärfärger 3 Komplementfärger 3 Att använda färgerna 4 Kontraster 4 Typsnitt 5 Bilder 6 Storlekar

Läs mer

Grafisk profil 2014 Uppdaterad senast 2014-07-07

Grafisk profil 2014 Uppdaterad senast 2014-07-07 Grafisk profil 2014 Uppdaterad senast 2014-07-07 Innehåll Vad är en grafisk profil?...3 Färger...4 Profilfärg... 4 Komplementfärger... 4 Gråtoner... 4 Tilläggsfärger... 4 Färgkoder... 5 SciLifeLabs logotyp...6

Läs mer

Lathund för webbredaktörer. Så skriver du på webben

Lathund för webbredaktörer. Så skriver du på webben Lathund för webbredaktörer Så skriver du på webben 1 Disposition En bra struktur kännetecknas av att det är enkelt för besökaren att förstå var den hittar det den letar efter. Oavsett om det handlar om

Läs mer

3. Skapa sida 5. Hitta innehåll 6. Meny 7. Användare

3. Skapa sida 5. Hitta innehåll 6. Meny 7. Användare 3. Skapa sida 5. Hitta innehåll 6. Meny 7. Användare 2 Så här skapar du en ny sida. Mycket av informationen nedan kan tillämpas på skapandet av andra typer av innehåll, till exempel nyheter, blogginlägg,

Läs mer

SCHOLA COMAI ELEV WEBBKALENDER / SCHEMA VERSION 1.1. [Skriv text]

SCHOLA COMAI ELEV WEBBKALENDER / SCHEMA VERSION 1.1. [Skriv text] 20111206 SCHOLA COMAI WEBBKALENDER / SCHEMA VERSION 1.1 ELEV [Skriv text] Innehåll 1 Inledning... 3 1.1 Terminologi... 3 1.2 Teknisk kravspecifikation... 4 1.3 Behörigheter... 4 1.5 Start... 4 1.5.1 Grundinställning

Läs mer

Artiklar via UB:s sö ktja nst

Artiklar via UB:s sö ktja nst 1 Artiklar via UB:s sö ktja nst UBs startsida har fått ett nytt utseende. I centrum finns nu UBs söktjänst. Istället för tre sökrutor möts du nu som användare av en sökruta där det är meningen att du kan

Läs mer

1 Ändra kolumnbredd och radhöjd

1 Ändra kolumnbredd och radhöjd 330 1 Ändra kolumnbredd och radhöjd När en cell innehåller mycket data så är det lämpligt att öka kolumnbredden eller radhöjden för att informationen ska bli lättare att läsa. Det finns också tillfällen

Läs mer

Manual. Användargränssnitt

Manual. Användargränssnitt Manual Användargränssnitt 0 Innehållsförteckning ANVÄNDARGRÄNSSNITT... 1 1. MENYNAVIGERING... 1 2. BACKA-KNAPP... 2 3. GLOBALA FUNKTIONER... 3 4. PERIOD... 4 Avrundning... 4 5. FLERA FLIKAR SAMTIDIGT...

Läs mer

Men banners kan också placeras i composerblock samt på nyhets- och artikelsidor. Du kan skapa en banner i vilken editor som helst i EpiServer CMS 5.

Men banners kan också placeras i composerblock samt på nyhets- och artikelsidor. Du kan skapa en banner i vilken editor som helst i EpiServer CMS 5. Snabbguide till EpiServer CMS 5 Banners Vad är en banner? En banner är egentligen en bild. Med en banner menas oftast en reklambild eller ett erbjudande. Exempel på banners på innebandy.se (banners är

Läs mer

GRAFISK PROFIL FÖR MUNKFORS-RANSÄTER

GRAFISK PROFIL FÖR MUNKFORS-RANSÄTER GRAFISK PROFIL FÖR MUNKFORS-RANSÄTER 1. Värdet med grafisk profil 3 2. Vår logotyp 4 2.1 Användningsområden 4 2.2 Avsändare 5 2.3 Tryckfärger 6 2.4 Placering 6 3. Heraldik: Historien om Munkfors kommuns

Läs mer

Innehåll. Vår grafiska profil

Innehåll. Vår grafiska profil Grafisk Profil 2016 Vår grafiska profil Om vi konsekvent tänker på hur vi presenterar oss kan vi skapa en visuell identitet som gör att mottagaren känner att det är vi som talar. Med visuell identitet

Läs mer

CONSENSUS VARUMÄRKE CONSENSUS GRAFISKA PROFIL

CONSENSUS VARUMÄRKE CONSENSUS GRAFISKA PROFIL CONSENSUS VARUMÄRKE Genom att ha en tydlig och igenkännbar visuell identitet stärks Consensus varumärke. Detta ger således ett professionellt intryck och ökar förtroendet. Det är därmed viktigt att den

Läs mer

GRAFISK MANUAL NIVÅ 2: EN DEL AV PINGST 2008.11

GRAFISK MANUAL NIVÅ 2: EN DEL AV PINGST 2008.11 GRAFISK MANUAL NIVÅ 2: EN DEL AV PINGST 2008.11 2 Välkommen att använda varumärket pingst! Att arbeta för en gemensam profil i syfte att förstärka sitt varumärke har blivit mer och mer självklart för näringslivet.

Läs mer

DIN BILVERKSTAD GRAFISK PROFIL

DIN BILVERKSTAD GRAFISK PROFIL DIN BILVERKSTAD GRAFISK PROFIL Verkstadskedjans logotype... Den ECA-blå bakgrundsplattan Ordmärket ECA Car Service DIN BILVERKSTAD Verkstadskedjans budskap Bakgrunden Den ECA-blå bakgrunden tillför logotypen

Läs mer

Manual för Anlita arkitekt

Manual för Anlita arkitekt Anlita arkitekt Här finns råd och tips för dig som söker arkitekt. Sök bland hundratals auktoriserade arkitekter i vårt register. Manual för Anlita arkitekt OKTOBER 2014 Manual för Anlita arkitekt 1 Inloggning...

Läs mer

Stilbyggar-manual. Logga in. Vad betyder knapparna? Välj stil & Duplicera

Stilbyggar-manual. Logga in. Vad betyder knapparna? Välj stil & Duplicera Stilbyggar-manual Logga in Börja med att logga in på Digistoff. Skriv in adressen för föreningens hemsida, och lägg till /loggain på slutet av adressen. Exempel: trevapplingen.nsu.webbhuset.fi/loggain

Läs mer

KULTURRÅDET - EN INSPIRERANDE MYNDIGHET

KULTURRÅDET - EN INSPIRERANDE MYNDIGHET 2008-01-28 09.32 KULTURRÅDET - EN INSPIRERANDE MYNDIGHET Kulturrådet har i uppdrag att förverkliga de kulturpolitiska beslut som riksdag och regering fattat. Det är ett viktigt uppdrag och ett inspirerande

Läs mer

RSI Road Status Information A new method for detection of road conditions

RSI Road Status Information A new method for detection of road conditions WP 5 Sida 1 av 15 RSI Road Status Information A new method for detection of road conditions Användarmanual för RSI WP 5 Sida 2 av 15 Användarmanual för RSI Om detta dokument Detta dokument är en användarmanual

Läs mer

Allt är Tobbes fel. Grafisk profil för förbundet. Ung Pirat

Allt är Tobbes fel. Grafisk profil för förbundet. Ung Pirat Allt är Tobbes fel. Grafisk profil för förbundet Ung Pirat Varför behövs en grafisk profil? En grafisk profil har man för att en organisation enkelt ska kännas igen. Här sammanställs olika riktlinjer för

Läs mer

Bygghjälp skol- och förskolesidor

Bygghjälp skol- och förskolesidor Bygghjälp skol- och förskolesidor Upprättad Datum: Version: Ansvarig: Förvaltning: Enhet: 2012-08-31 1.1 Lena Englund Stadskontoret Stadskontoret Läsanvisning Den här bygghjälpen är ett stöd för dig som

Läs mer

Kontakta alltid förlagsfaktorn innan arbetet med bokomslag påbörjas.

Kontakta alltid förlagsfaktorn innan arbetet med bokomslag påbörjas. Bokomslag På bokomslag använder vi tre logotyper som är speciellt ritade för ändamålet. En för framsida, en för rygg och en för baksida. På fram- och baksida har avståndet till ryggen utökats något för

Läs mer

Vetenskapliga affischer

Vetenskapliga affischer Vetenskapliga affischer En forsknings affisch/poster Sammafatta information eller forskning kortfattat och tilltalande Publicera resultat Skapa diskussion (diskussions underlag) 1 Reklam för ditt arbete

Läs mer

Åbo Akademis Studentkårs grafiska profil. Utarbetad av Ken Snellman.

Åbo Akademis Studentkårs grafiska profil. Utarbetad av Ken Snellman. 1 Åbo Akademis Studentkårs grafiska profil. Utarbetad av Ken Snellman. Åbo Akademis Studentkår 2015 2 Innehåll 1. Logotyp... 4 2. Sigill... 9 3. Rutnät... 10 4. Dekorelement... 11 5. Färger... 12 6. Teckensnitt...

Läs mer

WordPress-manual Version 1.0

WordPress-manual Version 1.0 WordPress-manual Version 1.0 Inloggning När det är dags att börja jobba med era sidor kommer ni att få era inloggningsuppgifter skickade till er. Sidan ni kommer att logga in på har då adressen: www.psoriasisforbundet.se/wp-admin

Läs mer

Översikt. Inloggning i Skola24 Schema Artiklar Frånvaro Planering Omdöme Kontakter Skola24 MobilApp. Nova Software AB 1 (19) 502

Översikt. Inloggning i Skola24 Schema Artiklar Frånvaro Planering Omdöme Kontakter Skola24 MobilApp. Nova Software AB 1 (19) 502 Föräldrar i Skola24 Genom föräldrarollen i Skola24 kan föräldrar ta del av en mängd användbar information. En central databas gör det möjligt att med samma inloggning se information om flera barn även

Läs mer

ADAD-net. Användarmanual INDIVIDEN. Råbe och Kobberstad Februari 2010

ADAD-net. Användarmanual INDIVIDEN. Råbe och Kobberstad Februari 2010 ADAD-net Användarmanual INDIVIDEN Råbe och Kobberstad Februari 2010 1 INNEHÅLLSFÖRTECKNING INNEHÅLLSFÖRTECKNING... 1 INLOGGNING OCH BEHÖRIGHETER... 2 STARTA PROGRAMMET OCH LOGGA IN... 2 BEHÖRIGHETSSYSTEM...

Läs mer

Kom igång. Readyonet Lathund för enkelt admin. Logga in Skriv in adressen till din webbsida följt av /login. Exempel: www.minsajt.

Kom igång. Readyonet Lathund för enkelt admin. Logga in Skriv in adressen till din webbsida följt av /login. Exempel: www.minsajt. Kom igång Logga in Skriv in adressen till din webbsida följt av /login. Exempel: www.minsajt.se/login Nu dyker en ruta upp på skärmen. Fyll i ditt användarnamn och lösenord och klicka på "logga in". Nu

Läs mer

Sida 1 av 13. Standardwebben. Användarguide för standardwebben. Limepark AB Telefon (växel)

Sida 1 av 13. Standardwebben. Användarguide för standardwebben. Limepark AB Telefon (växel) Sida 1 av 13 Standardwebben Användarguide för standardwebben Sida 2 av 13 Grundläggande uppsättning av en ny webbplats utifrån standardwebben Export/import Logotyp i sidhuvudet Färgschema Adresser Adressompekningar

Läs mer

Flexibel meny i Studentportalen

Flexibel meny i Studentportalen Guide Flexibel meny i Studentportalen Via en flexibel meny kan lärare och administratörer skapa en menystruktur som består av menyblock och funktioner i valfri ordning. På så sätt kan menyn spegla kursens

Läs mer

Grafisk manual 1.0 2009-10-07

Grafisk manual 1.0 2009-10-07 Grafisk manual 1.0 2009-10-07 Innehåll Logotyp... 3 Profilfärger... 4 Symbolen... 4 Typografi... 5 Svenska Vård i text... 6 Svenska Vård Grafisk manual 1.0 2 Logotyp Svenska Vårds logotyp finns i två versioner.

Läs mer

Världens bästa hälsa 2020. Profilmanual. Profilmanual Indexator

Världens bästa hälsa 2020. Profilmanual. Profilmanual Indexator Världens bästa hälsa 2020 Profilmanual Profilmanual Indexator Innehåll Följ profilmanualen 3 Logotyp 4 Logotypanvändning 5 Friyta 6 Färger 7 Typografi 8 Typografi ersättningstypsnitt 9 Grafiskt mönster

Läs mer

Brandskyddsföreningen är en allmännyttig ideell förening som arbetar för ett brandsäkrare Sverige. Brandskydds föreningen är ett ledande

Brandskyddsföreningen är en allmännyttig ideell förening som arbetar för ett brandsäkrare Sverige. Brandskydds föreningen är ett ledande Vår grafiska manual Brandskyddsföreningen är en allmännyttig ideell förening som arbetar för ett brandsäkrare Sverige. Brandskydds föreningen är ett ledande kunskapscentrum som ökar fram tidens brandsäkerhet

Läs mer

Elisabeth Bejefalk IT-Assistent Avesta kommun

Elisabeth Bejefalk IT-Assistent Avesta kommun Elisabeth Bejefalk IT-Assistent Avesta kommun Du ska nu få lära dig hur du enkelt kan göra ett bildspel i PowerPoint. Utifrån det du snart har lärt dig kan du sen göra mer avancerade bildspel genom att

Läs mer

RACCOON DEVELOPMENT AB

RACCOON DEVELOPMENT AB INNEHÅLL NYHETER 2-4 ARTIKLAR 5-7 BANNERS 8-10 SIDOR 11-15 AVDELNINGAR 16-17 MENY 18-20 TIDNINGEN 21-23 MEDARBETARE 24-26 FÖRSTASIDAN 27-28 Sid 2 NYHETER Hantera nyheter För att lägga till nyheter - klicka

Läs mer

Instruktion Tibropresentation

Instruktion Tibropresentation Datum 2013-02-18 Instruktion Tibropresentation I den här mappen hittar du en presentation av Tibro. Den är framtagen för att alla vi som presenterar Tibro i olika sammanhang ska göra det på ett enhetligt

Läs mer

Lathund Bygga mallar. Senselogic AB Version 2.3

Lathund Bygga mallar. Senselogic AB Version 2.3 Lathund Bygga mallar Senselogic AB Version 2.3 Innehållsförteckning 1 Begrepp... 1 1.1 Innehållsyta... 1 1.2 Mallyta... 2 1.3 Layouter... 3 1.3.1 Fliken marginaler... 1.3.2 Fliken Inställningar... 1.3.3

Läs mer

Grafisk manual. för ökad tydlighet. Användning av logotyp. Om den reviderade upplagan. En enda gemensam logotyp

Grafisk manual. för ökad tydlighet. Användning av logotyp. Om den reviderade upplagan. En enda gemensam logotyp Grafisk manual för ökad tydlighet Om den reviderade upplagan Kommunikationspolicyn och den grafiska manualen antogs 2003. Användningen av logotyper reviderades något i oktober 2010. Det ekumeniska arbetet

Läs mer

GRAFISK MANUAL Arcada studerandekår - ASK

GRAFISK MANUAL Arcada studerandekår - ASK GRAFISK MANUAL Arcada studerandekår - ASK Innehåll 1 Inledning 3 2 Namn och undertecknare 3 3 Färgskala 3 4 Typografi 4 4.1 Brödtext 4 4.2 Rubriker 5 5 Logo 5 5.1 Logo med text 5 5.2 Logo utan text 6 5.3

Läs mer

Grafiska element och rekommendationer

Grafiska element och rekommendationer Grafiska element och rekommendationer 2011 Introduktion Vårt samhälle står inför en enorm utmaning där gamla energikällor måste ersättas med nya. SEKAB vill bidra till en framtid där behovet av fossila

Läs mer