Trouve les vraies couleurs et typographies d'un site

Avant de repositionner une marque, il faut savoir ce qu'elle utilise déjà. Le problème, c'est que la feuille de style ment. Elle déclare une police que la page ne charge jamais, ou en liste dix dont une seule s'affiche. Lire le code source te donne la mauvaise réponse.

brand-scan lit la page telle qu'elle s'affiche vraiment. Il te rend les couleurs pesées selon la surface qu'elles couvrent, les polices réellement rendues avec leur part du texte, et les logos. Rien n'est envoyé, tout se passe dans ton navigateur.

Le marque-page

Installe-le une fois, scanne n'importe quel site en un clic.

Scanner la marque ← glisse ce bouton dans ta barre de favoris
  1. 1Affiche ta barre de favoris (Cmd + Maj + B sur Mac, Ctrl + Maj + B sur Windows)
  2. 2Glisse le bouton foncé dedans
  3. 3Sur le site à analyser, clique le favori. Le panneau s'ouvre par-dessus la page.

Ou essaie tout de suite

Ce que le scan te donne

Les couleurs, pondérées par la surface. Une palette de marque, ce n'est pas la liste de toutes les couleurs de la page. Chaque teinte est pesée selon la surface qu'elle couvre, donc un liseré d'un pixel ne passe jamais devant un aplat de fond. Les couleurs de marque sortent en premier, les gris et les fonds ensuite.

Les logos et le favicon. Les images d'en-tête, les SVG en ligne, le favicon et l'image de partage. De quoi reconstituer l'existant sans fouiller le code.

Les polices vraiment rendues. Pas celles déclarées dans la feuille de style, celles que le navigateur affiche pour de vrai, avec leur part du texte, leurs tailles et leurs graisses. C'est souvent là qu'on découvre qu'un site tourne sur trois polices sans le savoir.

L'export direct. Un clic copie la palette en variables CSS, un autre copie tout le scan en JSON pour le dossier client.

FAQ

QUESTIONS FRÉQUENTES

FAQ QUESTIONS FRÉQUENTES

Questions fréquentes

  • Lance brand-scan sur la page. Il liste les polices que le navigateur affiche réellement, avec leur part du texte et leurs graisses. Pas besoin de fouiller le CSS ni de deviner à l'œil.

  • Parce qu'une feuille de style déclare des polices de secours, et charge souvent la vraie police au moment de l'affichage, via un service externe. Un scan du code te donne la déclaration, brand-scan te donne ce qui s'affiche pour de vrai.

  • brand-scan sort la palette pesée par la surface que chaque couleur couvre, et te la copie en variables CSS d'un clic. Les vraies couleurs de marque d'abord, les fonds et les gris ensuite.

  • Non. Tout le scan se fait dans ton navigateur, sur la page que tu regardes. Rien ne part sur un serveur.

VOIR PLUS

AUTRES RESSOURCES

VOIR PLUS AUTRES RESSOURCES

Autres ressources :

Logo checker
Logo export