Guide de style UI

Ce guide de style global est un excellent moyen de démarrer un nouveau projet de web design !

01. Palette de couleurs

Dans la première partie du guide de style, vous pouvez trouver la palette de couleurs qui a été utilisée pour le pack de mise en page.

#ffffff

#5f2451

#996a94

#aa92c0

#fffaff

02. Visuels

La deuxième partie de ce guide de style partage certains des visuels inclus dans le pack de mise en page.

03. Textes styles

Dans cette partie du guide de style, vous trouverez les différents styles de texte qui ont été utilisés dans le pack de mise en page.

Titre 1

HEADING 1

Titre 2

HEADING 2

Titre 3

Heading 3

Titre 4

Heading 4

CORPS 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

TOUT EN UN

Heading 1

Heading 2

Heading 3

Heading 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

04. Boutons

Ici, vous trouverez les boutons qui ont été utilisés dans le pack de mise en page.

Bouton 1

Découvrir$
Découvrir$

Bouton 4

En savoir +$

05. Autres modules

Ensuite, nous partageons d’autres conceptions de modules qui ont été utilisées dans le pack de mise en page.

Divider 1

Compteur

Soins du visage réalisés

Accordéon 1

Qu'est-ce que l'osthéopathie ?

Nulla porttitor accumsan tincidunt. Vivamus suscipit tortor eget felis porttitor volutpat. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem.

Combien de séances dois-je faire ?

Quisque velit nisi, pretium ut lacinia in, elementum id enim. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eget tortor risus. Nulla quis lorem ut libero malesuada feugiat.

A partir de quel âge faut-il aller voir l'osthéopathe ?
Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Vivamus suscipit tortor eget felis porttitor volutpat. Sed porttitor lectus nibh.
Quels sont les tarifs de mon osthéopathe ?
Pellentesque in ipsum id orci porta dapibus. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sollicitudin molestie malesuada. Sed porttitor lectus nibh.
Je n'ai pas mal mais je suis bloqué(e) , que faire ?
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque in ipsum id orci porta dapibus. Pellentesque in ipsum id orci porta dapibus. Vivamus magna justo, lacinia eget consectetur sed.

Email optin form 1

Contact form 1

Prendre rendez-vous

Slider 1

“Sed porttitor lectus nibh. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Proin eget tortor risus. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus.”

— Tatiana Gagelman

Donec sollicitudin molestie malesuada. Vivamus suscipit tortor eget felis porttitor volutpat. Cras ultricies ligula sed magna dictum porta. Vivamus magna justo. Vivamus suscipit tortor eget.

— Lizzie Rose

Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Donec rutrum congue leo eget malesuada. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed porttitor lectus nibh. Cras ultricies ligula sed magna dictum porta.

— Alice Krejčová

07. Colonnes

Enfin et surtout, nous avons des styles de colonnes qui ont été fréquemment utilisés dans le pack de mise en page.

Colonne Style 1

01

Imperdiet Porttitor Sem

Curabitur aliquet quam id dui posuere blandit. Vivamus suscipit tortor eget felis porttitor volutpat. Cras ultricies ligula sed magna dictum porta.

Colonne Style 2

02

Imperdiet Porttitor Sem

Curabitur aliquet quam id dui posuere blandit. Vivamus suscipit tortor eget felis porttitor volutpat. Cras ultricies ligula sed magna dictum porta.

Colonne Style 3

03

Imperdiet Porttitor Sem

Curabitur aliquet quam id dui posuere blandit. Vivamus suscipit tortor eget felis porttitor volutpat. Cras ultricies ligula sed magna dictum porta.