Style Guide

Grid

Col .u-col-span-1

Grid mobile

Col .u-col-span-1

Typography

Title H1

.t-title

Title H2

.t-title .t-title--h2

Title H3

.t-title .t-title--h3

Title H4

.t-title .t-title--h4

Title H5

.t-title .t-title--h5

Small title

.t-small-title

Small title 12px

.t-small-title .t-small-title--12

Text base. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eget ligula facilisis, vehicula erat in, placerat metus. Curabitur quis dui sed magna ultricies feugiat.

.t-text

Text base bold. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eget ligula facilisis, vehicula erat in, placerat metus. Curabitur quis dui sed magna ultricies feugiat.

.t-text .t-text--semibold

Text base 20px. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eget ligula facilisis, vehicula erat in, placerat metus. Curabitur quis dui sed magna ultricies feugiat.

.t-text .t-text--20

Text base 14px. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eget ligula facilisis, vehicula erat in, placerat metus. Curabitur quis dui sed magna ultricies feugiat.

.t-text .t-text--14

Text base 12px. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec eget ligula facilisis, vehicula erat in, placerat metus. Curabitur quis dui sed magna ultricies feugiat.

.t-text .t-text--12

Colors

white


					blue #004d9d


					blue-dark #003973


					blue-medium #c1e6fb


					blue-light #f1f9fe


					grey #e4e6e8


					grey-dark #4d4d4d


					grey-light #f6f6f6


					red #e81a44


					green #d2dcd4


					salmon #f08a9b


					pink #fbe2e0


					peach #f1d8cd


					peach-light #fdefe3


					yellow #fff9e0

Buttons

.t-button

.t-button .t-button--white

.t-button .t-button--secondary


					.t-button .t-button--secondary-white

.t-button .t-button--disable

.t-button .t-button--bigger

Links

.t-link

.t-link .t-link--white

.t-link

.t-link .t-link--big

.t-link .t-link--small

.t-link .t-link--inverted

.t-link .t-link--text

Styleguide