This is the project's style guide. Use this area to keep visual track of colors and typography: color changes made inside the variables.

Colors

C1

Black

C2

White

C3

Red

C4

Blue

Typography

Headings

Heading Huge

Heading Huge

Heading XLarge

Heading XLarge

Heading Large

Heading Large

Heading Medium

Heading Medium

Heading Small

Heading Small

Heading Tiny

Heading Tiny

Heading Uppercase

Heading Uppercase

Paragraphs / Texts Sizes

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Text Large

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Text Regular

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Text Small

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Text Tiny

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Uppercase Regular

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Uppercase Small

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Uppercase Tiny

Rich Text Element — RTE

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ullamcorper erat ipsum. Praesent sodales dictum laoreet. Vestibulum laoreet massa nec libero tempor, sit amet auctor orci mattis. Proin tempor diam eget lacinia rhoncus.

Heading 1 / 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ullamcorper erat ipsum. Praesent sodales dictum laoreet. Vestibulum laoreet massa nec libero tempor, sit amet auctor orci mattis. Proin tempor diam eget lacinia rhoncus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ullamcorper erat ipsum. Praesent sodales dictum laoreet. Vestibulum laoreet massa nec libero tempor, sit amet auctor orci mattis. Proin tempor diam eget lacinia rhoncus.

Heading 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ullamcorper erat ipsum. Praesent sodales dictum laoreet. Vestibulum laoreet massa nec libero tempor, sit amet auctor orci mattis. Proin tempor diam eget lacinia rhoncus.

Heading 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ullamcorper erat ipsum. Praesent sodales dictum laoreet. Vestibulum laoreet massa nec libero tempor, sit amet auctor orci mattis. Proin tempor diam eget lacinia rhoncus.

Heading 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ullamcorper erat ipsum. Praesent sodales dictum laoreet. Vestibulum laoreet massa nec libero tempor, sit amet auctor orci mattis. Proin tempor diam eget lacinia rhoncus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ullamcorper erat ipsum. Praesent sodales dictum laoreet. Vestibulum laoreet massa nec libero tempor, sit amet auctor orci mattis. Proin tempor diam eget lacinia rhoncus.

Heading 5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ullamcorper erat ipsum. Praesent sodales dictum laoreet. Vestibulum laoreet massa nec libero tempor, sit amet auctor orci mattis. Proin tempor diam eget lacinia rhoncus.

Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ullamcorper erat ipsum. Praesent sodales dictum laoreet. Vestibulum laoreet massa nec libero tempor, sit amet auctor orci mattis. Proin tempor diam eget lacinia rhoncus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ullamcorper erat ipsum. Praesent sodales dictum laoreet. Vestibulum laoreet massa nec libero tempor, sit amet auctor orci mattis. Proin tempor diam eget lacinia rhoncus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Heading 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ullamcorper erat ipsum. Praesent sodales dictum laoreet. Vestibulum laoreet massa nec libero tempor, sit amet auctor orci mattis. Proin tempor diam eget lacinia rhoncus.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ullamcorper erat ipsum. Praesent sodales dictum laoreet.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ullamcorper erat ipsum. Praesent sodales dictum laoreet. Vestibulum laoreet massa nec libero tempor, sit amet auctor orci mattis. Proin tempor diam eget lacinia rhoncus.

Rich Text