Till innehåll på sidan
Till KTH:s startsida

Typografi exempelsida ett

Första exemplet är en rubrik H2 med två stycken text

Med text under: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum in eros sed tellus consectetur tempus. Praesent auctor in purus ut accumsan. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ut egestas magna, et tempus tortor. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Maecenas at rhoncus ante, ac ultricies libero. Aenean maximus feugiat quam a ultrices. Morbi a euismod turpis. Quisque ex urna, maximus eu feugiat congue, blandit eu risus. Cras elit nulla, viverra quis malesuada sed, consectetur vulputate nisi. Quisque aliquet quam molestie urna imperdiet, et scelerisque ipsum tincidunt. Morbi ultrices vitae neque sit amet varius. Nam aliquam, dui ut sollicitudin viverra, felis sapien elementum enim, eu faucibus erat odio nec quam.

Mauris nec nisi vel magna semper pharetra mollis sed metus. Phasellus volutpat nulla nec libero blandit, sit amet egestas lorem ullamcorper. Nam id nisi felis. Vestibulum vitae tortor non nulla bibendum suscipit nec sit amet purus. Sed quis lectus a ante blandit dapibus sit amet a nibh. Fusce facilisis orci fermentum ipsum iaculis consequat. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nulla est, mattis a enim ut, tincidunt pellentesque mauris. Praesent arcu ligula, condimentum quis mauris sit amet, suscipit dignissim nulla. In quis purus ante.

Andra exemplet är en H2 med en nivå underrubriker

En underrubrik H3 med text under

Donec bibendum, diam consequat sagittis tempus, mauris tortor pellentesque elit, ut vehicula nibh tortor non orci. Vestibulum sodales, tortor sollicitudin sagittis rhoncus, diam libero lobortis felis, a posuere libero odio quis ipsum. Cras placerat sapien in nunc euismod, quis pulvinar sapien pretium. Nam efficitur hendrerit hendrerit. Integer sit amet euismod augue, a vehicula urna. Nam scelerisque sed sem quis cursus. Fusce quis lacus nec leo consequat facilisis quis vitae massa. Aliquam vel ligula pretium, tristique justo vel, commodo lacus.

Då ska man ha minst en till H3 med text under 

Donec bibendum, diam consequat sagittis tempus, mauris tortor pellentesque elit, ut vehicula nibh tortor non orci. Vestibulum sodales, tortor sollicitudin sagittis rhoncus, diam libero lobortis felis, a posuere libero odio quis ipsum. Cras placerat sapien in nunc euismod, quis pulvinar sapien pretium. Nam efficitur hendrerit hendrerit. Integer sit amet euismod augue, a vehicula urna. Nam scelerisque sed sem quis cursus. Fusce quis lacus nec leo consequat facilisis quis vitae massa. Aliquam vel ligula pretium, tristique justo vel, commodo lacus.

Tredje exemplat är en H2 följt av två nivåer underrubriker

En underrubrik H3 följt av underrubriker

En H4 under

Donec bibendum, diam consequat sagittis tempus, mauris tortor pellentesque elit, ut vehicula nibh tortor non orci. Vestibulum sodales, tortor sollicitudin sagittis rhoncus, diam libero lobortis felis, a posuere libero odio quis ipsum. Cras placerat sapien in nunc euismod, quis pulvinar sapien pretium. Nam efficitur hendrerit hendrerit. Integer sit amet euismod augue, a vehicula urna. Nam scelerisque sed sem quis cursus. Fusce quis lacus nec leo consequat facilisis quis vitae massa. Aliquam vel ligula pretium, tristique justo vel, commodo lacus.

Donec bibendum, diam consequat sagittis tempus, mauris tortor pellentesque elit, ut vehicula nibh tortor non orci. Vestibulum sodales, tortor sollicitudin sagittis rhoncus, diam libero lobortis felis, a posuere libero odio quis ipsum. Cras placerat sapien in nunc euismod, quis pulvinar sapien pretium. Nam efficitur hendrerit hendrerit. Integer sit amet euismod augue, a vehicula urna. Nam scelerisque sed sem quis cursus. Fusce quis lacus nec leo consequat facilisis quis vitae massa. Aliquam vel ligula pretium, tristique justo vel, commodo lacus. Donec bibendum, diam consequat.

Då ska man ha minst en ytterligare H4 under

Donec bibendum, diam consequat sagittis tempus, mauris tortor pellentesque elit, ut vehicula nibh tortor non orci. Vestibulum sodales, tortor sollicitudin sagittis rhoncus, diam libero lobortis felis, a posuere libero odio quis ipsum. Cras placerat sapien in nunc euismod, quis pulvinar sapien pretium. Nam efficitur hendrerit hendrerit. Integer sit amet euismod augue, a vehicula urna. Nam scelerisque sed sem quis cursus. Fusce quis lacus nec leo consequat facilisis quis vitae massa. Aliquam vel ligula pretium, tristique justo vel, commodo lacus.

Och minst en till H3 med underrubriker 

En H4 under

Donec bibendum, diam consequat sagittis tempus, mauris tortor pellentesque elit, ut vehicula nibh tortor non orci. Vestibulum sodales, tortor sollicitudin sagittis rhoncus, diam libero lobortis felis, a posuere libero odio quis ipsum. Cras placerat sapien in nunc euismod, quis pulvinar sapien pretium. Nam efficitur hendrerit hendrerit. Integer sit amet euismod augue, a vehicula urna. Nam scelerisque sed sem quis cursus. Fusce quis lacus nec leo consequat facilisis quis vitae massa. Aliquam vel ligula pretium, tristique justo vel, commodo lacus.

Och minst en till H4 under

Donec bibendum, diam consequat sagittis tempus, mauris tortor pellentesque elit, ut vehicula nibh tortor non orci. Vestibulum sodales, tortor sollicitudin sagittis rhoncus, diam libero lobortis felis, a posuere libero odio quis ipsum. Cras placerat sapien in nunc euismod, quis pulvinar sapien pretium. Nam efficitur hendrerit hendrerit. Integer sit amet euismod augue, a vehicula urna. Nam scelerisque sed sem quis cursus. Fusce quis lacus nec leo consequat facilisis quis vitae massa. Aliquam vel ligula pretium, tristique justo vel, commodo lacus.