Layout

Webbplatsens storlek

Webbplatsens maxbredd är 1156px. 

Startsidor

Det finns tre olika layouter för startsidor, en för Ämne och två för Tema.

Startsida för Ämne

Startsidorna för Ämne kan innehålla olika komponenter men har alltid en toppbild med proportionerna 13:5, en rubrik som är samma som namnet på webbplatsen och en ingress.

Olika komponenter som en startsida för ett ämne kan ha är:
• Textblock
Guidemodul 
Direktingångar
Navigationspufflista
Startsidespufflista
Snabblänkar

Startsidor för Tema

Startsidorna för Tema kan ha två olika layouter men båda innehåller en toppbild i proportionerna 2:1 med namnet på webbplatsen och tre olika slags puffar. Skillnaden är att toppbilden antingen kan visas med namnet mitt på bilden på en transparent platta. Eller med en diagonal färgplatta med namn, text och länk som täcker drygt halva ytan av bilden.

Olika komponenter som en startsida för ett tema kan ha är:
• Textblock
• Primärpuffar med bild
• Sekundärpuffar
• Datapuffar

Undersidor

Det finns två typer av undersidor.

Standard

Denna sidtyp har två delar.

  • Huvudytan (till vänster på dator) har en bakgrundsgrå bakgrund. 
  • Sekundärytan (till höger på dator) har vit bakgrundsfärg. På mobil hamnar denna yta under huvudytan.

Fullbredd

Bakgrundsfärgen på denna sidtyp är bakgrundsgrå .

Grid

Gridden är 12 grid-kolumner bred.

Sidhuvud och sidfot

Sidhuvudet och sidfoten är 12 grid-kolumner breda.

Undersidor

Innehållet på alla undersidor är 10 grid-kolumner brett.

Standardsida

Ytorna på en standardsida har följande inbördes förhållande:

  • Huvudyta 6 grid-kolumner
  • Sekundäryta 4 grid-kolumner
Fullbreddssida

Baslinjeraster

Ett baslinjeraster används för att avstånd mellan till exempel rubrik och text eller mellan stycken blir samma överallt. Baslinjerastret har en höjd på 8 pixlar per basenhet.

Uppdaterad