La marque webatla, appliquée à elle-même
Téléchargez le symbole, copiez la palette, consultez les règles. Tout sur cette page suit les directives qu’elle documente.
{"brand": "webatla", "case": "lowercase", "mark": "cloud-on-data", "primary": "#13715b", "accent": "#cc3366", "fonts": "system", "since": 2019}Le symbole
Un nuage turquoise en deux moitiés posé sur un panneau de données clair à cinq points sombres. Le nuage du web posé sur des rangées de données structurées. Dessiné à plat dans un carré de 512, sans dégradés.
viewBox: 512x512 · format: SVG plat · arrière-plans: blanc, gris doux, bleu marine, sarcelle doux
Tous les fichiers de cette page dans une seule archive, avec un README contenant la palette. Si vous ne devez télécharger qu’un seul fichier, que ce soit celui-ci.
webatla-mark.svgSVG · VecteurLe symbole principal en vectoriel. Le choix par défaut pour le web, le produit et l’impression. S’adapte à toute taille sans perte.
webatla-mark-512.pngPNG · 512Export raster en 512 par 512, transparent. Pour les avatars, les outils de chat et partout où le SVG n’est pas accepté.
webatla-mark-1024.pngPNG · 1024Export raster en 1024 par 1024, transparent. Pour les dossiers de presse et les grands formats.
webatla-mark-mono.svgSVG · monoSilhouette monochrome du nuage. Pour les onglets épinglés, la gravure et l’impression en une seule couleur. Teintez-la avec n’importe quelle couleur de marque.
Symbole, lockup ou mono
Trois formes couvrent tous les emplacements. Choisissez selon l’espace disponible et la couleur que vous pouvez imprimer.
Le symbole seul
Utilisez-le quand l’espace est réduit ou que le nom apparaît déjà à proximité. Icônes d’application, avatars, profils sociaux, favicons.
Le lockup
Le symbole associé au nom webatla en minuscules, en graisse 800, encre #303642, avec un espacement serré. Utilisez-le dans les en-têtes, documents et diapositives où le symbole a besoin de son nom.
Le logotype est une police système
webatla n’utilise aucune police web, pour préserver la confidentialité et les performances. Le logotype s’affiche dans la police système du lecteur. Il varie légèrement d’une plateforme à l’autre. C’est voulu, pas une dérive.
Le symbole monochrome
Utilisez-le uniquement là où une seule couleur est disponible. Teintez-le avec une seule couleur de marque. N’appliquez jamais une teinte unique au logo en couleurs complètes.
Zone de protection et taille minimale
Deux chiffres à retenir. Un point d’espace, 24 pixels de taille.
Taille min.: 24 px à l’écran
En dessous de 24 pixels, les cinq points se confondent. Pour les emplacements minuscules, utilisez plutôt la silhouette monochrome.
Mesurez la hauteur d’un point carré dans le symbole. Laissez au moins cet espace libre sur les quatre côtés. Rien n’entre dans cette zone. Ni texte, ni autre logo, ni bord de la zone de travail.
Couleur
La palette de travail est volontairement réduite. Cliquez sur une pastille de couleur pour copier son code hexadécimal.
couleurs du symbole (ne les modifiez jamais, ne les réutilisez jamais comme couleurs d’interface)
Typographie
Aucune webfont, par principe. Le texte s’affiche avec la pile système du lecteur, ce qui garde les pages rapides et les requêtes privées.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789
rôle: titres et UI · Stack: Sans système · graisse: 700 à 800 pour les titres, 400 pour le texte courant
rôle: données, noms de fichiers, hex, code · Stack: mono système · dans les tableaux, les chiffres passent en mono pour aligner les colonnes
Les supports de marque n’utilisent que ces deux familles de polices, rien d’autre. Pas de polices d’affichage, pas de scripts, pas de téléchargements.
À éviter
Six façons d’abîmer le logo. Chaque carte montre le fichier réel malmené en direct, pour que vous reconnaissiez l’erreur.
Ne pas recolorer
Le symbole en couleurs complètes existe dans ses cinq couleurs. N’en modifiez aucune.
Ne pas déformer
Le viewBox est carré. Gardez-le carré. Mettez à l’échelle de façon uniforme, ne l’ajustez jamais à un cadre.
Ne pas faire pivoter
Le nuage repose à plat sur son panneau. Toujours zéro degré.
N’ajoutez pas d’effets
Le symbole est plat. Pas d’ombres, pas de contours, pas de lueurs, pas de dégradés.
Ne pas teinter le symbole en couleurs
Seul le symbole mono peut recevoir une teinte, et toujours une seule couleur de marque à la fois.
Ne pas encombrer
Respectez la zone de protection d’un point. Texte, badges et bords restent en dehors.
Et ne le redessinez jamais. Pas de calque, pas de reconstruction, pas d’approximation. Utilisez les fichiers de cette page, rien d’autre.
Le nom
Un mot, en minuscules, partout.
Toujours en minuscules
webatla s’écrit en minuscules, en un seul mot, même en début de phrase. Pas Webatla, pas WebAtla, pas Web Atla.
Une phrase pour le décrire
Tout l’internet dans un seul fichier JSONL. Utilisez cette phrase telle quelle pour la presse et les pages partenaires.
À propos de l’entreprise
webatla est une petite entreprise de cybersécurité et de données de domaines, active depuis 2019. Le mot « petite » ne pose pas de problème. C’est exact.
Prenez le kit complet
Chaque élément graphique de cette page dans une seule archive, avec un README qui reprend la palette. Si un usage n’est pas couvert ici, demandez avant d’improviser.