Merkidentiteit
Die Blijft.
Een markering is een beslissing, en de beslissing is het werk.We trekken veel op doel: de extra negenentwintig zijn hoe degene die overleeft zijn plaats verdient.Identiteitssystemen, logo's, type- en kleurregels en de bestandsset uw team kan eigenlijk zonder ons draaien.
Frame 2.667:1 · de verhouding van onze eigen portefeuille dek
Ontdek de onderstaande galerij om elk teken in detail te zien, van het eerste idee tot de uiteindelijke vorm.
Strategie eerste, ontwerp tweede, resultaten altijd
Reduceer.
Herhaal.
Verfijn.
Laat het dan ademen.
Vier werkwoorden, in die volgorde.Alle andere op deze pagina is een van hen.
Een identiteit is een reeks regels, niet een afbeelding van een logo.
Positionering & Narratie
Eén zin die je concurrent niet kon ondertekenen, alles wat daarboven loopt is daar een gevolg van.
02Naming & verbale identiteit
Namen, toon, hoofdstukken en de woorden waarmee je op elk etiket moet leven.
03Logotype
Lettervormen die met de hand zijn getekend of gecorrigeerd, gescheiden om te lezen op 16 px en gesneden op 16 m.
04Symbool en monogram
Een vorm die overleeft door te worden geborduurd, gestempeld, favicon-grootte en verkeerd gedrukt.
05Soort systeem
Twee rollen, een schaal, een volgregel. licenties geprijsd en genoemd in de overdracht.
06Kleursysteem
Een accent, drie neutralen en het contrast aritmetisch afgedrukt naast elke waarde.
07Grid & layout regels
Marges en modules voor print en scherm, zodat een niet-ontwerper nog steeds een pagina kan instellen.
08Iconografie en illustratie
Stroke gewicht, hoekradius, en een bibliotheek gebouwd eenmaal in plaats van voor altijd geleend.
09Motion & Sound gedrag
Hoe het merk komt, hoe lang het duurt en wat het nooit doet.
10Richtlijnen & Handoff
Een geschreven regel voor elk element, een bewerkbare bron en een mens om te vragen.
Onze vijf merkbeginselen
Smaak is moeilijker te berekenen dan aritmetisch, dus we schrijven de regels.
Waar de kleur vandaan komtHelderheid vóór complexiteit.
Als het woordmerk moeilijk te lezen is op de grootte die het daadwerkelijk zal worden gezien, is de tekening verkeerd.
Consistentie creëert erkenning.
Een systeem wordt als een systeem gelezen wanneer een enkel idee zich herhaalt: één link stroke, één straal, één gesneden hoek.
Scalable van favicon naar billboard.
We trekken het favicon en het teken voordat we de lockup goedkeuren, omdat dat de twee uiteinden zijn waar je publiek echt mee zal ontmoeten.
Werkt eerst in zwart en wit.
Kleur redt een zwakke vlek en verbergt een middelmatige.Als het niet werkt in één inkt, is het niet klaar - zie de zes oppervlakken hieronder.
Een merk systeem overtreft elk enkel logo.
De regels eromheen – type, kleur, spacing, toon, beweging – zijn de activa die een decennium lang blijven betalen.
Wat je krijgt aan het einde van het project
Alles wat een marketingmanager, een printer en een ontwikkelaar hardop moeten vertellen, zodat niemand in zes maanden opnieuw hoeft te raden.
Horizontaal, gestapeld, alleen symbool, éénkleur omgekeerd
Vier builds, elk met zijn clear-space doos op het artboard.
4 staten, 1 stroke gewicht, 24 px grid
Standaard, actief, uitgeschakeld, omgekeerd. één keer getrokken, voor altijd geëxporteerd.
Eén accent, drie neutralen.Alles anders is de eigen inkt van een klant.
Geschreven één keer, in één zin, en gekoppeld aan de bovenkant van het bestand.
App-schermen, sociale avatars, verpakkingsgezichten, signage - weergegeven op het echte substraat, niet op een drijvende mockup.
AI · EPS · SVG · PDF · PNG 16→4096 px · favicon · Lottie.
Een koppeling is een regel, geen boodschappenlijst.
Het deck waarop deze pagina is gebouwd, combineert Coovettica 300 voor weergave met Helvetica Bold voor UI-labels — twee families, één discipline. Deze site haalt dezelfde hiërarchie uit twee optische groottes van één variabele familie, zonder licentiekosten en zonder extra kilobytes. Minder lettertypen is geen beperking; het is de regel.
Typografie die bij je merk stem past
Een café dat al jaren open was en eruit zag als een hobby.De fix was geen beter script - het was een andere claim.
De bovenstaande gidsen worden hier opnieuw getrokken uit het geleverde kunstwerk - de vectoren van het dek zijn plat, dus niets werd opgeheven.
De cirkel is 1:1 en het type wordt op een kleinere straal geschreven.Twee cirkels, één argument - niets is oogverblind.
Mirror de tekening en de zwakke helften verschijnen onmiddellijk, dus we tekenen een helft en corrigeren het.
Een vloot swoosh moet op een van lezen bij 60 km/u. De tangent waar de bocht de letter verlaat is de hele klus.
Honderd concepten, één perfect merk.
Elke identiteit die we verzenden heeft een verwijderen sleutel in het: de tweede idee, de derde, degene die uw concurrent al heeft, de versie met de gradiënt, degene die alleen werkt in kleur.
Ontworpen voor de echte wereld - niet alleen schermen
Een 300 gsm-blad met een gedebossed merk vertelt je meer over de identiteit dan honderd exportgroottes: hoe de tellen vullen, hoeveel inkt de rand kan vasthouden, of de letter-spacing een gedebossing overleeft.
Dan scherm, waar hetzelfde gewicht wordt een hintprobleem en een 1 px regel wordt een afgeronde fout.
Grind Coffee identiteitsstudie. Ontwerp: Ahmed Hashmi.
Een compleet type systeem, gekozen voor uw merk
Hierarchie komt van grootte, gewicht, optische grootte en ruimte - niet van een map met licenties. geen lettertype jank, 0 kB van extra downloads, en niets te vernieuwen.
De schaal die wij leveren
Hamburgevons 0123456789 @&*
Cliëntprojecten kunnen gezichten koppelen - het aanvraagblad hierboven gebruikt Coovettica 300 met Helvetica Bold. Op deze site houden we dezelfde hiërarchie met één variabele familie, wat het punt van regel 05.
Negentig schetsen
Twee optische maten en één gewicht maken de hele pagina.
font-variation-settings: "opsz" 40; font-weight: 500; letter-spacing: -.04em;
lichaam, 16 px
Leesbaar in lengte; geen tweede stem nodig.
font-variation-settings: "opsz" 14; font-weight: 400; line-height: 1.55;
Caps van Caps
12 px, 600, uppercase, nooit een paragraaf.
font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase;
Uw brand kleurensysteem
We ontwerpen in uw kleur. De oranje is van ons, en het blijft op deze pagina. Tik op een waarde om het te kopiëren - de verhoudingen die op elke chip worden afgedrukt, worden gemeten tegen de leegte en de plaat die deze site daadwerkelijk gebruikt.
-
Algonquin Titans
-
Anker 2
-
BoSoxCursus
-
Donker
-
Het logo van Inspire Rocks
-
Lift logo
-
Hoofdstad Fire Dept
-
Leeuwen
-
Moto Club
-
Huong Dong 30e verjaardag 2
-
Quins & Sons
-
Siciliërs
-
Yellow Earth
-
Autowas eindelijk
-
Containergroep 01
- The deck's groundElke plaat in het bovenstaande archief zit op dit paar: 19.54:1 tussen leeg en papier, daarom worden de tekens als inkt gelezen.
- Cover rule, blueDe eigen ruggengraat van de portfolio draait #3981BC in #8D32F6. Op deze pagina is koele kleur alleen structuur - regels, folios, focusringen.
- Occupy violetDe splitsing-complement van oranje, en het krijgt precies één gebruik in elke compositie.
- Facile maroonAnaloog aan oranje bij 5% lichtheid: de schaduwkleur van de lichte hoofdstukken, en het enige accent dat duidelijk is om kleine tekst op papier te dragen.
- This page's accentHet thema token, hier en nergens anders gebruikt. op papier meet het 3.54:1, dus het zet nooit kleine tekst op een lichte grond.
- The dormant tokenHet thema verklaart een paars-to-water gradiënt dat geen enkele pagina in de familie gebruikt. Body copy over een koel veld is ingesteld in aqua of papier wit - nooit in het accent.
De verbinding
Ons oranje bevindt zich op tint 15°. Het structurele blauw van het portfolio bevindt zich op 203–207° — een echt complement, dus blauw mag oranje alleen raken als structuur: lijnen, folio's, focusringen. Het Occupy-violet (256°) is een split-complement en krijgt precies één toepassing. Het Facile-maroon (347°) is analoog aan oranje bij 5 % helderheid, wat het de schaduwkleur van lichte hoofdstukken maakt. Eén verzadigde tint per compositie.
De rekenkunde
Oranje op het zwart is 5.52:1 en op <code>#0F0F0F</code> 5.10:1 — tekst is toegestaan. Op de papieren achtergrond is het 3.54:1, dus op een lichte ondergrond is het alleen voor grote letters en afbeeldingen. Kastanjebruin op papier is 9.92:1, het enige accent dat is goedgekeurd voor kleine tekst op een lichte achtergrond. Het blauw van het omslagverloop is 4.08:1, daarom is lopende tekst over een koel vlak hier gezet in papierwit (19.54:1).
Rows 1-15: de dominante inkt van de 15 geleverde tekens, gemeten uit de bestanden. Rows 16-21: het eigen systeem van het dek en de accenten van deze pagina, samengesteld uit de pagina's en de thema-tokens.
Getest op elk oppervlak van de echte wereld
Dus de levering wordt beoordeeld op de oppervlakken waarop het zal leven, in één kleur, op de afmetingen die werden gemeten - en op de plaat heeft het geen zakelijke aanwezigheid.
| Token | licht | donker | Hier gebruikt voor |
|---|---|---|---|
--at-theme-primary | #9345ed | #9345ed | Accenten, folio regels op donkere hoofdstukken, focus, slider duim |
--at-neutral-0 / -dark-0 | #FEFEFE | #0F0F0F | Hoofdstuk grond, platte oppervlakken |
--at-neutral-50 / -dark-50 | #F8F8F8 | #141414 | Alternatieve hoofdstukken, sticky rules band |
--at-neutral-500 / -700 | #585959 | #A5A5A5 | Micro-kopieën, opschriften, secundaire tekst |
--at-fz-ds-1 | 124px | Top van het type ladder, held klamp plafond | |
#6D2736 (geëvalueerd door | 9.92:1 on paper | Folio-regel op lichte hoofdstukken - de enige accent die er is voor kleine tekst | |
Brand Mark Showcase te zien
Klik op een plaat voor het volledige beeld: pijltjestoetsen of veeg over de randen om te navigeren, <kbd>Esc</kbd> om te sluiten. De donkere achtergrond is opzettelijk — de transparantie verdwijnt en elk werk leest als pure inkt.
Ons brand identiteitsproces
Ontdekking & Merkaudit
Voordat elk merkidentiteits- of logoontwerpwerk begint, mappen we wie je bent als niemand koopt, wat je concurrenten willen dat ze kunnen zeggen, en welke van je bestaande merkactiva daadwerkelijk belastend zijn versus decoratief.
Brandstrategie & Positionering
Deze positioneringsverklaring wordt het referentiepunt voor elke latere ontwerpbeslissing - typografie, kleurpalet, illustratiestijl - wat precies de reden is waarom het op de tweede plaats is, niet als een afterthought aan het einde wordt behandeld.
Conceptontwikkeling & Ideation
Elk logo en visuele identiteit die we verzenden is co-auteur live in een werksessie, niet onthuld aan u klaar achter gesloten deuren - we brengen het volume van concepten, je brengt het veto.
Ontwerp verfijning & systeemgebouw
De geometrie van uw logo wordt getekend op een bouwgitter, typografische rollen worden vernoemd in grootte en gewicht, kleur wordt gemeten voor echt contrast, en lay-outgrids worden gebouwd voor zowel print als scherm.
16 px. 16 meter. Eén kleur. Een echt oppervlak.
We testen het merk op elke echte grootte en toepassing voordat we een merkidentiteit bellen - het favicon, de verpakkingszak, de gedrukte factuur, de winkelwand.
Levering, Richtlijnen & Aanhoudende ondersteuning
U krijgt de volledige bronbestand set, een merk richtlijnen pagina gehost op uw eigen domein (niet vergrendeld in een PDF niemand opent), een duidelijke benaming conventie voor elke geëxporteerde activa, en negentig dagen van follow-up vragen beantwoord zonder dat een formele wijziging order nodig.
Wat we niet doen (en waarom dat belangrijk is)
Geen templates of gekopieerde logo's.
Niets wat we verzenden begint in een marktbestand of een enquête.Als een vorm veertig keer is verkocht, is het enige talent dat overblijft vertrouwdheid.
Geen overweldigende optie overbelasting.
Een muur van keuzes is een manier om het argument te vermijden.We brengen een klein aantal richtingen, elk verdedigd, elk compleet, elk met de redenering ernaast gedrukt.
Geen “brand identiteit” dat is een lettertype swap.
Het opnieuw typen van uw bestaande merk in een nieuwe lettertype is een grafisch ontwerp taak en we zullen het als één prijs.
Geen levering zonder een volledig merkrichtlijndocument.
Als een regel niet kan worden opgeschreven, zal het in productie worden verbroken.Elke element dat schepen heeft zijn grootte, spatie, kleur en misbruik gedocumenteerd in dezelfde map.
Onze brand identiteitsresultaten
assets/imgs/stickers/ + 5 from the deckassets/imgs/gallery/manifest.json"Het hermerk veranderde onze koffie niet, het veranderde wat mensen veronderstelden over de kamer."
“Een merk, één kleur, zes substraten, en niemand in ons team heeft gevraagd wat de regels zijn sindsdien.”
Opzettelijk afwezig: “50+ merken”, “24 h turnaround”, “100 % origineel”.
Brand Identiteit FAQs
Al het andere behoort tot de eerste oproep, daarom is er een hieronder.
Alle FAQ’sZes tot tien weken voor de hele boog – ontdekking en positionering, sculptuur, systematisering, bewijs, overdracht.Een enkel logo zonder systeem is twee tot drie weken, en we zullen het zo duidelijk zeggen wanneer dat alles is wat je nodig hebt.
Ja - deze site is onze eigen build, en hetzelfde team schepen front-end en back-end. Het is de snelste manier om ervoor te zorgen dat de identiteit overleeft contact met een browser, en het betekent dat de tokens in het merkboek zijn de tokens in de code.
Sommige merken hebben alleen een regel om hen heen nodig - een gecorrigeerd logo, een type schaal, kleur met gemeten contrast, duidelijke ruimte.
U doet, op de uiteindelijke betaling — bronnen, export, lettertypen in licentie in uw naam waar de licentie het toelaat, en de werkbestanden met lagen genoemd.
Negentig dagen van vragen komen met de overdracht, en daarna houden de meeste klanten ons op een lichthouder voor campagne kunstwerken en nieuwe toepassingen.
Klaar om een merk te bouwen dat duurt?
Een vage brief, een verouderd logo, een merk dat niemand zich herinnert – elk daarvan is de juiste plek om te beginnen.