Jämförda versioner

Nyckel

  • Dessa rader lades till.
  • Denna rad togs bort.
  • Formateringen ändrades.
Innehållsförteckning

Här visas hur marginaler och avstånd har strukturerats i designskisserna. Tänk på att det kan skilja mot hur det har utvecklats samt vad som ligger live.

...

Innehållsförteckning

Designspecifikation

...

Exempelsidan är framtagen för att visa hur marginaler och avstånd mellan element kan appliceras på en artikelsida. Tanken med att visa ett exempel är att ge en utgångspunkt för hur element ska förhålla sig till varandra i de skisser som tas fram. 

Förståelse finns såklart för att varje tjänst eller skiss kan ha sina unika förutsättningar, därför är det som visas här endast ett exempel. Ibland kanske du själv ser att något behöver flyttas för att skapa en bättre harmoni, och kan fritt göra det.

Utgångspunkten är dock alltid jämna tiotal.

...

Dator

Marginaler och avstånd utgår från jämna tiotal.
Standardmarginal mellan textblock samt komponenter är 40 px.
Marginal ner till H3 samt H4 rubrik/block är 30 px.
Marginal mellan content (tex artikelfot) och sajtfot är 150 px.

...

Marginaler utgår från jämna tiotal.
Standardmarginal mellan textblock samt komponenter är 30 px, tex mellan H2 block.
Marginal ner till H3 samt H4 rubrik/block är 20 px.
Marginal mellan content (tex artikelfot) och sajtfot är 100 px.

Status

...

Status

...

Status
colourGreen
titleFärdig validerad

...

Publicerad

...

2020-01-18

...

Senast uppdaterad

...

Feedback

...

Hjälp oss att förbättra den här informationen genom att ge feedback, ställa frågor och lämna andra kommentarer på Inera UX Slacken i kanalen #komponenter_design eller #komponenter_kod alternativt kan du använda vårt formulär.

Publicerad

Senast uppdaterad