Color Definitions Html

Brand Colors

  • #ff733b
  • #d23d00
  • #852f0d
  • #c1e3f8
  • #86b5d3
  • #0d5885
  • #023555

General Colors

  • #808080
  • #ffffff
  • #000000
  • #808080
  • #f9f9f9
  • #eeeeee
  • #dddddd
  • #a5a5a5
  • #555555
  • #252525
  • rgba(0, 0, 0, 0.5)
  • rgb(209, 0, 0)
  • #089e00
  • #fff664
  • #000db5

Race Colors

Tour de France

  • rgb(255, 255, 183)
  • #ff0
  • rgb(141, 141, 9)

Giro d'Italia

  • #f88a82
  • #da291c
  • #79140d

Vuelta a España

  • #fd99bb
  • #ff286e
  • #a31847

Dynamic Colors Html

These colors are set by variables and can change dynamically based on the container style. To view how each swatch changes, select a different color scheme from the top-right dropdown.

  • Brand Primary Light
  • Brand Primary
  • Brand Primary Dark
  • Brand Secondary Light
  • Brand Secondary Light 2
  • Brand Secondary
  • Brand Secondary Dark

Fonts Html

Primary font light: "usual", sans-serif;

Primary font light italic: "usual", sans-serif;

Primary font: "usual", sans-serif;

Primary font italic: "usual", sans-serif;

Primary font bold: "usual", sans-serif;

Primary font bold italic: "usual", sans-serif;

Primary font extra bold: "usual", sans-serif;

Primary font extra bold italic: "usual", sans-serif;

Animations Html

Fade: Duration: 0.3s Easing: ease-out (Hover to see effect)

Visibility Html

This text is hidden on smaller screens

This text is only visible on smaller screens

This text is hidden on medium screens only

This text is only visible on medium screens

This text is hidden on large screens

This text is only visible on large screens