Blockbeskrivningar

Bilder

Bildblocket används för att tillföra ett viktigt berättande i anknytning till omgivande textinnehåll. I desktop-läge visas bilderna i tvåspalt, sträva därför att använda ett jämnt antal bilder för att få ett bra radfall för besökare på desktop. 

Använd korta och koncisa bildtexter i blocket, för att på bästa sätt knyta an till sammanhanget på sidan.

Använd inte bildblocket som ett dekor- eller designelement.

Bildblocket kan användas på:

• Skolstartsida
• Undersida, i fullbreddslayout

Så här ser ett bildblock ut:

Fullbreddsbild

Fullbreddsbild används för att engarera läsaren och för att sätta, eller förstärka en känsla. Den här typen av bilder är viktiga framför allt inom verksamheter som uppmuntrar till förändring eller ska locka publik.

Fullbreddsbilder kommer till sin rätt på sidor som har en stor andel desktop-besökare. Då gör det utfallande, breda formatet (16:5) att bilden får stort genomslag och bryter av mot textinnehållet på sidan. Det är viktigt att bilden håller hög kvalitet. 

För mobil-besökare visas fullbreddsbilder i ett traditionellt 3:2-format. Den stora formatskillnaden mellan desktop och moobil gör att du som redaktör behöver vara noggran i bildurvalet, så att bildens komposition passar för både 16:5 och 3:2. 

Blocket fullbreddsbild visar bildtext direkt under bilden. Eventuell redigering av bildtexten görs i mediabiblioteket. Du kan inte redigera bildtexten i blocket.

Så här ser en fullbreddsbild ut:

Färgtemasektion

Blocket färgtemasektion passar bra för att växla tempo på en sida. Innehållet får gärna stå ganska fritt och tillföra något nytt till sidans löpande innehåll, exempelvis bakgrundsinformation eller en kort fördjupning. Textytan ska enbart användas för löptext.

Färgbakgrunden lättar upp och bryter av – den är inte betydelsebärande. På temasajter används samma färg som på sajten i övrigt.

Det är viktigt att bilden håller hög kvalitet. För desktop-besökare visas bilden i formatet 16:5, vilket gör att bilden får stort genomslag. För mobil-besökare visas bilden i ett traditionellt 3:2-format. Den stora formatskillnaden mellan desktop och mobil gör att du som redaktör behöver vara noggran i bildurvalet, så att bildens komposition passar för både 16:5 och 3:2. 

Bildtexten visas alltid direkt under bilden. Den hämtas från media-arkivet och kan inte redigeras i blocket. 

Bildblocket kan användas på:

• Undersida, i fullbreddslayout

Så här ser en färgtemasektion ut:

Citatblock

Citatblocket används för att förmedla ett kärnfullt citat från en relevant talesperson. Blocket visas på ett mer framträdande sätt än den citatfunktion som finns inbyggd i den vanliga text-editorn.

Så här ser ett citatblock ut:

Aktualitetspuff

Blocket aktualitetspuff automatiserar visning av totalt 1-3 nyhetspuffar och kalenderpuffar från ett definierat flöde, med möjlighet att smalna av flödet till utvalda kategorier och/eller platser. Som komplement till den automatiserade visningen är det möjligt att länka till en samlingssida som visar fler nyheter och kalenderhändleser.

Blocket visar endast puffar till nyheter och kalenderhändelser som är markerade med "Visa i aktualitetspuff". Det kan ställas in för att visa puffar till

• enbart nyheter
• enbart kalenderhändelser
• både nyheter och kalenderhändelser. 

Nyhetspuffar försvinner 30 dagar efter att nyheten publicerats. Kalenderhändelser försvinner så snart händelsen har passerats.

Det är även möjligt att manuellt lägga in en puff för valfri nyhet eller kalenderhändelse. När den manuellt inlagda puffen blivit inaktuell måste du plocka bort den "för hand".

Aktualitetspuff kan användas på:

• Ämnesstartsida
• Temastartsida
• Skolstartsida
• Undersida, i fullbreddslayout
  
  

Så här ser en aktualitetspuff ut:

Primärpuff

Primärpuffen används för att tydliggöra startpunkten på en användarrresa och är vanligtvis den viktigaste puffen på en startsida. Den hjälper besökaren att hitta rätt. Tänk på att vad som är viktigast kan variera över tid – ha rutiner för att snabbt kunna byta primärpuff vid behov.

På skolstartsidor ska bakgrundsfärgen vara grå. På övriga sididtyper väljs en bakgrundsfärg i samklang med de färger som sajten använder i övrigt. Rådgör med publiceringsansvarig om du är osäker.

Primärpuff kan användas på:

• Temastartsida
• Skolstartsida
• Undersida, i fullbreddslayout

Så här ser en primärpuff ut:

Datapuff

Datapuffen lyfter fram viktig data för att ge snabb överblick och en första förståelse av ett område – i första hand i syfte att ge ett bra beslutsunderlag eller incitament till förändring.

Använd tre till fyra datagrupper, med korta koncisa formuleringar i textfältet. Sikta på max fyra ord och använd inte punkt som avslutning. Exempel: 10 minuter från city – 8 nya förskolor – 450 arbetsplatser

Vanligtvis ska rubriken vara synlig, men i vissa sammanhang kan det vara bättre att dölja rubriken för att inte krocka med omgivande rubriker.

Grönt är standardfärg för datapuffar. Sajter som har en uttalad profilfärg kan använda profilfärgen efter samråd med publiceringsansvarig.

Primärpuff kan användas på:

• Ämnesstartsida
• Temastartsida
• Skolstartsida
• Undersida, i fullbreddslayout

Så här ser en datapuff ut: