Skip to main content

Suggestions title

Global styles

  • Roboto
  • Verdana
  • MaxLF-Regular
  • Open Sans
  • Georgia
  • Arial
  • Exo2
  • IBMPlexMono
  • Playfair Display
  • Fira Sans
  • Montserrat
  • Metropolis
  • Barlow
  • Poppins
  • Ice Cream Slant
  • ID00 Sans
  • ID00 Serif
  • Merriweather
  • Rubik
  • Alverata
  • Resolve
  • Resolve Nrw
  • DM Sans
  • Raleway
  • Bricolage Grotesque
  • Sora
  • Tropiline
  • Caveat
  • Flama
  • Inter
  • Lato
  • Mynerve

  • Inherits sizing from article body

  • Inherits sizing from H3

  • Small text transform

Component styles

  • Footer padding

Util Link animations

Default

Default

Default. And very long text to test how it looks when the sentence wraps.

Link in text

Curabiturnon nullaLoremconvallis quis ac lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Default. And very long text to test how it looks when the sentence wraps.Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Vivamus suscipit tortor eget felis porttitor volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Underline on hover - left to right

Underline on hover - left to right

Underline on hover - left to right. And very long text to test how it looks when the sentence wraps.

Link in text

Curabiturnon nullaLoremconvallis quis ac lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Underline on hover - left to right. And very long text to test how it looks when the sentence wraps.Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Vivamus suscipit tortor eget felis porttitor volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Underline - fat on hover - left to right

Underline - fat on hover - left to right

Underline - fat on hover - left to right. And very long text to test how it looks when the sentence wraps.

Link in text

Curabiturnon nullaLoremconvallis quis ac lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Underline - fat on hover - left to right. And very long text to test how it looks when the sentence wraps.Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Vivamus suscipit tortor eget felis porttitor volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Underline - background color on hover - bottom to top

Underline - background color on hover - bottom to top

Underline - background color on hover - bottom to top. And very long text to test how it looks when the sentence wraps.

Link in text

Curabiturnon nullaLoremconvallis quis ac lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Underline - background color on hover - bottom to top. And very long text to test how it looks when the sentence wraps.Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Vivamus suscipit tortor eget felis porttitor volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Underline - Gradient background color on hover - bottom to top

Underline - background color on hover - bottom to top

Underline - background color on hover - bottom to top. And very long text to test how it looks when the sentence wraps.

Link in text

Curabiturnon nullaLoremconvallis quis ac lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.Underline - background color on hover - bottom to top. And very long text to test how it looks when the sentence wraps.Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Vivamus suscipit tortor eget felis porttitor volutpat. Lorem ipsum dolor sit amet, consectetur adipiscing elit.