Styleguide

Fonts / Typography

t-h1

t-h1--blue

t-h1--bordeaux

t-h2

t-h2--pink

t-h3

t-h4

t-h5

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sunt corporis deleniti adipisci molestiae explicabo consectetur eaque consequatur vitae ut incidunt, aliquam debitis repudiandae est libero sapiente eos nesciunt iure amet!

.t-text

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Id ipsum harum eos totam maxime facere error dolorum, quas quisquam voluptatum qui explicabo ad laudantium aliquid ipsam itaque quasi delectus, consectetur dicta nulla voluptate? Earum cupiditate maiores, suscipit quas doloremque, minus aliquid numquam quibusdam blanditiis velit cum, quisquam totam molestiae alias.

.t-text .t-text--small

.t-text .t-text--bold

Colors

u-bg-red

u-bg-green

u-bg-green-light

u-bg-black

u-bg-grey

u-bg-blue

u-bg-blue-light

u-bg-blue-grey

u-bg-blue-dark

u-bg-white

u-bg-bordeaux

u-bg-pink

BUTTONS & LINKS

t-link

t-link t-link--icon

t-link t-link--inverted--icon t-link--red

t-link t-link--icon t-link--red

t-link t-link--inverted

t-button has-icon

t-button t-button-beige has-icon

t-button-2 has-icon

t-button-2 t-button-2-beige has-icon

t-button-3 has-icon

t-button-3 t-button-3-blue has-icon

t-button-3 t-button-3-white-border has-icon

.t-tag

.t-tag .t-tag--${color}

-50%

soldes

Icons with use-svg

heart

account

account-connected

search

menu

cross

arrow-right

arrow-left

arrow-small-down

arrow-small-right

cart

locator

facebook

pinterest

instagram

youtube

tiktok

twitter

logo

Product cards

Product cards in product strate

Article épuisé

soldes

- Liquid error (snippets/card-product line 339): divided by 0%

Article épuisé

soldes

- Liquid error (snippets/card-product line 339): divided by 0%

Article épuisé

soldes

- Liquid error (snippets/card-product line 339): divided by 0%