Donner une âme : couleurs, polices et animation

Le 8 février, mon site fonctionnait. Mais il était fade.

Les titres, le texte, les boutons : tout se ressemblait. On aurait dit un document Word un peu chic. Pas un site haut de gamme.

Alors j'ai décidé de lui donner une âme. Et pour ça, je n'ai pas ouvert un logiciel de dessin. Je n'ai pas appelé un graphiste. J'ai simplement écrit des consignes à mon outil de construction de site.

Petit rappel : l'outil s'appelle Lovable. C'est un site web où vous écrivez ce que vous voulez en français, et il construit votre site à votre place (abonnement payant).

Ce jour-là, j'ai compris une chose qui change tout : une identité visuelle forte ne demande pas de talent artistique. Elle demande quelques règles claires, posées une par une.

Ce que vous saurez faire à la fin

• Donner une vraie personnalité visuelle à votre site sans savoir dessiner.
• Choisir vos couleurs et vos polices, et les imposer à l'IA en une phrase.
• (Niveau membre) Récupérer mes 5 vrais prompts, ceux que j'ai tapés mot pour mot le 8 février, le 9 février et le 3 mars.
• (Niveau Pro) Me confier toute la mise en forme : je règle couleurs, polices, animations et lisibilité de votre site à votre place.

Le cœur de la méthode : les 4 règles d'une âme

Voici ce que j'ai appliqué. Donner une âme à un site tient en 4 règles simples.

1. Limiter la palette à 3 couleurs. Pas une de plus.
2. Choisir 2 polices : une pour les titres, une pour le texte. Le mot police fait pro, mais c'est juste le dessin des lettres.
3. Faire alterner 2 fonds de section, pour que l'œil respire en descendant.
4. Poser une règle de lisibilité : texte clair sur fond foncé, et l'inverse pour les boutons.

Bonus, celui qui fait la différence : une animation signature. Un petit effet qui n'apparaît qu'à un seul endroit, et qui marque les esprits.

Quatre règles. Un bonus. C'est tout. Vous n'avez rien d'autre à retenir.

On commence tout de suite (gratuit)

Faisons le premier pas ensemble, maintenant.

Prenez une feuille. Écrivez vos 3 couleurs. Pas leurs noms savants : juste "indigo", "blanc cassé", "bleu foncé", par exemple. Puis écrivez 2 polices : une pour les gros titres, une pour le texte courant.

Vous venez de poser les deux premières règles. Sans rien construire encore. Juste en décidant.

Dans le niveau membre, je vous donne les prompts exacts à coller pour que l'IA applique ces choix d'un coup, plus ma règle de lisibilité au mot près, et l'animation lettre par lettre que j'ai mise sur un seul chiffre de mon site.