Global

Couleurs
accent-primary - #AAFF00
accent-secondary - #72B0BD
accent-tertiary - #003E52
success - #AAFF00
error - #FF8B8B
warning - #EED202
body-primary - #000000
body-secondary - #959595
outline - #EFEFEF
dark - #000000
light - #FFFFFF
background-primary - #FFFFFF
background-secondary - #FBFBFB
Headings

Titre h1

Titre h2

Titre h3

Titre h4

Titre h5
Texts

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Odio, officia. Eligendi est veniam consequatur dolor placeat exercitationem? Aspernatur atque sequi unde sapiente? Saepe quod rerum in fugiat repellat. Inventore, blanditiis?

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Odio, officia. Eligendi est veniam consequatur dolor placeat exercitationem? Aspernatur atque sequi unde sapiente? Saepe quod rerum in fugiat repellat. Inventore, blanditiis?

H2 - Avenir - 42.72px

H3 - Avenir - 27,3

Lorem ipsum dolor sit amet consectetur. Bibendum viverra et eleifend a. Arcu condimentum rhoncus magna malesuada sapien diam tellus. Amet turpis mattis tellus ullamcorper est. Velit dolor vitae vitae malesuada.Lorem ipsum dolor sit amet consectetur. Bibendum viverra et eleifend a. Arcu condimentum rhoncus magna malesuada sapien diam tellus. Amet turpis mattis tellus ullamcorper est. Velit dolor vitae vitae malesuada.Lorem ipsum dolor sit amet consectetur. Bibendum viverra et eleifend a. Arcu condimentum rhoncus magna malesuada sapien diam tellus. Amet turpis mattis tellus ullamcorper est. Velit dolor vitae vitae malesuada.

H3 - Avenir - 27,3

Lorem ipsum dolor sit amet consectetur. Bibendum viverra et eleifend a. Arcu condimentum rhoncus magna malesuada sapien diam tellus. Amet turpis mattis tellus ullamcorper est. Velit dolor vitae vitae malesuada.Lorem ipsum dolor sit amet consectetur. Bibendum viverra et eleifend a. Arcu condimentum rhoncus magna malesuada sapien diam tellus. Amet turpis mattis tellus ullamcorper est. Velit dolor vitae vitae malesuada.Lorem ipsum dolor sit amet consectetur. Bibendum viverra et eleifend a. Arcu condimentum rhoncus magna malesuada sapien diam tellus. Amet turpis mattis tellus ullamcorper est. Velit dolor vitae vitae malesuada.

H4 - Avenir - 17,5

Lorem ipsum dolor sit amet consectetur. Bibendum viverra et eleifend a. Arcu condimentum rhoncus magna malesuada sapien diam tellus. Amet turpis mattis tellus ullamcorper est. Velit dolor vitae vitae malesuada.Lorem ipsum dolor sit amet consectetur. Bibendum viverra et eleifend a. Arcu condimentum rhoncus magna malesuada sapien diam tellus. Amet turpis mattis tellus ullamcorper est. Velit dolor vitae vitae malesuada.Lorem ipsum dolor sit amet consectetur. Bibendum viverra et eleifend a. Arcu condimentum rhoncus magna malesuada sapien diam tellus. Amet turpis mattis tellus ullamcorper est. Velit dolor vitae vitae malesuada.

H4 - Avenir - 17,5

Lorem ipsum dolor sit amet consectetur. Bibendum viverra et eleifend a. Arcu condimentum rhoncus magna malesuada sapien diam tellus. Amet turpis mattis tellus ullamcorper est. Velit dolor vitae vitae malesuada.Lorem ipsum dolor sit amet consectetur. Bibendum viverra et eleifend a. Arcu condimentum rhoncus magna malesuada sapien diam tellus. Amet turpis mattis tellus ullamcorper est. Velit dolor vitae vitae malesuada.Lorem ipsum dolor sit amet consectetur. Bibendum viverra et eleifend a. Arcu condimentum rhoncus magna malesuada sapien diam tellus. Amet turpis mattis tellus ullamcorper est. Velit dolor vitae vitae malesuada.

H5 - Avenir - 14

Lorem ipsum dolor sit amet consectetur. Bibendum viverra et eleifend a. Arcu condimentum rhoncus magna malesuada sapien diam tellus. Amet turpis mattis tellus ullamcorper est. Velit dolor vitae vitae malesuada.Lorem ipsum dolor sit amet consectetur. Bibendum viverra et eleifend a. Arcu condimentum rhoncus magna malesuada sapien diam tellus. Amet turpis mattis tellus ullamcorper est. Velit dolor vitae vitae malesuada.Lorem ipsum dolor sit amet consectetur. Bibendum viverra et eleifend a. Arcu condimentum rhoncus magna malesuada sapien diam tellus. Amet turpis mattis tellus ullamcorper est. Velit dolor vitae vitae malesuada.

  • Lorem ipsum dolor sit amet consectetur. Bibendum viverra et eleifend a. Arcu condimentum rhoncus magna
  • Lorem ipsum dolor sit amet consectetur. Bibendum viverra et eleifend a. Arcu condimentum rhoncus magna
  • Lorem ipsum dolor sit amet consectetur. Bibendum viverra et eleifend a. Arcu condimentum rhoncus magna
Espaces
xs
s
m
l
xl
2xl
3xl
4xl
Buttons

Icons

Default are feather icons.


{% render 'icon-f', icon: 'id' %}

Icons site

chevron-down

download

alert-circle

check

x

eye

eye-off

sliders

help-circle

geolocation

clock

mail

arrow-back

credit-card

globe

trash

facebook

instagram

youtube

linkedin

pinterest

tiktok

Eclat
Eclats Indisponible
Promotion -20%
Eclats nouveautés New
Eclats avec picto Populaire
Messages d'erreurs
Phrase + picto encadré
Aucun résultat n'a été trouvé pour « Mot ».
Phrase encadré
Aucun résultat n'a été trouvé pour « Mot ».
Phrase + picto
Aucun résultat n'a été trouvé pour « Mot ».
Phrase
Aucun résultat n'a été trouvé pour « Mot ».
Interactives components

Drawer
Very basic Drawer

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Odio, officia. Eligendi est veniam consequatur dolor placeat exercitationem? Aspernatur atque sequi unde sapiente? Saepe quod rerum in fugiat repellat. Inventore, blanditiis?

 {% render 'drawer', opener: '.js-open-basic-drawer', title: 'Very basic Drawer', content_html:lorem %}


Mobile only Drawer

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Odio, officia. Eligendi est veniam consequatur dolor placeat exercitationem? Aspernatur atque sequi unde sapiente? Saepe quod rerum in fugiat repellat. Inventore, blanditiis?

 {% render 'drawer', opener: '.js-open-mobile-open-drawer', mobile_only: true, title: 'Mobile only Drawer', content_html:lorem %}


Large Drawer

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Odio, officia. Eligendi est veniam consequatur dolor placeat exercitationem? Aspernatur atque sequi unde sapiente? Saepe quod rerum in fugiat repellat. Inventore, blanditiis?

 {% render 'drawer', opener: '.js-open-large-drawer', class: 'drawer--large', title: 'Large Drawer', content_html:lorem %}


Large Drawer
{% render 'drawer', opener: '.js-open-fetch-drawer', content_handle: 'politique-de-confidentialite', title: 'Large Drawer' %}


Dependencies :

  • 🟢​​ㅤLiquid to include
  • 🔴​​ㅤCSS should be in common.css
  • 🟡ㅤJS to include in theme.liquid

<script src="{{ 'component-drawer.js' | asset_url }}" defer="defer" type="module"></script>
Tabs
Content tab 1

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Odio, officia. Eligendi est veniam consequatur dolor placeat exercitationem? Aspernatur atque sequi unde sapiente? Saepe quod rerum in fugiat repellat. Inventore, blanditiis?
Dependencies :

  • 🟢​​ㅤLiquid to include
  • 🟡ㅤJS to include where Tabs component is used

<script src="{{ 'component-tabs.js' | asset_url }}" defer="defer" type="module"></script>

Accordions
Accordion title

Lorem ipsum dolor, sit amet consectetur adipisicing elit. Odio, officia. Eligendi est veniam consequatur dolor placeat exercitationem? Aspernatur atque sequi unde sapiente? Saepe quod rerum in fugiat repellat. Inventore, blanditiis?

Dependencies :

  • 🟢​​ㅤLiquid to include
  • 🔴​​ㅤCSS to include
<link rel="stylesheet" href="{{ 'component-accordion.css' | asset_url }}" media="print" onload="this.media='all'">


Back To Top

👀 check it out in action.


Dependencies :

  • 🟢​​ㅤLiquid to include in theme.liquid
  • 🔴​​ㅤCSS to include
  • 🟡ㅤJS to include

<script src="{{ 'component-back-to-top.js' | asset_url }}" defer="defer" type="module"></script>
<link rel="stylesheet" href="{{ 'component-back-to-top.css' | asset_url }}" media="print" onload="this.media='all'">
Links
Voir plus
Découvrir la collection
Products

Countdown
Dependencies :

  • 🟢​​ㅤLiquid to include
  • 🟡ㅤJS to include

Product card

Prix habituel 19,99€
Prix soldé 19,99€Prix habituel

Prix habituel 19,99€
Prix soldé 19,99€Prix habituel

Prix habituel 19,99€
Prix soldé 19,99€Prix habituel

Prix habituel 19,99€
Prix soldé 19,99€Prix habituel

Prix habituel 19,99€
Prix soldé 19,99€Prix habituel

Prix habituel 19,99€
Prix soldé 19,99€Prix habituel