Typography

Typography is the visual component of the written word. It includes typefaces (fonts), sizes and line-spacing. Most of the typograhpy settings will work for every component as typography is part of the foundation. On this page all possible styles are described.

Paragraph styles

Branded paragraph text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis ultrices dapibus. Etiam feugiat non nisi at condimentum. Donec gravida, ex vulputate feugiat aliquet, ipsum enim ultricies velit, eu vestibulum ante nibh vitae risus. Vestibulum rhoncus viverra lectus, vel tincidunt quam interdum vel.

Default paragraph text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis ultrices dapibus. Etiam feugiat non nisi at condimentum. Donec gravida, ex vulputate feugiat aliquet, ipsum enim ultricies velit, eu vestibulum ante nibh vitae risus. Vestibulum hyperlink viverra lectus, vel tincidunt quam interdum vel.

Next paragraph. Etiam feugiat non nisi at condimentum. Strikethrough, ex vulputate feugia. Vestibulum rhoncus viverra lectus, vel tincidunt quam interdum vel. Vestibulum rhoncus viverra lectus, vel tincidunt quam interdum vel.t

Small text

Legal text

Lead paragraph text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec facilisis ultrices dapibus. Etiam feugiat non nisi at condimentum. Donec gravida, ex vulputate feugiat aliquet, ipsum enim ultricies velit, eu vestibulum ante nibh vitae risus. Vestibulum rhoncus viverra lectus, vel tincidunt quam interdum vel.

Titles

Titles can be used as h1, h2, h3, h4, h5 or span HTML element. On top of the element you can apply a styling. Note; in this example all titles are h1 elements with different styles applied. This means that the HTML element doesn't influence the styling.

H1 heading

H1 subheading

H2 heading

H3 heading

H4 heading

H5 heading