Identidad de Marca
Que Perdura.
Una marca es una decisión, y la decisión es el trabajo.Tractamos mucho en el propósito: los ochenta y nueve adicionales son cómo el que sobrevive gana su lugar.Sistemas de identidad, logotipos, reglas de tipo y color, y el conjunto de archivos que tu equipo puede realmente ejecutar sin nosotros.
Frame 2.667:1 · la proporción de nuestro propio paquete de cartera
Explora la galería de abajo para ver cada marca en detalle, desde la primera idea hasta su forma final.
Estrategia primero. Diseño segundo. Resultados siempre.
Reducir.
Repetir.
Refinar.
Luego dejar que respire.
Cuatro verbos, en ese orden.Todo lo demás en esta página es uno de ellos.
Una identidad es un conjunto de reglas, no una imagen de un logotipo.
Posicionamiento y narrativa
Una frase que tu competidor no podía firmar.Todo lo que sucede a continuación es una consecuencia de ella.
02Nombre y identidad verbal
Nombres, tono, capitalización y las palabras con las que tendrás que vivir en cada etiqueta.
03Logotipo
Formularios dibujados o corregidos a mano, espaciados para leer a 16 px y cortados a 16 m.
04Símbolo y monograma
Una forma que sobrevive siendo embrujada, estampada, favicon-tamaño y mal impreso.
05Tipo de sistema
Dos roles, una escala, una regla de seguimiento.Licencias previas y nombradas en la entrega.
06Sistema de colores
Un acento, tres neutrales y la aritmética de contraste se imprime junto a cada valor.
07Reglas de Grid & Layout
Margens y módulos para la impresión y la pantalla, por lo que un no diseñador todavía puede configurar una página.
08Iconografía e ilustración
Peso de accidente cerebrovascular, radio de esquina y una biblioteca construida una vez en lugar de prestada para siempre.
09Movimiento y comportamiento sonoro
Cómo llega la marca, cuánto tarda y qué nunca hace.
10Instrucciones & Handoff
Una regla escrita para cada elemento, un conjunto de fuentes editables y un humano para preguntar.
Nuestros cinco principios de marca
El gusto es más difícil de calcular que el aritmético, por lo que escribimos las reglas.Son las partes del argumento que sobreviven a un cliente, una impresora y un rediseño.
De dónde viene el colorClaridad antes que complejidad.
Si la marca de palabras es difícil de leer en el tamaño que realmente se verá, el dibujo está equivocado.
La coherencia genera reconocimiento.
Un sistema se lee como un sistema cuando una sola idea se repite: un golpe de enlace, un radio, un ángulo cortado.
Escalable desde favicon hasta billboard.
Nosotros dibujamos el favicon y la señal antes de aprobar el lockup, porque esos son los dos extremos que su audiencia realmente se encontrará.
Funciona primero en blanco y negro.
El color rescata una marca débil y esconde una mediocre.Si no funciona en una tinta, no está terminado - véase las seis superficies de abajo.
Un sistema de marca supera cualquier logotipo.
Las reglas que lo rodean – tipo, color, espaciamiento, tono, movimiento – son el activo que sigue pagando durante una década.
Lo que recibes al final del proyecto
Ocho paneles, una página.Todo lo que un gerente de marketing, una impresora y un desarrollador necesitan ser contados en voz alta, para que nadie tenga que adivinar de nuevo en seis meses.
Horizontal, empilado, sólo símbolo, reverso de un solo color
Cuatro construcciones, cada una con su caja de espacio claro dibujada en el tablero.
4 estados, un peso de golpe, 24 px grid
Por defecto, activo, desactivado, invertido. dibujado una vez, exportado para siempre.
Un acento, tres neutrales.Todo lo demás es tinta propia del cliente.
Escrito una vez, en una frase, y pegado a la parte superior del archivo.
Pantallas de aplicaciones, avatares sociales, caras de embalaje, señales - mostradas en el substrato real, no en un mockup flotante.
AI · EPS · SVG · PDF · PNG 16→4096 px · favicon · Lottie.
Una pareja es una regla, no una lista de compras.
El deck en el que se basa esta página combina Coovettica 300 para display con Helvetica Bold para etiquetas de interfaz — dos familias, una disciplina. Este sitio logra la misma jerarquía con dos tamaños ópticos de una familia variable, sin costes de licencia ni kilobytes adicionales. Menos tipografías no es una limitación; es la regla.
Tipografía que se ajusta a tu voz de marca
Una cafetería que había estado abierta durante años y parecía un pasatiempo.La corrección no era un guion mejor, era una afirmación diferente.
Las guías de arriba se retratan aquí a partir de la obra de arte entregada - los vectores de la cubierta se aplanaron, por lo que nada se levantó.
El círculo es 1:1 y el tipo se escribe en un radio más pequeño. Dos círculos, un argumento — nada es oculto.
Mirror el dibujo y las mitades débiles aparecen inmediatamente, así que dibujamos una mitad y corregimos.
Una flota de swoosh tiene que leer en una furgoneta a 60 km/h. La tangente donde la curva deja la letra es todo el trabajo.
Cientos de conceptos, una marca perfecta.
Cada identidad que enviamos tiene una clave de eliminación en ella: la segunda idea, la tercera, la que su competidor ya tiene, la versión con el gradiente, la que solo funciona en color. Abajo está el mismo archivo entregado en los seis estados que un archivo realmente mantiene - todos ellos producidos en el navegador de una obra de arte, no un segundo activo.
Diseñado para el mundo real, no solo para pantallas
Una hoja de 300 gsm con una marca debossada le dice más sobre la identidad que un centenar de tamaños de exportación: cómo se llenan los contadores, cuánta tinta puede contener el borde, si el espaciamiento de la letra sobrevive a una muerte embossante.
Luego la pantalla, donde el mismo peso se convierte en un problema de indicación y una regla de 1 px se convierte en un error de redondeo.
Grind Coffee estudio de identidad. Diseño: Ahmed Hashmi.
Un sistema de tipo completo, elegido para su marca
La jerarquía proviene del tamaño, el peso, el tamaño óptico y el espacio —no de una carpeta de licencias.
La escala que entregamos
Hamburguesa 0123456789 @&*
Los proyectos del cliente pueden tener dos caras: la hoja de solicitud de arriba utiliza Coovettica 300 con Helvetica Bold. En este sitio mantenemos la misma jerarquía con una familia de variables, que es el punto de la regla 05.
Nueve dibujos
Dos tamaños ópticos y un peso hacen toda la página.
font-variation-settings: "opsz" 40; font-weight: 500; letter-spacing: -.04em;
Cuerpo, 16 px
Es fácil de leer, no hace falta una segunda voz.
font-variation-settings: "opsz" 14; font-weight: 400; line-height: 1.55;
Capítulos Capítulos
12 px, 600, sobrecarga, nunca un párrafo.
font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase;
El sistema de color de tu marca
El naranja es nuestro, y permanece en esta página. Toque un valor para copiarlo - las proporciones impresas en cada chip se miden contra el vacío y la placa que este sitio realmente utiliza.
-
Algonquin Titans
-
Anchorías 2
-
Boxeo
-
Dónde
-
El logo de Inspire Rocks
-
El logotipo del ascensor
-
Condado de Fuego Dept
-
León
-
Moto Club
-
30 aniversario de Phuong Dong 2
-
Quinns y Sons
-
Los Sizzlers
-
Yellow Earth
-
El lavavajillas final
-
Contenedor de contenedores-01
- The deck's groundCada placa en el archivo de arriba se sienta en este par: 19.54:1 entre el vacío y el papel, por lo que las marcas se leen como tinta.
- Cover rule, blueLa espina dorsal propia del portfolio corre #3981BC en #8D32F6. En esta página el color fresco es sólo estructura - reglas, folios, anillos de enfoque.
- Occupy violetLa división-complemento de naranja, y se obtiene exactamente un uso en cualquier composición.
- Facile maroonAnalogamente a la naranja con un 5 % de luz: el color de la sombra de los capítulos ligeros, y el único acento despejado para llevar pequeño texto en el papel.
- This page's accentEl token del tema, utilizado aquí y en ningún otro lugar. En papel mide 3.54:1, por lo que nunca pone texto pequeño en un terreno claro.
- The dormant tokenEl tema declara un gradiente de púrpura a agua que ninguna página de la familia utiliza.La copia del cuerpo sobre un campo fresco se establece en blanco acuático o papel - nunca en el acento.
La coherencia estructural
Nuestro naranja se sitúa en el tono 15°. El azul estructural del dossier se sitúa en 203–207°, un complemento directo. El azul solo toca el naranja como estructura: líneas, folios, aros de foco. El violeta (256°) tiene un único uso. El granate (347°) es el color de sombra para capítulos claros. Un solo tono saturado por composición.
La aritmética de contraste
El naranja sobre fondo negro da 5.52:1 y sobre <code>#0F0F0F</code> 5.10:1 (texto legible). Sobre papel da 3.54:1, reservado en fondos claros solo para tipografía grande y gráficos. El granate sobre papel ofrece 9.92:1, válido para texto pequeño en claro. El azul da 4.08:1, por lo que el cuerpo de texto sobre fondo frío va en blanco papel (19.54:1).
Rows 1-15: las tintas dominantes de las 15 marcas entregadas, medidas a partir de los archivos. Rows 16-21: el sistema propio del paquete y los acentos de esta página, mostrados a partir de sus páginas y de los tokens de tema. Cada ratio impreso aquí se calcula, ninguno se mira.
Testado en cada superficie del mundo real
Así que la entrega se juzga por las superficies en las que vivirá, en un solo color, en los tamaños que se medieron - y en el plato no tiene negocio.
| Token | luz | Oscuridad | Usado aquí para |
|---|---|---|---|
--at-theme-primary | #9345ed | #9345ed | Acentos, reglas de folio en capítulos oscuros, foco, dedos deslizantes |
--at-neutral-0 / -dark-0 | #FEFEFE | #0F0F0F | Capítulo Terreno, superficies plateadas |
--at-neutral-50 / -dark-50 | #F8F8F8 | #141414 | Capítulos alternativos, bandas de reglas pegajosas |
--at-neutral-500 / -700 | #585959 | #A5A5A5 | Micro-copia, capciones, texto secundario |
--at-fz-ds-1 | 124px | Escalera de tipo superior, techo de acoplamiento de héroe | |
#6D2736 (Más de una vez) | 9.92:1 on paper | Regla de folio en los capítulos ligeros - el único acento limpiado para el texto pequeño | |
Presentación de Mark Showcase
Haz clic en cualquier muestra para verla en marco completo: usa las flechas o desliza para navegar, <kbd>Esc</kbd> para cerrar. El fondo negro es intencionado para que cada diseño se aprecie como tinta real.
Nuestro proceso de identidad de marca
Revisión de la marca Discovery &
Antes de que comience cualquier trabajo de diseño de identidad de marca o logotipo, mapeamos quién eres cuando nadie compra, qué deseen que tus competidores puedan decir, y cuáles de tus activos de marca existentes son realmente cargados versus decorativos.
Estrategia de posicionamiento de marca &
Esta declaración de posicionamiento se convierte en el punto de referencia para cada decisión de diseño posterior - tipografía, paleta de colores, estilo de ilustración - que es exactamente por eso que está bloqueado en segundo lugar, no tratado como un pensamiento posterior al final.
Desarrollo del concepto & Ideation
Cada logotipo y identidad visual que enviamos es co-autorizado en vivo en una sesión de trabajo, no revelado a usted terminado detrás de puertas cerradas - traemos el volumen de conceptos, usted trae el veto.
Diseño Refinement & Edificio del Sistema
La geometría de su logotipo se dibuja en una red de construcción, los roles de tipografía se llaman tamaños y pesos, el color se mide para un contraste real, y las redes de diseño se construyen tanto para la impresión como para la pantalla. Esto es lo que separa un documento de guía de marca adecuado de una carpeta de archivos soltos - todo lo que no podemos escribir como una regla explícita no es un sistema todavía.
16 px. 16 metros. Un color. Una superficie real.
Testamos la marca en cada tamaño y aplicación del mundo real antes de llamar una identidad de marca terminada - el favicon, la bolsa de embalaje, la factura impresa, la pared frontal de la tienda.
Entrega, Directrices & Soporte en curso
Obtiene el conjunto completo de archivos de origen, una página de directrices de marca alojada en su propio dominio (no bloqueada en un PDF que nadie abre), una convención de nombramiento clara para cada activo exportado, y noventa días de preguntas de seguimiento respondidas sin necesidad de una orden formal de cambio.
Lo que no hacemos (y por qué eso importa)
No hay templos ni logotipos copiados.
Nada que enviemos comienza en un archivo de mercado o en una encuesta.Si una forma ha sido vendida cuarenta veces, su único talento restante es la familiaridad.
No hay opción de sobrecarga.
Un muro de elecciones es una manera de evitar el argumento. traemos un pequeño número de direcciones, cada una defendida, cada una completa, cada una con el razonamiento impreso al lado de ella.
No hay “identidad de marca” que sea un swap de fuentes.
Reescribir tu marca existente en una nueva fuente es una tarea de diseño gráfico y la valoraremos como una.
No hay entrega sin un documento completo de directrices de marca.
Si una regla no se puede escribir, se romperá en la producción.Cada elemento que los barcos tienen su tamaño, espaciamiento, color y mal uso documentado en la misma carpeta.
Nuestros resultados de identidad de marca
assets/imgs/stickers/ + 5 from the deckassets/imgs/gallery/manifest.json“El rebrand no cambió nuestro café, cambió lo que la gente suponía sobre la habitación”.
“Una marca, un color, seis sustratos, y nadie en nuestro equipo ha tenido que preguntar cuáles son las reglas desde entonces”.
Deliberadamente ausentes: “50+ marques”, “24 h turnaround”, “100 % original”.Cuando estos se pueden sacar del seguimiento de la producción vuelven – en esta página y en el archivo de adhesivos.
FAQs de identidad de marca
Todo lo demás pertenece a la primera llamada, por lo que hay una abajo.
Todos los FAQsSeis a diez semanas para todo el arco – descubrimiento y posicionamiento, escultura, sistematización, prueba, entrega.Un solo logotipo sin sistema es de dos a tres semanas, y lo diremos claramente cuando eso sea todo lo que necesitas.
Sí - este sitio es nuestra propia construcción, y el mismo equipo navega front-end y back-end.Es la forma más rápida de asegurarse de que la identidad sobreviva el contacto con un navegador, y significa que los tokens en el libro de la marca son los tokens en el código.
Algunas marcas solo necesitan una regla establecida alrededor de ellas: un logotipo corregido, una escala de tipo, un color con un contraste medido, un espacio claro.
Usted lo hace, por pago final — fuentes, exportaciones, fuentes licenciadas en su nombre donde la licencia lo permite, y los archivos de trabajo con capas nombradas.
Los noventa días de preguntas vienen con la entrega, y después de eso la mayoría de los clientes nos mantienen en un repositorio de luz para obras de arte de campaña y nuevas aplicaciones.
¿Listo para construir una marca que dure?
Un resumen vago, un logotipo desactualizado, una marca que nadie recuerda: cualquiera de ellas es el lugar adecuado para empezar.