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

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

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;

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

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

Heading Level 1 - Giga

Heading Level 1 - Mega

Heading Level 1 - Kilo

Heading Level 1

Heading Level 2

Heading Level 3

Heading Level 4

Heading Level 5

Heading Level 6

A paragraph (from the Greek paragraphos, "to write beside" or "written beside") is a self-contained unit of a discourse in writing dealing with a particular point or idea. A paragraph consists of one or more sentences. Though not required by the syntax of any language, paragraphs are usually an expected part of formal writing, used to organize longer prose.

A block quotation (also known as a long quotation or extract) is a quotation in a written document, that is set off from the main text as a paragraph, or block of text, and typically distinguished visually using indentation and a different typeface or smaller size quotation.

This is a text link.

Strong is used to indicate strong importance.

This text has added emphasis.

The b element is stylistically different text from normal text, without any special importance.

The i element is text that is set off from the normal text.

The u element is text with an unarticulated, though explicitly rendered, non-textual annotation.

~~This text has a strikethrough~~.

Superscript^®.

Subscript for things like H₂O.

This small text is small for for fine print, etc..

Abbreviation: HTML.

This text is a short inline quotation.

This is a citation

The mark element indicates a highlight.

This is a list item in an unordered list
An unordered list is a list in which the sequence of items is not important. Sometimes, an unordered list is a bulleted list. And this is a long list item in an unordered list that can wrap onto a new line.
Lists can be nested inside of each other
- This is a nested list item
- This is another nested list item in an unordered list
This is the last list item

This is a list item in an ordered list
An ordered list is a list in which the sequence of items is important. An ordered list does not necessarily contain sequence characters.
Lists can be nested inside of each other
1. This is a nested list item
2. This is another nested list item in an ordered list
This is the last list item

Category Title

Category 1
Category 2
Category 3

Text Input

Password

Web Address

Email

Search

Number

Textarea

Error Input

Valid Input

Required Input*

Select

Color input

Number input

Range input

Date input

Datetime input

Button

Small Button Link

Disabled Button Link

Table Heading 1	Table Heading 2	Table Heading 3	Table Heading 4	Table Heading 5
Table Cell 1	Table Cell 2	Table Cell 3	00:00:00	–
Table Cell 1	Table Cell 2	Table Cell 3	00:00:00	–
Table Cell 1	Table Cell 2	Table Cell 3	00:00:00	–
Table Cell 1	Table Cell 2	Table Cell 3	00:00:00	–

Brand Colors

General Colors

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

Heading Level 1 - Giga

Heading Level 1 - Giga

Heading Level 1 - Mega

Heading Level 1 - Mega

Heading Level 1 - Kilo

Heading Level 1 - Kilo

Heading Level 1

Heading Level 1

Heading Level 2