
Utilisez la police de votre choix
Choisissez-la dans Google Fonts ou installez la vôtre. Votre site l’héberge lui-même.
Choisissez une fois vos couleurs, vos polices et la forme de vos boutons dans le design system de votre site.
Plusieurs milliards de combinaisons prêtes à l’emploi
Mode clair, sombre ou automatique
Choisissez une couleur pour voir les palettes construites autour d’elle. Dans chacune, vos boutons, vos fonds et vos textes sont déjà accordés.
Dans l’écran Aperçu, vous voyez vos titres, vos boutons, vos cartes, vos formulaires et vos menus avec ce design. Votre site en préparation ne change qu’au moment où vous l’appliquez.
Combinez de la même façon les espacements, les cartes, les formulaires et les menus. Vous avez des milliards de designs possibles, sans compter ceux que vous créerez.

Vous voyez le contraste d’une couleur dès que vous la créez ou la modifiez. Vous savez tout de suite si votre texte reste lisible.
Votre site choisit seul la couleur la plus lisible pour le texte et les liens posés sur un bouton ou un fond coloré.
Le manque de contraste est le défaut d’accessibilité le plus courant du Web : il touche 83,9 % des pages d’accueil (WebAIM, 2026).

Créez une couleur, une taille ou une ombre et servez-vous-en dans tous vos blocs. Modifiez ce réglage et tous ces blocs changent d’un coup sur toutes vos pages.
Vous donnez un rôle à chaque couleur dans l’écran Design System. Votre couleur primaire sert par exemple à vos boutons principaux, à vos liens et à l’onglet sélectionné.
Vous voyez aussi combien de blocs se servent de chaque couleur, taille ou ombre. Vous ne pouvez pas supprimer par erreur un réglage encore utilisé.

Choisissez-la dans Google Fonts ou installez la vôtre. Votre site l’héberge lui-même.

Un champ de formulaire change d’apparence quand il est obligatoire, bien rempli, en erreur ou désactivé. Un bouton change au survol de la souris et au clic. Enregistrez ces réglages dans un style et donnez-le à tous les blocs du même type.
Donnez une version sombre à vos couleurs. Votre site s’affiche selon le réglage de l’appareil de chaque visiteur ou selon son choix si vous ajoutez un sélecteur d’apparence à vos pages. Votre logo et votre favicon ont chacun leur version pour fond sombre.


Vous réglez votre design sur le site en préparation. Vos visiteurs le découvrent quand vous publiez.
Modifiez autant que vous voulez les styles fournis par Lovely Render. Supprimez vos changements et vous retrouvez le style d’origine.
Votre site garde plusieurs de ses versions publiées. Remettez la précédente en ligne si votre nouveau design ne vous plaît pas.
Non. Les couleurs, les polices et les boutons de chaque design du catalogue vont déjà bien ensemble. Partez de celui qui vous plaît et changez ce qui ne vous ressemble pas.
Oui. Saisissez vos couleurs par leur code (#22613D par exemple), choisissez vos polices dans Google Fonts ou déposez les vôtres, puis ajoutez votre logo. Le catalogue sert alors de point de départ pour la forme des boutons et des cartes.
Non, pas sur votre site. Les polices de votre site ne passent jamais par Google.
Non. Deux clients peuvent partir du même design, mais vos couleurs, vos polices, votre logo et vos images font la différence dès la première page.
Oui. Vos pages se servent des réglages du design system. Appliquez un autre design et toutes vos pages le prennent sans que vous ayez à les reprendre.
Oui. Chaque bloc a ses propres réglages de couleurs, de typographie et d’espacement. Vous pouvez faire une page à part sans toucher au design du reste du site.
Oui. Vous pouvez aussi changer un élément seulement sur ordinateur, sur tablette ou sur téléphone.
Oui, si vous êtes administrateur du site. Ils peuvent appliquer un design du catalogue, créer une couleur ou importer une police. Ils travaillent toujours sur le site en préparation.
Les offres diffèrent seulement par le trafic et le stockage.