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
HEX f7a600

RGB 211, 80, 152
HEX d35098

RGB 77, 180, 231
HEX 4db4e7

RGB 175, 202, 5
HEX afca05

RGB 203, 0, 80
HEX cb0050

RGB 113, 32, 130
HEX 712082

RGB 0, 105, 180
HEX 0069b4

RGB 17, 166, 54
HEX 11a636

RGB 236, 103, 1
HEX ec6701

RGB 168, 76, 152
HEX a84c98

RGB 91, 161, 216
HEX 5ba1d8

RGB 160, 200, 85
HEX a0c855

RGB 174, 11, 5
HEX ae0b05

RGB 123, 7, 94
HEX 7b075e

RGB 0, 92, 134
HEX 005c86

RGB 80, 129, 27
HEX 50811b

RGB 227, 0, 15
HEX e3000f

RGB 166, 19, 128
HEX a61380

RGB 0, 149, 219
HEX 0095db

RGB 118, 184, 40
HEX 76b828

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.