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

Feedback Banner

Content options

  • Title
  • Text
  • Form elements
    • Input: Name
    • Input: Email
    • Textarea: Message
      • No restrictions
      • max length
      • min- and max length
      • min length
  • Buttons

Background colors

  • Invert main background color: Body/white
  • Primary
  • Secondary
  • Primary decorative
  • Secondary decorative

Feedback banner: button options

Button component
Button component with icon
Button component outlined
Button component with outlined with icon
Button component
Button component with icon
Button component outlined
Button component with outlined with icon

Step 1: Feedback banner

Step 2.1: default

Step 2.2: max length

Step 2.3: min- and max length

Step 2.4: min length

Step 3: success

Umbrcao forms example

Background colors