Se connecter Demander mon site

Votre site porte vos couleurs sur toutes ses pages

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

Demander mon site

Partez d’une palette toute prête

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.

Voyez le résultat avant de l’appliquer

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.

Prenez la typographie d’un design et les boutons d’un autre

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.

Vos textes restent lisibles sur toutes vos couleurs

La couleur principale d’un site en cours de modification, avec son contraste « 7.1:1, très lisible (AAA) » et le rappel que vos changements s’appliqueront à tous les blocs qui s’en servent.

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).

Changez une couleur sur tout votre site en une seule fois

Les couleurs de marque dans l’écran Design System : primaire, secondaire et accent, chacune avec son rôle et sa valeur en mode sombre à côté.

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é.

Réglez vos polices, l’apparence de vos blocs et le mode sombre

  • Google Fonts parcouru depuis l’écran Design System : chaque police s’affiche avec une phrase du site, son nombre de styles et son bouton Installer.

    Utilisez la police de votre choix

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

  • Les états d’un champ de formulaire dans le panneau Styles : Par défaut, Survol, Focus, Actif, Obligatoire, Désactivé, Valide et Invalide, puis les quatre écrans.

    Réglez l’apparence de vos blocs dans tous leurs états

    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.

  • Votre site passe en mode sombre quand le visiteur le préfère

    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.

    Une carte de l’aperçu du design en mode clair.
    La même carte en mode sombre.

Essayez votre design sans que vos visiteurs le voient

Vous réglez votre design sur le site en préparation. Vos visiteurs le découvrent quand vous publiez.

Retrouvez les styles d’origine

Modifiez autant que vous voulez les styles fournis par Lovely Render. Supprimez vos changements et vous retrouvez le style d’origine.

Revenez à la version d’avant

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.

Questions fréquentes

Faut-il des notions de design pour s’en servir ?

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.

Puis-je reprendre ma charte graphique actuelle ?

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.

Les polices Google Fonts posent-elles un problème avec le RGPD ?

Non, pas sur votre site. Les polices de votre site ne passent jamais par Google.

Mon site va-t-il ressembler à ceux des autres clients ?

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.

Puis-je changer de design plus tard sans refaire mes pages ?

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.

Une page peut-elle avoir un style différent du reste du site ?

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.

Mon design est-il le même sur un téléphone ?

Oui. Vous pouvez aussi changer un élément seulement sur ordinateur, sur tablette ou sur téléphone.

ChatGPT ou Claude peuvent-ils régler le design de mon site ?

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.

Chaque offre comprend tout le design system

Les offres diffèrent seulement par le trafic et le stockage.

Demander mon site Voir les tarifs