Voix

Mon ton est celui d'un expert technique pragmatique. Je suis direct, créatif, et je vais à l'essentiel sans utiliser de jargon superflu.

Être direct et utile

J'adapte mon discours à l'interlocuteur et expose clairement les caractéristiques du sujet.

✅ "Boostez votre ROI de 20% avec cette structure de campagne Google Ads ciblée."

🚫 "Notre méthode magique va faire exploser vos ventes sur les moteurs de recherche !"

✅ "Découvrez 3 méthodes concrètes pour optimiser le temps de chargement de votre site."

🚫 "Le secret incroyable pour un site parfait que tous vos concurrents vous envient."

Écrire comme un humain

L'IA peut aider à écrire, mais tout ce qui trahit un texte généré doit disparaître : tirets cadratins, structures en miroir (« ce n'est pas X, c'est Y »), superlatifs creux, emojis décoratifs, listes surformatées. Le texte final doit sonner comme quelqu'un qui parle.

✅ "Un objectif clair : créer de l'impact, pour l'utilisateur et pour l'entreprise."

🚫 "Un objectif clair — créer de l'impact — pour l'utilisateur et l'entreprise."

✅ "La refonte a triplé le trafic en six mois."

🚫 "Ce n'est pas une simple refonte, c'est une transformation radicale de l'expérience ✨"

Partager le processus

Je communique efficacement les enjeux et les délais afin d'avoir un contexte clair.

✅ "La V1 sera livrée mardi. Nous aurons besoin de vos retours avant jeudi midi."

🚫 "On gère ça très vite, promis, ne vous inquiétez pas pour la suite."

✅ "La validation de la campagne prendra deux jours de plus suite à un délai imposé par la plateforme."

🚫 "Tout avance super bien, c'est juste un petit détail technique sans importance."

02

Couleurs

La couleur structure l'information. Pour maintenir l'équilibre visuel, j'applique la règle des 60 / 30 / 10 à travers des formes circulaires organiques.

60% #F9F4EF

30% #1A1A1A

10% #9C77F5

Déclinaisons de l'accent

Le violet existe en deux intensités par thème : l'accent porte l'action et les liens, sa version claire sert aux survols sur fonds sombres. Le thème sombre éclaircit les deux pour préserver le contraste.

Accent#9C77F5 · clair

Accent light#D1BFFF · clair

Accent#B49BFF · sombre

Accent light#D8CAFF · sombre

Thème sombre

Le site vit dans les deux thèmes (bascule dans la barre de navigation). Le sombre n'est pas une inversion : le fond tire vers le violet-noir, le texte vers l'ivoire, et les couleurs sémantiques sont ravivées pour rester lisibles.

Fond#1B1A1F

Surface#2A2831

Texte#F1ECE4

Positif#6FA783

Négatif#D98B8B

Couleurs sémantiques

Positif#609675

Négatif#C56A6A

Nuances d'opacité (encre)

100%Texte

70%Détails

40%Icônes

10%Ombres

4%Fonds

03

Typographie

Une hiérarchie franche et sans ambiguïté. Urbanist est utilisée de bout en bout pour son équilibre géométrique. Seul le grand titre H1 porte le point de ponctuation emblématique.

H1 / Urbanist Black 900 / 100% Noir (#1A1A1A)

Direct et créatif.

H2 / Urbanist Bold 700 / 100% Noir (#1A1A1A)

Outils & Expérimentations

Body / Urbanist Medium 500 / 100% Noir ou 70% Noir

La variante Medium d'Urbanist garantit une lisibilité maximale pour les interfaces et les descriptions d'outils. Propre, technique et fonctionnel. Chaque mot a sa place et l'épaisseur soutient parfaitement le regard.

04

Icônes

J'utilise la bibliothèque Lucide Icons. Elles sont géométriques et utilisent une épaisseur de trait généreuse (2.5px). Elles sont pensées pour l'interface utilisateur, la manipulation de fichiers et le code.

05

Ressources de marque

Mes logos officiels et les matières du système, téléchargeables pour les adaptations de visuels.

Mot-symbole (Clair)

Logo principal pour la navigation et les fonds clairs.

Télécharger PNG

Mot-symbole (Sombre)

Version contrastée pour les fonds sombres ou photographiques.

Monogramme

Pour les espaces compacts : avatars, favicons.

Télécharger PNG

Texture papier

Tuile de 158x144 px, semi-transparente (alpha de 8 à 79 %, 38 % en moyenne). À poser en mode Produit (multiply) à 100 % sur le fond crème pour retrouver le rendu du site : un assombrissement moyen d'environ 8 %.

Télécharger PNG

Motif de points

Grille de 20x18 px en quinconce, rayon de 3 à 7 px croissant vers les bords. Le site le pose en encre à 4 % d'opacité ; la version pleine intensité se teinte et se dose librement. Export 3200x500, fond transparent.

Pleine intensité Rendu site (4 %)

06

Images

Mes visuels s'appuient sur des photographies brutes et un grain de papier omniprésent qui lie le design system au monde physique.

Grain de papier

07

UI Kit

Le neumorphisme sans bordures est ma signature. Il invite au clic grâce à des reliefs doux, créant une affordance tactile forte.

Haut Moyen Bas

Déposez votre fichier ici

ou cliquez pour parcourir

Refonte d'ArdaCraft

Modernisation de l'interface du wiki historique de la communauté.

Convertisseur

Optimisation WebP, PNG, JPG directe dans le navigateur.

Contexte du projet Chip outil Chip outil