modes
This page is here to show off styles and components for standard page elements such as typography, form
elements, icons, product cards and more. These are hard coded in an alternate page template file containing
the section
main-styleguide.liquid
.
Colors
Background
Text
text light
Link
Link hover
Border
Info
Success
Warning
Danger
Primary
50
100
200
250
300
400
500
600
700
800
900
Secondary
50
100
200
250
300
400
500
600
700
800
900
Accent
50
100
200
250
300
400
500
600
700
800
900
Gray
Black
5
15
50
Typography
Headings
Headline 1
Headline 2
Headline 3
Headline 4
Headline 5
Headline 6
Paragraphs
Sizes
Text sm
Text base
Text lg
Label
Label sm
Label base
Label lg
Transforms
Normal
Capitalised
Uppercased
Type styles
- Strong
- Emphasis
- Link
Strike- Sup
Rte
Headline 2
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus dolore beatae molestias voluptas cumque facilis, recusandae omnis, nihil magni culpa tenetur quo aperiam, earum nisi at pariatur impedit voluptates quia!
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus dolore beatae molestias voluptas cumque facilis, recusandae omnis, nihil magni culpa tenetur quo aperiam, earum nisi at pariatur impedit voluptates quia!
Headline 3
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus dolore beatae molestias voluptas cumque facilis, recusandae omnis, nihil magni culpa tenetur quo aperiam, earum nisi at pariatur impedit voluptates quia!
Headline 4
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus dolore beatae molestias voluptas cumque facilis, recusandae omnis, nihil magni culpa tenetur quo aperiam, earum nisi at pariatur impedit voluptates quia!
Headline 5
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus dolore beatae molestias voluptas cumque facilis, recusandae omnis, nihil magni culpa tenetur quo aperiam, earum nisi at pariatur impedit voluptates quia!
Headline 6
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Necessitatibus dolore beatae molestias voluptas cumque facilis, recusandae omnis, nihil magni culpa tenetur quo aperiam, earum nisi at pariatur impedit voluptates quia!
Eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum.
The author of the quote
- One
- Two
-
Three, with child list
- First sub item
- Second sub item
-
Third sub item, with child list
- Third level item
- Another third level item
- Four
- One
- Two
-
Three, with child list
- First sub item
- Second sub item
-
Third sub item, with child list
- Third level item
- Another third level item
- Four
| Order | Date | Payment Status | Fulfillment Status | Total |
|---|---|---|---|---|
| #1001 | December 22, 2015 | Authorized | Unfulfilled | $43.03 |
| #1002 | December 23, 2015 | Authorized | Unfulfilled | $44.03 |
| #1003 | December 24, 2015 | Authorized | Unfulfilled | $45.03 |
| #1004 | December 25, 2015 | Authorized | Unfulfilled | $46.03 |
| #1005 | December 26, 2015 | Authorized | Unfulfilled | $47.03 |
| #1006 | December 27, 2015 | Authorized | Unfulfilled | $48.03 |
Grid
More info on tailwind and css-tricks.
Logo
Icons
User interface icons
USP icons
Payment icons
Social icons
Forms
Options
For variants, filters and sorting
Button style
List style
Quantity input
Collapsibles
Collapsible
Collapsible using button styles
Toggle element
Badges
Prices
- Prix habituel
- À partir de €20,95
- Prix habituel
- À partir de €25,95
- Prix habituel
- €4,95
- Prix habituel
- €14,95
- Prix habituel
- €2,95
- Prix habituel
- €4,95
- Prix habituel
- €1,95
- Prix habituel
- €16,95
Collection cards
-
Aaltjes
-
Alle Heroes
-
Alle producten tegen meelmotten
-
Bestrijdingspakketten
-
Cadeaux
-
Gaasvlieglarven
-
Hulpmiddelen
-
Lieveheersbeestjes
-
Moucherons du terreau
-
Nouveaux produits
-
Page d'accueil
-
Preventieve pakketten
-
Produits populaires
-
Roofmijten
-
Tous les produits
-
Tous les produits contre la mouche blanche
-
Tous les produits contre la teigne du buis
-
Tous les produits contre la teigne du figuier
-
Tous les produits contre le tartre
-
Tous les produits contre les acariens du serpent
-
Tous les produits contre les acariens rouges
-
Tous les produits contre les blousons de cuir
-
Tous les produits contre les cochenilles
-
Tous les produits contre les coléoptères de la vigne
-
Tous les produits contre les escargots
-
Tous les produits contre les guêpes
-
Tous les produits contre les mites des vêtements
-
Tous les produits contre les mouches
-
Tous les produits contre les mouches des fruits
-
Tous les produits contre les pucerons
-
Tous les produits contre les thrips
-
Tous les produits contre les tétranyques
-
Tous les produits contre les vers
-
Tous les produits pour le jardin
-
Tous les produits pour plantes
-
Tous les produits pour plantes d'intérieur
-
Tous les produits pour protéger les animaux
-
Tous les produits pour prévenir les nuisibles
-
Vallen en vangkaarten
-
Voeding
Product cards
Adalia - contre les pucerons
Coccinelles pour arbres, arbustes et haies- Prix habituel
- À partir de €20,95
Androlis - contre les acariens du sang
Combattre les acariens rouges dans le poulailler ou la volière- Prix habituel
- À partir de €25,95
Clip Androlis
Système de suspension pratique pour la bouteille Androlis M- Prix habituel
- €4,95
Appic'ure
Complément alimentaire naturel pour prévenir les poux de sang- Prix habituel
- €14,95
