Typografi & Sektioner

TYPOGRAFI

H1
lg: 40px / 110% – Bold
sm: 32px / 120% – Bold

H2
lg: 32px / 125% – Semi-Bold
sm: 24px / 130% – Semi-Bold

H3
lg: 24px / 140% – Semi-Bold
sm: 19px / 130% – Semi-Bold

H4
lg: 18px / 145% – Bold
sm: 16px / 130% – Bold

H5
lg: 14px / 180% – Bold
sm: 13px / 160% – Bold

Lead
lg: 20px / 138% – Regular
sm: 18px / 136% – Regular

Body
lg: 18px / 145% – Regular
sm: 16px / 145% – Regular

Knappar:

Standard knapp

Inverterad knapp

Gul knapp

SEKTIONER

Sektion: Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed lacus eleifend, dapibus ante quis, placerat felis. Sed vel turpis id leo convallis tempus. Vestibulum volutpat lectus non aliquam vestibulum. Nulla efficitur sem enim, id sagittis leo posuere ultricies. Mauris rutrum ligula ac rhoncus pellentesque. Vivamus malesuada auctor congue. Nam nec erat eu leo aliquet condimentum. Praesent eget purus non erat viverra lobortis. Pellentesque malesuada ligula auctor, auctor massa vitae, egestas nisi. Proin cursus maximus mauris at dictum. Sed condimentum, odio ut blandit eleifend, felis velit vulputate tortor, sed sollicitudin risus nisl a ipsum. Etiam imperdiet nisl id sagittis pellentesque. Ut mollis mattis sodales.

Sektion: Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed lacus eleifend, dapibus ante quis, placerat felis. Sed vel turpis id leo convallis tempus. Vestibulum volutpat lectus non aliquam vestibulum. Nulla efficitur sem enim, id sagittis leo posuere ultricies. Mauris rutrum ligula ac rhoncus pellentesque. Vivamus malesuada auctor congue. Nam nec erat eu leo aliquet condimentum. Praesent eget purus non erat viverra lobortis. Pellentesque malesuada ligula auctor, auctor massa vitae, egestas nisi. Proin cursus maximus mauris at dictum. Sed condimentum, odio ut blandit eleifend, felis velit vulputate tortor, sed sollicitudin risus nisl a ipsum. Etiam imperdiet nisl id sagittis pellentesque. Ut mollis mattis sodales.

Sektion: Textboxar

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed lacus eleifend, dapibus ante quis, placerat felis.

Sektion: Textboxar

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed lacus eleifend, dapibus ante quis, placerat felis.

Sektion: Textboxar

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed lacus eleifend, dapibus ante quis, placerat felis.

Sektion: Textboxar

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed lacus eleifend, dapibus ante quis, placerat felis.

Sektion: Textboxar

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed lacus eleifend, dapibus ante quis, placerat felis. Sed vel turpis id leo convallis tempus. Vestibulum volutpat lectus non aliquam vestibulum. Nulla efficitur sem enim, id sagittis leo posuere ultricies.

Sektion: Textboxar

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed lacus eleifend, dapibus ante quis, placerat felis. Sed vel turpis id leo convallis tempus. Vestibulum volutpat lectus non aliquam vestibulum. Nulla efficitur sem enim, id sagittis leo posuere ultricies.

Sektion: Bild & Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed lacus eleifend, dapibus ante quis, placerat felis. Sed vel turpis id leo convallis tempus. Vestibulum volutpat lectus non aliquam vestibulum. Nulla efficitur sem enim, id sagittis leo posuere ultricies. Mauris rutrum ligula ac rhoncus pellentesque. Vivamus malesuada auctor congue. Nam nec erat eu leo aliquet condimentum. Praesent eget purus non erat viverra lobortis.

Sektion: Bild & Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed lacus eleifend, dapibus ante quis, placerat felis. Sed vel turpis id leo convallis tempus. Vestibulum volutpat lectus non aliquam vestibulum. Nulla efficitur sem enim, id sagittis leo posuere ultricies. Mauris rutrum ligula ac rhoncus pellentesque. Vivamus malesuada auctor congue. Nam nec erat eu leo aliquet condimentum. Praesent eget purus non erat viverra lobortis.

Sektion: Cover

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed lacus eleifend, dapibus ante quis, placerat felis. Sed vel turpis id leo convallis tempus. Vestibulum volutpat lectus non aliquam vestibulum. Nulla efficitur sem enim, id sagittis leo posuere ultricies. Mauris rutrum ligula ac rhoncus pellentesque. Vivamus malesuada auctor congue. Nam nec erat eu leo aliquet condimentum. Praesent eget purus non erat viverra lobortis.