Mooveo change de nom et devient Klara ! Découvrez en exclusivité notre tout nouveau site !

Guide de Style

Un aperçu de tous les composants de base utilisés dans Klara.

Couleurs

Primaires et gris contrôlés par la fonction Global Swatch.
Dark
#CD3b35
Dark - Muted
rgba(28,74,54,0.75)
Dark - Faded
rgba(28,74,54,0.15)
Product Orange
#E5554F
Action Blue
#041E42
Accent 1
#FBF1DA
Accent 2
#F0F9F5

Typographie

Titres, corps et autres éléments de texte courants.
Display

Heading One

Heading Two

Heading Three

Heading Four

Heading Five
Heading Six
uppercase text
Large Text    Large Link
Body Text    Body Link
Small Text    Small Link
Fine Print Text    Fine Print Link
Arrow Link

Boutons

Component, text style and size variations

Entrées de formulaire

Variations générales de style et d'état pour les entrées de texte.
Zones de saisie
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Zones de saisie étiquetées
Il s'agit d'un texte d'indication pour le champ de saisie.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Sélections de formulaire

Style pour les cases à cocher, les sélections et les radios.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Icônes - Interface

icônes couramment utilisées dans l'interface Newleaf.
Sombre
Blanc

Icônes - Réseaux sociaux

Icônes pour les réseaux sociaux populaires.
Sombre
Blanc

Icônes - Décoratif

Provenant de Icons8
Sombre
Blanc