Varumärkesidentitet
Som Håller.
Ett märke är ett beslut, och beslutet är arbetet.Vi drar mycket på syfte: de extra åttio-nio är hur den som överlever tjänar sin plats. Identitetssystem, logotyper, typ- och färgregler och filen som ditt team faktiskt kan köra utan oss.
Frame 2.667:1 · förhållandet mellan vår egen portföljdäck
Utforska galleriet nedan för att se varje märke i detalj, från den första idén till dess slutliga form.
Strategi först, design två, resultat alltid.
Reducera.
Upprepa.
Förfina.
Låt det sedan andas.
Fyra verb, i den ordningen. Allt annat på den här sidan är en av dem.
En identitet är en uppsättning regler, inte en bild av en logotyp.
Positionering & Narrativ
En mening din konkurrent inte kunde underteckna. allt nedströms är en konsekvens av det.
02Namn & verbal identitet
Namn, ton, kapitalisering och de ord du måste leva med på varje etikett.
03logotyp
Bokstäver ritade eller korrigerade för hand, mellanliggande för att läsa vid 16 px och skär vid 16 m.
04Symbol och monogram
En form som överlever att bli broderad, stämplad, favicon-stor och felprintad.
05Typ av system
Två roller, en skala, en spårningsregel. licenser prissatta och namngivna i överlåtelsen.
06Färgsystem
En accent, tre neutraler och kontrast aritmetiken tryckt bredvid varje värde.
07Grid & layout regler
Marginaler och moduler för utskrift och skärm, så att en icke-designer fortfarande kan ställa in en sida.
08Iconografi och illustration
Stroke vikt, hörnradie och ett bibliotek byggt en gång istället för lånat för alltid.
09Motion & Sound beteende
Hur märket kommer, hur länge det tar och vad det aldrig gör.
10Riktlinjer & Handoff
En skriftlig regel för varje element, en redigerbar källuppsättning och en människa att fråga.
Våra fem varumärkesprinciper
Smak är svårare att räkna än aritmetiska, så vi skriver ner reglerna.De är de delar av argumentet som överlever en klient, en skrivare och en omdesign.
Varifrån färgen kommerKlarhet före komplexitet.
Om ordmärket är svårt att läsa vid den storlek det faktiskt kommer att ses, är ritningen fel. skönhet är det andra testet, aldrig det första.
Konsekvens skapar erkännande.
Ett system läses som ett system när en enda idé återkommer: en länk, en radie, ett klippt hörn.
Skala från favicon till billboard.
Vi ritar favicon och skylten innan vi godkänner lockup, för det är de två ändarna som din publik faktiskt kommer att möta.
Fungerar i svartvitt först.
Färg räddar ett svagt märke och döljer ett medelmåttigt.Om det inte fungerar i en bläck, är det inte färdigt – se de sex ytorna nedan.
Ett varumärkessystem överträffar en enda logotyp.
Reglerna runt det - typ, färg, avstånd, ton, rörelse - är den tillgång som fortsätter att betala i ett decennium.
Vad du får i slutet av projektet
Allt som en marknadsförare, en skrivare och en utvecklare behöver sägas ut högt, så att ingen behöver gissa igen om sex månader.
Horisontell, staplad, endast symbol, enfärgad omvänd
Fyra byggnader, var och en med sin clear-space-låda ritad på artboard.
4 stater, en slagvikt, 24 px grid
Standard, aktiv, inaktiverad, omvänd. Dra en gång, exporteras för alltid.
En accent, tre neutraler. Allt annat är en kunds egen bläck.
Skrivet en gång, i en mening, och fastnat till toppen av filen.
Appskärmar, sociala avatarer, förpacknings ansikten, skyltar - visas på det verkliga substratet, inte på en flytande mockup.
AI · EPS · SVG · PDF · PNG 16→4096 px · favicon · Lottie. Namngiven, zipped, versionerad.
En parning är en regel, inte en shoppinglista.
Det deck som den här sidan är byggt på parar ihop Coovettica 300 för visning med Helvetica Bold för UI-etiketter — två familjer, en disciplin. Den här sidan uppnår samma hierarki med två optiska storlekar från en variabelfamilj, utan licenskostnader och utan extra kilobytes. Färre typsnitt är inte en begränsning; det är regeln.
Typografi som passar din varumärkesröst
En kafé som hade varit öppen i åratal och såg ut som en hobby.Rättelsen var inte ett bättre manus – det var ett annat påstående.
Guiderna ovan är återdragen här från det levererade konstverket - däckets vektorer är platta, så ingenting lyftes.
Cirkeln är 1:1 och typen är inskriven på en mindre radie. Två cirklar, ett argument – inget är ögonblicket.
Spegla ritningen och de svaga halvorna visas omedelbart, så vi ritar en halv och korrigerar den.
En flotta swoosh måste läsa på en van vid 60 km/h. Den tangent där kurvan lämnar bokstaven är hela jobbet.
Hundratals idéer. ett perfekt märke.
Varje identitet vi skickar har en raderingsnyckel i den: den andra idén, den tredje, den som din konkurrent redan har, versionen med gradienten, den som bara fungerar i färg.
Designad för den verkliga världen – inte bara skärmar
Ett 300 gsm ark med ett debossed märke berättar mer om identiteten än hundra exportstorlekar: hur räknarna fyller, hur mycket bläck kanten kan hålla, om bokstavspacing överlever en embossing dö.
Sedan skärm, där samma vikt blir ett hintproblem och en 1 px regel blir ett avrundningsfel. Sedan signalering, där ett märke bedöms på avstånd, i väder, på en yta någon annan valde.
Grind Coffee identitetsstudie. Design: Ahmed Hashmi.
Ett komplett system, valt för ditt varumärke
Hierarkin kommer från storlek, vikt, optisk storlek och utrymme – inte från en mapp med licenser. Inga teckensnitt, 0 kB extra nedladdningar och inget att förnya.
Skalan vi levererar
Hamburg 0123456789 @&*
Kundprojekt kan vara ansiktspar – i ansökningsblanketten ovan används Coovettica 300 med Helvetica Bold. På den här webbplatsen håller vi samma hierarki med en variabelfamilj, vilket är punkten i regel 05.
Nio skisser
Två optiska storlekar och en vikt gör hela sidan.
font-variation-settings: "opsz" 40; font-weight: 500; letter-spacing: -.04em;
Kropp, 16 px
Läsbar i längd; ingen andra röst behövs.
font-variation-settings: "opsz" 14; font-weight: 400; line-height: 1.55;
Kapslar Caps
12 px, 600, uppercase, aldrig ett stycke.
font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase;
Ditt märkesfärgsystem
Vi designar i din färg.Orange är vår, och det stannar på den här sidan. Tryck på ett värde för att kopiera det - de proportioner som skrivs ut på varje chip mäts mot tomheten och plattan som denna webbplats faktiskt använder.
-
Algonquin Titans
-
Ankaret 2
-
BoSoxCurse
-
åsna
-
Inspirera från Rocks Logo
-
Hiss logotyp
-
Huvudstaden Brand Dept
-
lejonet
-
Moto Club
-
FUONG DONG 30 årsjubileum
-
Kvinnor & Söner
-
Sizzlers
-
Yellow Earth
-
Bil tvättar finalen
-
containerland logotyp 01
- The deck's groundVarje platta i arkivet ovan sitter på detta par: 19.54:1 mellan tomt och papper, vilket är anledningen till att märkena läses som bläck.
- Cover rule, bluePortföljens egen ryggrad kör #3981BC till #8D32F6. På den här sidan är cool färg bara struktur - regler, folios, fokusringar.
- Occupy violetDen split-komplement av orange, och det får exakt en användning i någon komposition.
- Facile maroonAnalogt med orange vid 5 % ljusstyrka: den skuggiga färgen på de ljusa kapitlen och den enda klarade accenten för att bära liten text på papper.
- This page's accentPå papper mäter det 3.54:1, så det sätter aldrig liten text på en ljus mark.
- The dormant tokenTemat förklarar en lila-till-vatten-gradient som ingen sida i familjen använder. Kroppskopia över ett coolt fält är inställd i vatten eller pappersvitt - aldrig i accenten.
Bindningen
Vår orange ligger vid nyans 15°. Portföljens strukturella blå ligger vid 203–207° — ett sant komplement. Blått får endast beröra orange som struktur: linjer, folios, fokusringar. Violett (256°) används exakt en gång. Rödbrun (347°) är skuggfärgen för ljusa kapitel. En mättad färg per komposition.
Aritmetiken
Orange mot svart är 5.52:1 och mot <code>#0F0F0F</code> 5.10:1 — text är tillåten. På pappersbakgrund är den 3.54:1, så på ljus grund gäller endast stora rubriker och grafik. Rödbrun på papper är 9.92:1, godkänd för liten text. Omslagets blå är 4.08:1, varför brödtext över kall yta sätts i pappersvitt (19.54:1).
Rows 1–15: dominerande bläck av de 15 levererade märkena, mätt ur filerna. Rows 16–21: däckets eget system och accenterna på den här sidan, provtagna från dess sidor och tema tokens. Varje ratio som skrivs ut här är beräknad, ingen är ögonblicks.
Testad över varje verklig yta
Så leveransen bedöms på de ytor den kommer att leva på, i en färg, i de storlekar som mättes - och på tallriken har den ingen affär att vara på.
| Token | Ljuset | Mörk | Används här för |
|---|---|---|---|
--at-theme-primary | #9345ed | #9345ed | Accenter, folio regler på mörka kapitel, fokus, glidande tummar |
--at-neutral-0 / -dark-0 | #FEFEFE | #0F0F0F | Kapitel mark, platta ytor |
--at-neutral-50 / -dark-50 | #F8F8F8 | #141414 | Alternativa kapitel, Sticky Rules Band |
--at-neutral-500 / -700 | #585959 | #A5A5A5 | Mikrokopiering, rubriker, sekundärtext |
--at-fz-ds-1 | 124px | Topp av typ stege, hjälte klämma tak | |
#6D2736 (Tillverkad av Sample) | 9.92:1 on paper | Folio regel på lätta kapitel - den enda accenten klar för liten text där | |
Varumärke Mark Showcase
Klicka på valfri platta för helskärm: piltangenter eller svep för att bläddra, <kbd>Esc</kbd> för att stänga. Den mörka bakgrunden är avsiktlig för att framhäva varje märke som rent bläck.
Vår varumärkesidentitetsprocess
Discovery & Varumärkesrevision
Innan något varumärkesidentitets- eller logodesignarbete börjar kartlägger vi vem du är när ingen köper, vad dina konkurrenter önskar att de kunde säga och vilka av dina befintliga varumärkestillgångar som faktiskt är lastbärande jämfört med dekorativa.
Varumärkesstrategi & positionering
Detta positioneringsuttalande blir referenspunkten för varje senare designbeslut - typografi, färgpalett, illustrationsstil - vilket är exakt varför det är låst ner andra, inte behandlas som en eftertanke i slutet.
Konceptutveckling & Ideation
Varje logotyp och visuell identitet vi skickar är medförfattad live i en arbetssession, inte avslöjas för dig färdig bakom stängda dörrar - vi tar med volymen av begrepp, du tar med veto.
Design Refinement & Systembyggnad
Din logos geometri dras på ett konstruktionsgalleri, typografiroller får namngivna storlekar och vikter, färg mäts för verklig kontrast, och layoutgaller byggs för både utskrift och skärm.
16 px. 16 meter. En färg. En verklig yta.
Vi testar märket på varje verklig storlek och applikation innan vi ringer en färdig varumärkesidentitet - favicon, förpackningspåse, tryckt faktura, butiksväggen.
Leverans, riktlinjer & Pågående support
Du får den fullständiga källfiluppsättningen, en sida med riktlinjer för varumärket som är värd på din egen domän (inte låst i en PDF som ingen öppnar), en tydlig namngivningskonvention för varje exporterad tillgång och nittio dagars uppföljningsfrågor besvarade utan att behöva en formell ändringsorder.
Vad vi inte gör (och varför det spelar roll)
Inga templat eller kopierade logotyper.
Inget vi skickar börjar i en marknadsplatsfil eller en undersökning.Om en form har sålts fyrtio gånger, är dess enda kvarvarande talang bekanthet.
Inga överväldigande alternativ överbelastning.
Vi tar med ett litet antal riktningar, var och en försvarad, var och en komplett, var och en med resonemanget tryckt bredvid den.
Ingen ”brand identity” som är en font swap.
Att skriva om ditt befintliga märke i en ny teckensnitt är en grafisk designuppgift och vi kommer att prissätta det som en.
Ingen leverans utan ett komplett varumärkesriktlinjer dokument.
Om en regel inte kan skrivas ner kommer den att brytas i produktion. Varje element som fartyg har sin storlek, avstånd, färg och missbruk dokumenteras i samma mapp.
Våra Brand Identity-resultat
assets/imgs/stickers/ + 5 from the deckassets/imgs/gallery/manifest.json”Ommärkningen förändrade inte vårt kaffe, det förändrade vad folk antog om rummet.”
"Ett märke, en färg, sex substrat, och ingen i vårt team har varit tvungen att fråga vad reglerna är sedan."
Avsiktligt frånvarande: ”50+ märken”, ”24 timmars turnaround”, ”100 % original”.När de kan dras från produktionsspårning kommer de tillbaka – på den här sidan och på klistermärkesarkivet.
Varumärkesidentitet FAQs
Allt annat hör till det första samtalet, varför det finns ett nedanför.
Alla FAQsSex till tio veckor för hela bågen – upptäckt och positionering, skulptur, systemisering, bevis, överlämnande.En enda logotyp utan system är två till tre veckor, och vi kommer att säga så tydligt när det är allt du behöver.
Det är det snabbaste sättet att se till att identiteten överlever kontakt med en webbläsare, och det betyder att tokens i varumärkesboken är tokens i koden.
Sedan granskar vi det först.Vissa varumärken behöver bara en regel som är inställd runt dem - en korrigerad logotyp, en typskala, färg med mätt kontrast, klart utrymme.
Du gör, mot slutbetalning – källor, export, teckensnitt licensierade i ditt namn där licensen tillåter det, och arbetsfilerna med namngivna lager.
Nittio dagar med frågor kommer med överlämnandet, och efter det håller de flesta kunder oss på en lätt behållare för kampanjkonstverk och nya applikationer.
Redo att bygga ett varumärke som varar?
En vag kortfattning, en föråldrad logotyp, ett varumärke som ingen kommer ihåg – vilket som helst är rätt ställe att börja.