Charte graphique v1.0 · 15 octobre 2026

Charte graphique PLINK

La mise en œuvre de la charte fournie par PLINK : logo vectorisé, couleurs, typographie, composants, mascotte et ton.

02

Couleurs

Environ 80 % de neutres, 15 % de surfaces secondaires et 5 % de bleu. Cliquez sur une couleur pour copier son code.

Succès

#15803D sur #F0FDF4

Erreur

#B91C1C sur #FEF2F2

Attention

#92400E sur #FFFBEB

03

Typographie

Inter pour toute l'interface, graisses 400 à 700, hébergée sur le site. Pas de titres en capitales prolongées.

H1 · 56/60 · 700Votre lien. Votre format.
H2 · 36/44 · 700Comment ça marche
H3 · 24/32 · 600Choisissez votre format
Corps · 16/26 · 400Collez un lien, choisissez MP3 ou MP4, puis téléchargez votre fichier.
Boutons · 14/20 · 600Convertir · Télécharger le MP3
04

Composants

Boutons et champs : rayon 12 px, hauteur 48 px minimum. Cartes : rayon 20 px. Un seul bouton principal par étape.

BadgeRecommandé
05

Mascotte

Un triangle de lecture bleu avec un maillon de chaîne. Elle accompagne les états de la conversion et l'assistant.

Bienvenue
En cours
C'est prêt
Signature

« Un petit clic. Un vrai coup de main. » La mascotte ne s'anime pas en boucle : un salut au chargement, puis des changements d'état.

06

Voix et mouvement

Français simple, vouvoiement, phrases courtes, verbes concrets.

À écrire

« Votre fichier est prêt. » · « Vérifiez le lien et réessayez. »

À éviter

« Révolutionnaire », « illimité », « 100 % sécurisé », faux avis et statistiques.

Durées

Survol et focus 150 ms, changement d'état 200 ms, apparition 240 ms, courbe cubic-bezier(0.2, 0, 0, 1).

Mouvement réduit

Translations et animations décoratives supprimées. Les textes d'état restent visibles.