Webb
Det som syns på skärmen ska såklart följa samma riktlinjer som den övriga kommunikationen. Men det finns några viktiga skillnader, till exempel när det gäller färgerna i vår grafiska profil.
En viktig sak att tänka på när man visar saker på en skärm är tillgängligheten. Innehållet måste vara användbart för alla användare. Vi följer W3C:s riktlinjer för tillgänglighet för att våra webbplatser ska vara tillgängliga för en bred skara människor med olika typer av funktionsnedsättningar såsom synnedsättningar, hörselnedsättning, inlärningssvårigheter, kognitiva funktionsnedsättningar, begränsad rörlighet, talsvårigheter, ljuskänslighet och kombinationer av dessa.
Helsingborgstemat
Den tekniska plattformen i WordPress som intranätet och stadens externa webbplatser görs i, kallar vi Helsingborgstemat (eller Municipio). Temat är ett helt eget men öppet WordPress-tema. Läs mer om Helsingborgstemat.
Stilguide
Vi använder en stilguide där det står hur våra webbplatser ska vara för att följa stadens varumärke. Där beskrivs till exempel hur stort radavstånd vi ska ha och vilka färger och typsnitt vi ska använda. Om man använder stilguiden så blir innehållet tillgänglighetsanpassat.
I stilguiden finns kodrader som beskriver grundutseendet på stadens webbplatser och dessa kan utvecklare kopiera och använda sig av. De behöver alltså inte uppfinna hjulet på nytt varje gång de ska göra en ny webbplats. Här finns hela stilguiden och information om hur du använder den.
Stadsvapnet
Helsingborgs liggande logotyp används i sidhuvudet på webbplatsen. Logotypen ska ligga uppe till vänster och ha mycket luft omkring sig (det kallas frizon). Du kan se hur det ska se ut på startsidan helsingborg.se. Stadsvapnet länkas alltid till startsidan på helsingborg.se.
I sidfoten använder vi Helsingborgs stads stående och vita logotyp. Om en av våra webbplatser ska använda en egen symbol får denna ligga uppe till vänster, men då ska stadsvapnet istället ligga till höger i sidfoten. Här kan du ladda ner de olika varianterna av stadsvapnet.
Färger på webben
Vi har fyra färgteman och ett färgband som du kan läsa om här. Eventuell text på en färgad bakgrundsplatta ska vara vit. Men vissa färger och färgkombinationer ger för låg kontrast och gör texten svårläst. Använd inte en tonad bottenplatta ovanpå en platta för att framhäva texten, utan välj en färg som fungerar.
Här kan du se vilka färger som fungerar med vit text (de överkryssade färgerna ska du alltså inte använda som bakgrundsplatta för vit text):
 RGB 247, 166, 0 |
 RGB 211, 80, 152 |
 RGB 77, 180, 231 |
 RGB 175, 202, 5 |
 RGB 203, 0, 80 |
 RGB 113, 32, 130 |
 RGB 0, 105, 180 |
 RGB 17, 166, 54 |
 RGB 236, 103, 1 |
 RGB 168, 76, 152 |
 RGB 91, 161, 216 |
 RGB 160, 200, 85 |
 RGB 174, 11, 5 |
 RGB 123, 7, 94 |
 RGB 0, 92, 134 |
 RGB 80, 129, 27 |
 RGB 227, 0, 15 |
 RGB 166, 19, 128 |
 RGB 0, 149, 219 |
 RGB 118, 184, 40 |
Domännamn och webbadresser (url)
Url (eller webbadress) är den adress som besökaren använder för att komma till en webbplats. Webbadressen till Helsingborgs stads webbplats är http://www.helsingborg.se.
När du vill ha en egen sajt, kampanjsajt, får den ett unikt domännamn som också blir sajtens webbadress. Domännamnet ska vara xxxx.helsingborg.se i de flesta fall, det är bara i undantagsfall som man ska ha en egen domän på en sida, till exempel www.gksidan.se.
Du beställer en egen domän genom webbredaktionen.
Kommentera