Identité de Marque
Qui Dure.
Une marque est une décision, et la décision est le travail.Nous tirons beaucoup sur le but: les quatre-vingt-dix-neuf supplémentaires sont comment celui qui survit gagne sa place.Systèmes d'identité, logos, règles de type et de couleur, et le fichier que votre équipe peut réellement exécuter sans nous.
Cadre 2.667:1 · le ratio de notre propre portefeuille
Explorez la galerie ci-dessous pour voir chaque marque en détail, de la première idée à sa forme finale.
La stratégie d’abord, le design d’abord, les résultats toujours.
Réduire.
Répéter.
Affiner.
Puis laisser respirer.
Quatre verbes, dans cet ordre.Tout le reste de cette page est l'un d'eux.
Une identité est un ensemble de règles,
pas une image d'un logo.
Positionnement et narration
Une phrase que votre concurrent ne pouvait pas signer.Tout en dessous est une conséquence.
02Nom & identité verbale
Les noms, le ton, la capitalisation et les mots avec lesquels vous aurez à vivre sur chaque étiquette.
03Logotype
Lettres dessinées ou corrigées à la main, espacées pour lire à 16 px et coupées à 16 m.
04Symbole et monogramme
Une forme qui survit à être broyée, stampée, favicon-size et mal imprimée.
05Type de système
Deux rôles, une échelle, une règle de suivi.
06Système de couleurs
Un accent, trois neutres et l'arithmétique de contraste imprimée à côté de chaque valeur.
07Règles de Grid & Layout
Marges et modules pour l'impression et l'écran, afin qu'un non-concepteur puisse toujours définir une page.
08Iconographie et illustration
Poids, rayon d'angle, et une bibliothèque construite une fois au lieu d'être empruntée pour toujours.
09Motion & comportement sonore
Comment la marque arrive, combien de temps elle prend et ce qu'elle ne fait jamais.
10Références & Handoff
Une règle écrite pour chaque élément, un ensemble de sources éditables et un humain à demander.
Nos cinq principes de marque
Le goût est plus difficile à calculer que l'arithmétique, donc nous écrivons les règles.
D’où vient la couleurLa clarté avant la complexité.
Si la marque de mots est difficile à lire à la taille qu'elle sera réellement vue, le dessin est faux.
La cohérence crée la reconnaissance.
Un système se lit comme un système lorsqu’une seule idée se répète : un coup de lien, un rayon, un coin coupé.
Scalable du favicon au billboard.
Nous dessinons le favicon et le signe avant d'approuver le lockup, car ce sont les deux extrémités que votre public rencontrera réellement.
Fonctionne en noir et blanc d'abord.
La couleur sauve une marque faible et cache une moyenne.Si elle ne fonctionne pas dans une seule encre, elle n’est pas terminée – voir les six surfaces ci-dessous.
Un système de marque surpasse tout logo unique.
Les règles qui l’entourent – type, couleur, espacement, ton, mouvement – sont l’actif qui continue de payer pendant une décennie.
Ce que vous recevez à la fin du projet
Huit panneaux, une page.Tout ce qu'un gestionnaire de marketing, une imprimante et un développeur ont besoin d'être dit à haute voix, de sorte que personne n'a à deviner à nouveau dans six mois.
Horizontale, empilée, uniquement symbole, une couleur inversée
Quatre constructions, chacune avec sa boîte d'espace clair dessinée sur l'artboard.
4 états, poids d'un coup, grille 24 px
Défaut, actif, désactivé, inversé. Tiré une fois, exporté pour toujours.
Un accent, trois neutres.Tout le reste est l’encre d’un client.
Écrit une fois, en une phrase, et attaché au sommet du fichier.
Écrans d’applications, avatars sociaux, visages d’emballage, signalisation – affichés sur le substrat réel, pas sur une mockup flottante.
AI · EPS · SVG · PDF · PNG 16→4096 px · favicon · Lottie.
Une paire est une règle, pas une liste d’achats.
Le deck sur lequel cette page est construite associe Coovettica 300 pour l'affichage à Helvetica Bold pour les étiquettes d'interface — deux familles, une discipline. Ce site obtient la même hiérarchie à partir de deux tailles optiques d'une seule famille variable, sans coût de licence ni kilo-octets supplémentaires. Moins de polices n'est pas une limitation ; c'est la règle.
La typographie qui s'adapte à votre voix de marque
Un café qui était ouvert depuis des années et qui ressemblait à un passe-temps.La correction n'était pas un meilleur scénario - c'était une autre affirmation.
Les guides ci-dessus sont retracés ici à partir de l'œuvre d'art livrée - les vecteurs du pont sont aplatis, donc rien n'a été soulevé.
Le cercle est 1:1 et le type est inscrit sur un rayon plus petit. Deux cercles, un argument - rien n'est clair.
Miroir le dessin et les moitiés faibles apparaissent immédiatement, alors nous dessinons une moitié et la corriger.
Une flotte de swoosh doit lire sur un van à 60 km/h. La tangente où la courbe quitte la lettre est l'ensemble du travail.
Des centaines de concepts, une marque parfaite.
Chaque identité que nous envoyons a une clé de suppression: la deuxième idée, la troisième, celle que votre concurrent a déjà, la version avec le gradient, celle qui fonctionne uniquement en couleur.
Conçu pour le monde réel, pas seulement pour les écrans
Une feuille de 300 gsm avec une marque déboussée vous dit plus sur l'identité qu'une centaine de tailles d'exportation: comment les compteurs remplissent, combien d'encre la bordure peut contenir, si l'espacement des lettres survit à un morceau de déboussure.
Puis l'écran, où le même poids devient un problème d'indication et une règle de 1 px devient une erreur d'arrondissement.
Grind Coffee étude d'identité. Design: Ahmed Hashmi.
Un système complet, choisi pour votre marque
La hiérarchie vient de la taille, du poids, de la taille optique et de l'espace - pas d'un dossier de licences.
L'échelle que nous livrons
Méditerranée 0123456789 @&*
Les projets clients peuvent s'accoupler - la feuille d'application ci-dessus utilise Coovettica 300 avec Helvetica Bold. Sur ce site, nous gardons la même hiérarchie avec une famille de variables, ce qui est le point de la règle 05.
9 épisodes
Deux tailles optiques et un poids font toute la page.
font-variation-settings: "opsz" 40; font-weight: 500; letter-spacing: -.04em;
Corps, 16 px
Lisible en longueur ; aucune seconde voix n'est nécessaire.
font-variation-settings: "opsz" 14; font-weight: 400; line-height: 1.55;
Caps de Caps
12 px, 600, en haut, jamais un paragraphe.
font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase;
Votre système de couleur de marque
Nous concevons dans votre couleur. L'orange est le nôtre, et il reste sur cette page. Tapez sur une valeur pour la copier - les ratios imprimés sur chaque puce sont mesurés contre le vide et la plaque que ce site utilise réellement.
-
Algonquin Titans
-
Anchorage 2
-
Boxeur
-
L’Ontario
-
Le logo des Rocks
-
Ascenseur logo
-
Le comté de Fire Dept
-
Le Lion
-
Moto Club
-
Le 30e anniversaire de Phuong Dong
-
Quins et Sons
-
Les Sizzlers
-
Yellow Earth
-
Véhicule de lavage final
-
Compagnie de conteneurs 01
- The deck's groundChaque plaque dans l'archive ci-dessus se trouve sur cette paire: 19.54:1 entre le vide et le papier, c'est pourquoi les marques sont lues comme de l'encre.
- Cover rule, blueLa colonne vertébrale du portefeuille exécute #3981BC en #8D32F6. Sur cette page, la couleur fraîche est seulement la structure - règles, folios, anneaux de mise au point.
- Occupy violetL'orange est le complément de la division, et il obtient exactement un usage dans n'importe quelle composition.
- Facile maroonAnalogue à l'orange à 5 % de légèreté : la couleur ombragée des chapitres lumineux, et le seul accent nettoyé pour porter un petit texte sur le papier.
- This page's accentSur papier, il mesure 3.54:1, de sorte qu'il ne met jamais de petit texte sur un sol léger.
- The dormant tokenLe thème déclare un gradient violet-à-eau qu'aucune page de la famille n'utilise. Copie du corps sur un champ frais est mis en aqua ou papier blanc - jamais dans l'accent.
La cohérence structurelle
Notre orange se situe à 15°. Le bleu structurel du portfolio se situe à 203–207° — un complément direct. Le bleu ne touche donc l'orange que comme structure : filets, folios, anneaux de focus. Le violet (256°) est un complément scindé utilisé une seule fois. Le bordeaux (347°) est analogue à l'orange à 5 % de luminosité. Une seule teinte saturée par composition.
L'arithmétique du contraste
L'orange sur fond noir offre un ratio de 5.52:1 et sur <code>#0F0F0F</code> de 5.10:1 — le texte est conforme. Sur fond papier, il est de 3.54:1, réservé aux grands titrages et éléments graphiques. Le bordeaux sur papier atteint 9.92:1, validé pour le petit texte. Le bleu du dégradé affiche 4.08:1, c'est pourquoi le corps de texte sur fond froid est composé en blanc papier (19.54:1).
Rows 1-15: les encres dominantes des 15 marques livrées, mesurées à partir des fichiers. Rows 16-21: le système propre du pont et les accents de cette page, échantillonnés à partir de ses pages et des jetons de thème. Chaque ratio imprimé ici est calculé, aucun n'est éclairé.
Testé sur chaque surface du monde réel
Ainsi, la livraison est jugée sur les surfaces sur lesquelles elle vivra, dans une seule couleur, aux tailles qui ont été mesurées - et sur la plaque, elle n'a pas d'activité.
| Le token | Lumière | sombre | Utilisé ici pour |
|---|---|---|---|
--at-theme-primary | #9345ed | #9345ed | Accents, règles de folio sur les chapitres sombres, focus, pouces glissantes |
--at-neutral-0 / -dark-0 | #FEFEFE | #0F0F0F | Chapitre Terre, surfaces plate |
--at-neutral-50 / -dark-50 | #F8F8F8 | #141414 | Chapitres alternatifs, bandes de règles sticky |
--at-neutral-500 / -700 | #585959 | #A5A5A5 | Micro-copie, sous-titres, texte secondaire |
--at-fz-ds-1 | 124px | Top de l'échelle de type, plafond clamp héros | |
#6D2736 (Les échantillons) | 9.92:1 on paper | La règle du folio sur les chapitres légers - le seul accent nettoyé pour le petit texte | |
Présentation de Mark Showcase
Cliquez sur une planche pour l'afficher en plein cadre : touches fléchées ou glissement pour naviguer, <kbd>Échap</kbd> pour fermer. Le fond sombre est intentionnel pour mettre en valeur le tracé comme de l'encre pure.
Notre processus d’identité de marque
Discovery & Audit de marque
Avant de commencer tout travail de conception d'identité de marque ou de logo, nous cartographions qui vous êtes lorsque personne n'achète, ce que vos concurrents souhaitent qu'ils puissent dire, et quels de vos actifs de marque existants sont en fait lourds versus décoratifs.
Stratégie de marque & Positionnement
Cette déclaration de positionnement devient le point de référence pour toutes les décisions de conception ultérieures - typographie, palette de couleurs, style d'illustration - ce qui est précisément la raison pour laquelle elle est verrouillée en seconde, pas traitée comme une réflexion à la fin.
Développement de concept & Ideation
Chaque logo et identité visuelle que nous livrons est co-auteur en direct dans une session de travail, pas dévoilé à vous terminé derrière les portes fermées - nous apportons le volume des concepts, vous apportez le veto.
Design Refinement & Système de construction
La géométrie de votre logo est dessinée sur une grille de construction, les rôles de typographie sont nommés en tailles et poids, la couleur est mesurée pour un vrai contraste, et les grilles de mise en page sont construites pour l'impression et l'écran.
16 px. 16 mètres. Une couleur. Une surface réelle.
Nous testons la marque à chaque taille et application du monde réel avant d'appeler une identité de marque terminée - le favicon, le sac d'emballage, la facture imprimée, le mur de magasin.
Livraison, Lignes directrices & Support en cours
Vous obtenez le fichier source complet, une page de directives de marque hébergée sur votre propre domaine (non verrouillée dans un PDF que personne n'ouvre), une convention de dénomination claire pour chaque actif exporté, et quatre-vingt-dix jours de questions de suivi répondus sans avoir besoin d'un ordre de changement formel.
Ce que nous ne faisons pas (et pourquoi cela importe)
Pas de templates ou de logos copiés.
Rien de ce que nous expédions ne commence dans un dossier de marché ou dans un sondage.Si une forme a été vendue quarante fois, son seul talent reste la familiarité.
Pas de surcharge optionnelle.
Nous apportons un petit nombre de directions, chacune défendue, chacune complète, chacune avec le raisonnement imprimé à côté de celle-ci.
Aucune « identité de marque » qui est un swap de polices.
Réécrire votre marque existante dans une nouvelle police est une tâche de conception graphique et nous la valoriserons en tant que telle.
Aucune livraison sans un document de directives de marque complet.
Si une règle ne peut pas être écrite, elle sera brisée dans la production. Chaque élément que les navires ont sa taille, l'espacement, la couleur et l'abus documentés dans le même dossier.
Nos résultats d’identité de marque
assets/imgs/stickers/ + 5 from the deckassets/imgs/gallery/manifest.json« La reprise de la marque n’a pas changé notre café, elle a changé ce que les gens pensaient de la pièce. »
"Une marque, une couleur, six substrates, et personne dans notre équipe n'a eu à demander quelles sont les règles depuis."
Absence délibérée : « 50+ marques », « 24 h turnaround », « 100 % original ». Lorsque celles-ci peuvent être retirées du suivi de la production, elles reviennent – sur cette page et sur l’archive des autocollants.
FAQ Identité de marque
Tout le reste appartient au premier appel, c’est pourquoi il y en a un ci-dessous.
Tous les FAQsSix à dix semaines pour l’ensemble de l’arc – découverte et positionnement, sculpture, systématisation, preuve, transfert. Un seul logo sans système est de deux à trois semaines, et nous le dirons clairement quand c’est tout ce dont vous avez besoin.
Oui - ce site est notre propre construction, et la même équipe navires front-end et back-end. C'est le moyen le plus rapide pour s'assurer que l'identité survit contact avec un navigateur, et cela signifie que les jetons dans le livre de la marque sont les jetons dans le code.
Certaines marques n’ont besoin que d’une règle fixée autour d’elles – un logo corrigé, une échelle de type, une couleur avec un contraste mesuré, un espace clair.
Vous le faites, sur paiement final – sources, exportations, polices sous licence sous votre nom où la licence le permet, et les fichiers de travail avec des couches nommées.
Dix-neuf jours de questions viennent avec la remise, et après cela, la plupart des clients nous gardent sur un rétenteur de lumière pour les œuvres d’art de la campagne et de nouvelles applications.
Prêt à construire une marque qui dure ?
Un résumé vague, un logo obsolète, une marque dont personne ne se souvient – l’un d’entre eux est le bon endroit pour commencer.