Webbplats och digitala tjänster
Puffar och puffblock
Huvudpuff
Används högst upp på startsidan. Bakgrundsfärg på textyta är utfallande och fyller hela sajtbredden oberoende av skärmstorlek. Bildytan är rundad i högerkant och tonas ut till vänster för skärmar med hög upplösning.
![Intropuff med bild till vänster. 1177.se](/globalassets/1177/nationell/media/riktlinjer-och-material/varumarkesmanual/tillampningar/digitala-tjanster/38-intropuff.png?saved=2021-05-27+02:18&preset=low-res)
Artikelpuffar
Artikelpuffar kan placeras upp till fyra st i bredd, med eller utan bild. Artikelpuff som placeras ensam har text och rubrik till höger eller vänster om bilden. Artikelpuffar som placeras två till fyra i bredd har text och rubrik under bilden.
Puffblock varianter
![Puffyta med en puff. Bild till vänster.](/globalassets/1177/nationell/media/riktlinjer-och-material/varumarkesmanual/tillampningar/digitala-tjanster/39-puff-x1.png?saved=2021-05-27+02:18&preset=low-res)
![Puffyta med en puff. Bild till höger.](/globalassets/1177/nationell/media/riktlinjer-och-material/varumarkesmanual/tillampningar/digitala-tjanster/40-puff-x1.png?saved=2021-05-27+02:18&preset=low-res)
![Puffyta med två puffar.](/globalassets/1177/nationell/media/riktlinjer-och-material/varumarkesmanual/tillampningar/digitala-tjanster/41-puff-x2.png?saved=2021-05-27+02:18&preset=low-res)
![Puffyta med två puffar utan bild.](/globalassets/1177/nationell/media/riktlinjer-och-material/varumarkesmanual/tillampningar/digitala-tjanster/42-puff-x2-text.png?saved=2021-05-27+02:18&preset=low-res)
![Puffyta med tre puffar](/globalassets/1177/nationell/media/riktlinjer-och-material/varumarkesmanual/tillampningar/digitala-tjanster/43-puff-x3.png?saved=2021-05-27+02:18&preset=low-res)
![Puffyta med tre puffar utan bild](/globalassets/1177/nationell/media/riktlinjer-och-material/varumarkesmanual/tillampningar/digitala-tjanster/44-puff-x3-text.png?saved=2021-05-27+02:18&preset=low-res)
![Puffyta med fyra puffar](/globalassets/1177/nationell/media/riktlinjer-och-material/varumarkesmanual/tillampningar/digitala-tjanster/45-puff-x4-kopia.png?saved=2021-05-27+02:17&preset=low-res)
![Puffyta med fyra puffar utan bild](/globalassets/1177/nationell/media/riktlinjer-och-material/varumarkesmanual/tillampningar/digitala-tjanster/46-puff-x4-text.png?saved=2021-05-27+02:18&preset=low-res)