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 visuellt uttrycksmedel för vårt varumärke. Den är en del av vår visuella identitet. Lika viktigt som det är att identifiera människor på olika sätt, är det viktigt att identifiera organisationer. Vi känner igen varandra på utseendet och lär oss med tiden vilka värderingar som står bakom den grafiska identiteten. Det är viktigt att vi som avsändare är tydlig så att betraktaren snabbt kan identifiera oss. Samordningsförbunden i Östergötland har därför valt en strategi där vi på hemsidan använder ett och samma varumärke. Denna profilmanual är ett redskap för att visa vilka tillämpningar som är riktiga. Den ska fungera som en vägledning i vårt gemensamma arbete att kommunicera till våra ägare, kunder, projekt, partners och allmänhet. Är du osäker eller har idéer som går utanför dessa anvisningar, kontakta webbansvarig på Samordningsförbundet Centrala Östergötland. Tack för att du följer våra riktlinjer och bidrar till att vårda vårt varumärke på bästa sätt! Linköping 1 november 2015 Linda Andersson Linda Andersson Webbansvarig Samordningsförbundet Centrala Östergötland 2
Logotype Kärnan i vår grafiska profil är logotypen. Symbolen är inspirerad av våra fyra huvudmän. De vita ringarna representerar de fyra olika huvudmännen; arbetsförmedlingen, försäkringskassan, Region Östergötland och kommunerna med samordningsförbundet i mitten. Färger All text skrivs i svart. Länkar får automatiskt turkos färg. Enfärgstryck TURKOS - PANTONE 630 C LJUS TURKOS - PANTONE 628 C Fyrfärgstryck TURKOS - C=53, M=3, Y=23, K=0 LJUS TURKOS - C=25, M=0, Y=13, K=0 Utskrifter och webb TURKOS - R=128, G=198, B=203 LJUS TURKOS - R=203, G=231 B=229 TURKOS - #80c6cb LJUS TURKOS - #cbe7e5 3
Navigering Ordningen i respektive samordningsförbunds rullgardinsmeny ska ligga i alfabetisk ordning. Generella regler Genom att följa de rekommendationer som ges på följande sidor skapar vi en snyggare hemsida. Rubriker Rubriker ska vara vänsterställda. Skriv rubriker med små bokstäver (gemener). Skriv korta rubriker. Avsluta inte rubriker med punkt eller kolon. Rubrik 4 (rubrik med streck) används för att skilja på de olika styckena i texten om insatsen. Rubrik 6 används som underrubrik då en underrubrik behövs. Behövs två underrubriker används Rubrik 5 först och därefter Rubrik 6. Behövs tre underrubriker används Rubrik 3 först, Rubrik 5 sen och därefter Rubrik 6. 4
Exempel på rubriker: Rubrik Rubrik 3 Rubrik 5 Rubrik 5 Rubrik 6 Rubrik 4 Texter Texter ska vara vänsterställda. Undvik långa nyhets- och insatsinlägg. Använd/infoga Läs mer-ikonen (ruta med streck i). Det blir ett block som placeras i text och kan plockas bort genom att markeras. Lägg in nytt stycke och mellanrubriker i långa textstycken för bättre läsbarhet. Använd endast citat-tecken( ) vid citat. Om förtydligande behövs använd hellre bold eller kursiv stil. Kolon(:) kan användas när du räknar upp något. Vid listor används i första hand punktlistor och sifferlistor används när man behöver kunna referera till de olika styckena. För punkt- och sifferlistor gäller: Ny punkt = retur Dubbelretur = hoppar ur listning Shift + retur = håller sig inom samma punkt 5
Låt texten vara löpande utan att göra egna radbrytningar för att få det snyggt. Radbrytningarna blir olika beroende på vilken plattform hemsidan läses i. Nytt stycke = retur Ny rad = shift + retur Gör en uppdatering (reload) på sidan för att se dina ändringar. Genom att klicka på ord visas vilka verktyg som använts. Skribenten ansvarar för stavning och att flytet i texten är bra. Skriv gärna texten i Word innan och kontrollera stavningen. Den som matar in texten på hemsidan korrekturläser och formaterar enligt riktlinjerna i denna manual. Regler för avsnitt Aktuellt och Senaste nytt Rubrik 6 används för inledande text (ingress). Undvik långa nyhetsinlägg. Använd/infoga Läs mer-ikonen (ruta med streck i). Det blir ett block som placeras i text och kan plockas bort genom att markeras. Undvik långa texter och stycken. Använd aldrig Rubrik 4 (understruken rubrik) i det här sammanhanget Förslagsvis används följande format vid evenemang: När: Dag, datum, månad, kl. tid Var: Plats, adress Anmälan: Kontaktuppgifter (se senare stycke om hur det skrivs) Program: länk till PDF När, Var, Anmälan och Program markeras med bold och är inte en rubriktext. 6
Exempel på evenemang: Beredningsgrupp Redovisas organisatoriskt och inom respektive organisation i bokstavsordning. Insatser/Verksamheter/Lokalt utvecklingsarbete Undvik långa insatsinlägg. Använd/infoga Läs mer-ikonen (ruta med streck i). Det blir ett block som placeras i text och kan plockas bort genom att markeras. Rubrik 4 (rubrik med streck) används för att skilja på de olika styckena i texten om insatsen. Hos Samordningsförbundet Centrala Östergötland ska till varje insats en bild infogas med namnet insatsnamn_100px.jpg och placeras till höger om texten i ingressen och på sidan med de samlade insatserna. 7
Kalendarium Plats: Läggs in via funktion på hemsidan om förval inte finns sedan tidigare Startar: Datum + tid Slutar: Datum + tid Anmälan stängs: datum + tid Bokningsformulär: Person- och Gruppbokning Description: Kort beskrivning av evenemanget Vid önskemål om specialkost, meddela detta i kommentarfältet i samband med anmälan. Kontaktuppgifter Redovisas alltid på följande sätt och i denna ordning: Förnamn Efternamn // skrivs i bold Arbetsuppgift/Titel //skrivs i kursivt Adress //skrivs på vanligt sätt 010-4879601 //telefonnummer skrivs på vanligt sätt linda.andersson@linkoping.se //mejladress skrivs på vanligt sätt De beskrivningar som inte behövs plockas bort, till exempel adressen. Styrelse/Revisorer Ordförande redovisas först. Därefter redovisas ledamöterna organisatoriskt och med respektive ersättare efter ordinarie ledamot. Förbundschef och sekreterare står sist då de inte är ledamöter. 8
Bilder Bilder som läggs in under Aktuellt och som ska täcka spalten i sidled ska vara maximalt 860 pixlar breda och bör vara max100 kb stora. Många stora bilder på hemsidan gör att det tar längre tid att ladda upp sidan. Bilderna ska ligga i formatet JPEG (JPG). Beskär gärna bilden i höjdled för en bättre layout och mindre scrollande i små enheter som mobilen. I avancerade bildredigeringsprogram kan man beskära bilder, justera färger och bestämma vilken JPEG-komprimering som ska användas. Vid stor komprimering blir kvaliteten sämre och filen mindre. Exempel på beskärning: Glöm inte att kontrollera att hemsidan ser bra ut på datorn och i mobilen när du gjort dina ändringar. 9