Testsida

En testsida för bilder, typografi och webbplatsens egna innehållsblock.

Det här är en testsida för layout, innehållsblock och typografi.

Testa sidans layout

Här testar vi hur olika innehållsblock fungerar tillsammans. Kontrollera rubriker, avstånd, kolumner och hur sidan anpassar sig till olika skärmstorlekar.

Ett enkelt textblock

Det här är exempeltext i den första kolumnen. Den visar hur längre stycken bryts och hur textens bredd påverkar läsbarheten.

Några saker att kontrollera

  • Rubriker och brödtext
  • Avstånd mellan block
  • Layout på mobil och dator

En bra layout gör innehållet enkelt att läsa och lätt att hitta i.

Exempelcitat för layouttest

Rubriker H1–H5

Exempel på faktiska rubriktaggar. Storlekarna anpassas efter skärmens bredd.

H1 – Rubriknivå 1 (36–48 px)

H2 – Rubriknivå 2 (32–40 px)

H3 – Rubriknivå 3 (28–36 px)

H4 – Rubriknivå 4 (24–32 px)

H5 – Rubriknivå 5 (20–24 px)

Alla förinställda textstorlekar

Varje rad visas med sin egen textstorlek. Intervallet anger minsta och största storlek i temat.

Extra small – 12–14 px: Exempeltext för att testa textstorleken.

Small – 14–16 px: Exempeltext för att testa textstorleken.

Normal – 16–18 px: Exempeltext för att testa textstorleken.

Medium – 18–20 px: Exempeltext för att testa textstorleken.

Large – 20–24 px: Exempeltext för att testa textstorleken.

X-large – 48–72 px: Exempeltext för att testa textstorleken.

H6 – 16–18 px: Exempeltext för att testa textstorleken.

H5 – 20–24 px: Exempeltext för att testa textstorleken.

H4 – 24–32 px: Exempeltext för att testa textstorleken.

H3 – 28–36 px: Exempeltext för att testa textstorleken.

H2 – 32–40 px: Exempeltext för att testa textstorleken.

H1 – 36–48 px: Exempeltext för att testa textstorleken.

Egna block – testöversikt

Här visas webbplatsens egna innehållsblock med exempeltext och befintligt material från testmiljön.

01. Banner

02. Målgruppstabb

Företag & arbetsgivare

Exempel på introduktion för den första målgruppen.

Läs mer

Populära ämnesområden

Se alla

Exempelsida

Exempel på innehåll när du växlar flik.

Läs mer

Populära ämnesområden

Se alla

Yrkeshögskolan

En tredje målgrupp för att prova tabbnavigeringen.

Läs mer

Populära YH-utbildningar

Se alla

03. Puff block

04. Ämnesområde/region

Test – ämnesområden och regioner

05. Nyheter

Test – nyhetskort

Se alla nyheter

06. Hitta din väg

Test – hitta din väg

Exempel på länkkort med befintliga sidor från testmiljön.

07. Accordion – fritt innehåll

Det här är exempeltext inne i accordion-blocket. Testa att öppna och stänga innehållet.

08. Citat från deltagare

  • Från tidigare elever

    ”Utbildningen gav mig både nya kunskaper och ett helt annat självförtroende i mitt arbete. Pedagogiskt, konkret och framför allt väldigt relevant för min vardag.”

    –
    Linn Andersson, Student
  • Från tidigare elever

    ”Utbildningen gav mig både nya kunskaper och ett helt annat självförtroende i mitt arbete. Pedagogiskt, konkret och framför allt väldigt relevant för min vardag.”

    –
    Johan Andersson, Elektriker

09. Frågor och svar

Test – frågor och svar

10. Nyhetsbrevsanmälan

Test – nyhetsbrevsanmälan

11. För vem

  • Exempelperson 1

    Testinformation för att kontrollera kortens bild, rubrik och textflöde.

  • Exempelperson 2

    Testinformation för att kontrollera kortens bild, rubrik och textflöde.

  • Exempelperson 3

    Testinformation för att kontrollera kortens bild, rubrik och textflöde.

12. Utbildningar & kontakt

13. Video Popup

14. Medarbetare

15. Kurslista

Inga kurser matchar din sökning.

Visar 20 av 20 kurser.

16. Ämnesområden

Test – ämnesområden

17. Yrkesroller

Test – yrkesroller

18. Utbildningssteg

Test – utbildningssteg

Tre exempelsteg för att testa ikoner och utfällbart innehåll.