Markenidentität
Die Bleibt.
Eine Marke ist eine Entscheidung, und die Entscheidung ist die Arbeit.Wir ziehen viel auf den Zweck: Die zusätzlichen achtzig neun sind, wie derjenige, der überlebt, seinen Platz verdient.Identitätssysteme, Logos, Typ- und Farbregeln und die Datei-Set Ihr Team kann tatsächlich ohne uns laufen.
2.667:1 · das Verhältnis unseres eigenen Portfoliodecks
Erkunden Sie die Galerie unten, um jedes Zeichen im Detail zu sehen, von der ersten Idee bis zu seiner endgültigen Form.
Strategie zuerst, Design zu zweit, Ergebnisse immer.
Reduzieren.
Wiederholen.
Verfeinern.
Dann lass es atmen.
Vier Verben, in dieser Reihenfolge. Alles andere auf dieser Seite ist eines von ihnen.
Eine Identität ist eine Reihe von Regeln,
nicht ein Bild eines Logos.
Positionierung & Narrative
Ein Satz, den Ihr Wettbewerber nicht unterschreiben konnte. Alles nach unten ist eine Folge davon.
02Name & verbale Identität
Namen, Ton, Kapitalisierung und die Wörter, mit denen Sie auf jedem Etikett leben müssen.
03Logotyp
Buchstaben, die von Hand gezeichnet oder korrigiert wurden, um bei 16 px zu lesen und bei 16 m zu schneiden.
04Symbol und Monogramm
Eine Form, die überlebt, wenn sie gebrochen, gestempelt, in Favicon-Größe und falsch gedruckt wird.
05Typ System
Zwei Rollen, eine Skala, eine Tracking-Regel. Lizenzpreise und Namen in der Übergabe.
06Farbsystem
Ein Akzent, drei Neutrale und die Kontrastarithmetik, die neben jedem Wert gedruckt wird.
07Grid & Layout Regeln
Margen und Module für Druck und Bildschirm, so dass ein Nicht-Designer immer noch eine Seite einrichten kann.
08Iconographie und Illustration
Schlaggewicht, Winkelradius und eine Bibliothek, die einmal gebaut wurde, anstatt für immer ausgeliehen zu werden.
09Bewegung & Sound Verhalten
Wie die Marke kommt, wie lange es dauert und was es nie tut.
10Richtlinien & Handoff
Eine schriftliche Regel für jedes Element, ein editierbarer Quellensatz und ein menschliches Fragen.
Unsere fünf Markenprinzipien
Geschmack ist schwieriger zu rechnen als arithmetisch, also schreiben wir die Regeln.
Wo die Farbe kommt von ↓Klarheit vor Komplexität.
Wenn die Wortmarke schwer zu lesen ist in der Größe, in der sie tatsächlich zu sehen ist, ist die Zeichnung falsch.
Konsistenz schafft Anerkennung.
Ein System wird als ein System gelesen, wenn sich eine einzelne Idee wiederholt: ein Link-Schlag, ein Radius, eine gekrümmte Ecke.
Skalierbar von Favicon bis Billboard
Wir zeichnen das Favicon und das Signage, bevor wir den Lockup genehmigen, denn das sind die beiden Enden, die Ihr Publikum tatsächlich treffen wird.
Arbeiten Sie zuerst in Schwarz-Weiß.
Farbe rettet eine schwache Markierung und verbirgt eine mittelmäßige.Wenn sie in einer Tinte nicht funktioniert, ist sie nicht fertig – siehe die sechs Oberflächen unten.
Ein Markensystem übertrifft jedes einzelne Logo.
Die Regeln um es herum - Typ, Farbe, Spannung, Ton, Bewegung - sind das Asset, das ein Jahrzehnt lang bezahlt.
Was Sie am Projektende erhalten
Alles, was ein Marketingmanager, ein Drucker und ein Entwickler laut sagen müssen, so dass niemand in sechs Monaten wieder erraten muss.
Horizontal, gestapelt, nur Symbol, eine Farbe umgekehrt
Vier Builds, jede mit ihrer klaren Raumbox auf dem Artboard gezeichnet.
4 Zustände, ein Schlaggewicht, 24 px Gitter
Standard, aktiv, deaktiviert, umgekehrt. einmal gezogen, für immer exportiert.
Ein Akzent, drei Neutrale.Alles andere ist die eigene Tinte eines Kunden.
Einmal geschrieben, in einem Satz, und an die Spitze der Datei geklebt.
App-Bildschirme, soziale Avatare, Verpackungsgesichter, Signage – auf dem echten Substrat gezeigt, nicht auf einem schwimmenden Mockup.
AI · EPS · SVG · PDF · PNG 16→4096 px · favicon · Lottie.
Ein Pairing ist eine Regel, keine Einkaufsliste.
Das Deck, auf dem diese Seite aufgebaut ist, kombiniert Coovettica 300 für die Anzeige mit Helvetica Bold für UI-Labels — zwei Familien, eine Disziplin. Diese Seite erreicht dieselbe Hierarchie mit zwei optischen Größen einer variablen Familie, ohne Lizenzkosten und ohne zusätzliche Kilobytes. Weniger Schriften sind keine Einschränkung, sondern die Regel.
Typografie, die Ihre Marken Stimme passt
Ein Café, das seit Jahren geöffnet war und wie ein Hobby aussah.Die Reparatur war kein besseres Drehbuch – es war eine andere Behauptung.
Die oben genannten Leitfäden werden hier aus dem gelieferten Kunstwerk neu gezogen - die Vektoren des Decks sind flach, so dass nichts angehoben wurde.
Der Kreis ist 1:1 und der Typ ist auf einem kleineren Radius eingeschrieben. Zwei Kreise, ein Argument – nichts ist aufgeklärt.
Spiegel die Zeichnung und die schwachen Hälften erscheinen sofort, so ziehen wir eine Hälfte und korrigieren es.
Eine Flotte swoosh muss auf einem Van bei 60 km/h lesen.Die Tangent, wo die Kurve den Buchstaben verlässt, ist die ganze Arbeit.
Hunderte von Konzepten, eine perfekte Marke.
Jede Identität, die wir versenden, hat einen Löschschschlüssel darin: die zweite Idee, die dritte, diejenige, die Ihr Konkurrent bereits hat, die Version mit dem Gradient, diejenige, die nur in Farbe funktioniert.
Entworfen für die reale Welt – nicht nur für Bildschirme
Ein 300 gsm Blatt mit einem debossed Mark sagt Ihnen mehr über die Identität als hundert Exportgrößen: wie die Zähler füllen, wie viel Tinte der Rand halten kann, ob die Buchstaben-Spacing überlebt eine embossing ster.
Dann Bildschirm, wo das gleiche Gewicht wird ein Hinweis Problem und eine 1 px Regel wird ein Abgerundungsfehler.
Grind Coffee Identitätsstudie. Design: Ahmed Hashmi.
Ein komplettes System, das für Ihre Marke gewählt wurde
Hierarchie kommt aus Größe, Gewicht, optische Größe und Raum – nicht aus einem Ordner von Lizenzen. keine Schriftart, 0 kB zusätzlicher Downloads und nichts zu erneuern.
Die Skala, die wir liefern
Hamburg 0123456789 @&*
Client-Projekte können getrennte Gesichter haben – das Anwendungsblatt oben verwendet Coovettica 300 mit Helvetica Bold. Auf dieser Seite halten wir die gleiche Hierarchie mit einer Variablenfamilie, was der Punkt der Regel 05.
Neunzehn Skizzen
Zwei optische Größen und ein Gewicht machen die gesamte Seite.
font-variation-settings: "opsz" 40; font-weight: 500; letter-spacing: -.04em;
Körpergröße 16 px
Lesbar in der Länge; keine zweite Stimme erforderlich.
font-variation-settings: "opsz" 14; font-weight: 400; line-height: 1.55;
Kapseln Caps
12 px, 600, Uppercase, nie ein Absatz.
font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase;
Ihr Farbsystem der Marke
Wir entwerfen in Ihrer Farbe. Die Orange ist unsere, und sie bleibt auf dieser Seite. Tippen Sie auf einen Wert, um ihn zu kopieren - die Verhältnisse, die auf jedem Chip gedruckt werden, werden gegen die Leere und die Platte gemessen, die diese Website tatsächlich verwendet.
-
Algonquin Titans
-
Anker 2
-
BoSoxKurs
-
Donke
-
Das Logo von Inspire Rocks
-
Aufzug Logo
-
Die Grafschaft Feuer Dept
-
Der Löwe
-
Moto Club
-
PHUONG DONG 30. Jahrestag 2
-
Quins & Sons
-
Sizzler
-
Yellow Earth
-
Autowasch endgültig
-
Containerland-Logo von 01
- The deck's groundJede Platte im obigen Archiv sitzt auf diesem Paar: 19.54:1 zwischen Leere und Papier, weshalb die Markierungen als Tinte gelesen werden.
- Cover rule, blueDie eigene Wirbelsäule des Portfolios läuft #3981BC in #8D32F6. Auf dieser Seite ist die coole Farbe nur Struktur – Regeln, Folien, Fokusringe.
- Occupy violetDie Split-Komplement von Orange, und es bekommt genau eine Verwendung in jeder Komposition.
- Facile maroonÄhnlich wie orange bei 5% leichtigkeit: die schattige farbe der hellen kapitel und der einzige akzent, der geklärt ist, um kleine text auf papier zu tragen.
- This page's accentDas Theme-Token wird hier und nirgendwo sonst verwendet. Auf dem Papier misst es 3.54:1, so dass es niemals einen kleinen Text auf einem hellen Boden setzt.
- The dormant tokenDas Thema erklärt einen Purpur-zu-Wasser-Gradient, den keine Seite in der Familie verwendet.Körperkopie über ein kühles Feld wird in Aqua oder Papierweiß gesetzt - nie im Akzent.
Die Bindung
Unser Orange liegt bei Farbton 15°. Das strukturelle Blau des Portfolios liegt bei 203–207° — ein echtes Komplement. Blau darf Orange daher nur als Struktur berühren: Linien, Kolumnen, Fokusringe. Das Violett (256°) ist ein Split-Komplement und wird genau einmal verwendet. Das Kastanienbraun (347°) ist analog zu Orange bei 5 % Helligkeit — die Schattenfarbe für helle Kapitel. Nur ein gesättigter Farbton pro Komposition.
Die Arithmetik
Orange auf Schwarz beträgt 5.52:1 und auf <code>#0F0F0F</code> 5.10:1 — Fließtext ist zulässig. Auf Papieruntergrund beträgt der Wert 3.54:1, daher auf hellem Grund nur für große Schrift und Grafiken. Kastanienbraun auf Papier erreicht 9.92:1 und ist für kleinen Text zugelassen. Das Blau des Verlaufs liegt bei 4.08:1, weshalb Fließtext hier in Papierweiß (19.54:1) gesetzt ist.
Rows 1–15: die dominanten Tinte der 15 gelieferten Marken, gemessen aus den Dateien. Rows 16–21: das eigene System des Decks und die Akzente dieser Seite, aus ihren Seiten und den Theme-Token gesammelt.
Überall in der realen Welt getestet
So wird die Lieferung nach den Oberflächen beurteilt, auf denen sie leben wird, in einer Farbe, nach den Größen, die gemessen wurden - und auf der Platte hat sie kein Geschäft.
| Token | Licht | Dunkelheit | Hier benutzt für |
|---|---|---|---|
--at-theme-primary | #9345ed | #9345ed | Akzente, Folio-Regeln auf dunklen Kapiteln, Fokus, Daumen |
--at-neutral-0 / -dark-0 | #FEFEFE | #0F0F0F | Kapitel Boden, Plattenoberflächen |
--at-neutral-50 / -dark-50 | #F8F8F8 | #141414 | Alternative Kapitel, Sticky Rules Band |
--at-neutral-500 / -700 | #585959 | #A5A5A5 | Mikrokopie, Untertitel, Sekundärtext |
--at-fz-ds-1 | 124px | Spitze des Typs Treppe, Held Klemmen Decke | |
#6D2736 (Beispiel zu nehmen) | 9.92:1 on paper | Folio-Regel auf leichten Kapiteln – der einzige Akzent, der für kleine Texte gelöscht wird | |
Marke Marken Showcase
Klicken Sie auf eine Platte für die Vollansicht: Pfeiltasten oder Wischen zum Navigieren, <kbd>Esc</kbd> zum Schließen. Der dunkle Hintergrund ist beabsichtigt — die eigene Transparenz tritt zurück und jedes Zeichen wirkt wie echte Tinte.
Unser Markenidentitätsprozess
Discovery & Markenprüfung
Bevor jede Markenidentität oder Logo-Design-Arbeit beginnt, mappen wir, wer Sie sind, wenn niemand kauft, was Ihre Wettbewerber wünschen, dass sie sagen können, und welche Ihrer bestehenden Markenvermögenswerte tatsächlich belastend versus dekorativ sind.
Markenstrategie & Positionierung
Diese positionierende Aussage wird zum Bezugspunkt für jede nachfolgende Designentscheidung - Typografie, Farbpalette, Illustrationsstil - weshalb sie am Ende nicht als Nachdenken behandelt wird.
Entwicklung von & Ideation
Jedes Logo und visuelle Identität, die wir versenden, wird live in einer Arbeitssitzung mitverfasst, nicht Ihnen hinter verschlossenen Türen enthüllt - wir bringen das Volumen der Konzepte, Sie bringen das Veto.
Design Refinement & Systemgebäude
Die Geometrie Ihres Logos wird auf einem Konstruktionsgitter gezeichnet, Typografierollen werden Größen und Gewichte benannt, Farbe wird für einen echten Kontrast gemessen, und Layout-Gitter werden sowohl für Druck als auch für den Bildschirm gebaut.
16 px. 16 Meter. Eine Farbe. Eine echte Oberfläche.
Wir testen die Marke bei jeder realen Größe und Anwendung, bevor wir eine Markenidentität anrufen - das Favicon, die Verpackungstasche, die gedruckte Rechnung, die Wand vor dem Laden.
Lieferung, Richtlinien & laufender Support
Sie erhalten die vollständige Quelldatei, eine Markenrichtlinienseite, die auf Ihrer eigenen Domäne gehostet wird (nicht in einem PDF gesperrt, das niemand öffnet), eine klare Namensvereinbarung für jedes exportierte Asset und neunzig Tage nachfolgende Fragen beantwortet, ohne dass eine formale Änderungsanordnung erforderlich ist.
Was wir nicht tun (und warum es zählt)
Keine Templates oder kopierten Logos.
Nichts, was wir versenden, beginnt in einer Marktdatei oder einer Umfrage.Wenn eine Form vierzigmal verkauft wurde, ist ihr einziges Talent die Vertrautheit.
Keine überwältigende Option Überlastung.
Wir bringen eine kleine Anzahl von Richtungen, jede verteidigt, jede abgeschlossen, jede mit der Argumentation neben ihm gedruckt.
Keine „Markenidentität“, das ist ein Schriftwechsel.
Das neu eingeben Ihrer vorhandenen Marke in eine neue Schriftart ist eine Grafik-Design-Aufgabe und wir werden sie als eine bewerten.
Keine Lieferung ohne ein vollständiges Markenrichtlinien-Dokument.
Wenn eine Regel nicht aufgeschrieben werden kann, wird sie in der Produktion gebrochen. Jedes Element, das Schiffe hat seine Größe, Abstand, Farbe und Missbrauch dokumentiert in demselben Ordner.
Unsere Brand Identity Ergebnisse
assets/imgs/stickers/ + 5 from the deckassets/imgs/gallery/manifest.json"Das Neubrand hat unseren Kaffee nicht verändert, es hat verändert, was die Leute über den Raum angenommen haben."
"Eine Marke, eine Farbe, sechs Substraten, und niemand in unserem Team musste danach fragen, was die Regeln sind."
Vorsätzlich fehlen: „50+ Mark“, „24 h turnaround“, „100 % original“. Wenn diese aus der Produktionsverfolgung gezogen werden können, kommen sie zurück – auf dieser Seite und auf dem Aufkleberarchiv.
Markenidentität FAQs
Alles andere gehört zum ersten Aufruf, weshalb es einen unten gibt.
Alle FAQsSechs bis zehn Wochen für den gesamten Bogen – Entdeckung und Positionierung, Skulptur, Systemisierung, Beweis, Übergabe.Ein einzelnes Logo ohne System dauert zwei bis drei Wochen, und wir werden so klar sagen, wenn das alles ist, was Sie brauchen.
Ja – diese Website ist unser eigenes Build, und das gleiche Team schifft Front-End und Back-End. Es ist der schnellste Weg, um sicherzustellen, dass die Identität den Kontakt mit einem Browser überlebt, und es bedeutet, dass die Token im Markenbuch die Token im Code sind.
Einige Marken benötigen nur eine Regel um sie herum – ein korrigiertes Logo, eine Typskala, Farbe mit gemessenem Kontrast, einen klaren Raum.
Sie tun, auf die endgültige Zahlung — Quellen, Exporte, Schriftarten in Ihrem Namen lizenziert, wo die Lizenz es erlaubt, und die Arbeitsdateien mit Schichten benannt.
Neunzig Tage Fragen kommen mit der Übergabe, und danach halten die meisten Kunden uns auf einem Lichtbehälter für Kampagnenkunstwerke und neue Anwendungen.
Bereit, eine Marke zu bauen, die dauerhaft ist?
Eine vage Kurzform, ein veraltetes Logo, eine Marke, an die sich niemand erinnert – jeder von ihnen ist der richtige Ort, um zu beginnen.