Skip to main content

Global styles

Component styles

Titles

Description

This page demonstrates types of titles

Title types

  • Title large - Page title: is h1 or is h2 that looks like h1
  • Title - Section title: is h2
  • Title link - Title with link

Global options

  • Title
    • Title default (h2 size)
    • Title large (h1 size)
    • Title: With link in title
  • Icon
    • Font icon
    • Image icon
    • SVG icon
  • Link
    • Default: Button link - With arrow
    • Button link - No arrow
    • Button component: all options

Title: <h1>

Pretext title Title: <h1>

Pretext text Text, Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Title: <h2> large

Title: <h2>

Pretext title Title: <h2>

Pretext text Text, Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Pretext title Title: <h1> & Font icon

Pretext text Text, Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Title: <h1> & Font icon

Pretext title Title: Font icon

Pretext text Text, Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Img icon

Title: Image icon

Img icon

Pretext title Title: Image icon

Pretext text Text, Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Title: SVG icon

Title large: <h1>

Title large: <h2>

Title: <h2>

Title large - with icon: <h2>

Title Icon - with Font icon

Img icon

Title Icon - with Image icon

Title Icon - with SVG icon

Search word:
Title tag