Arrastra para explorar. Desplázate o pellizca para acercar. Abre la Ayuda para ver los atajos de teclado.

Yan
ABIERTO A
PROYECTOS
Hablemos
Yan Fontão Boring view
All work

Case 059Identidad de marca

Pasta Morada

Una identidad de marca para Pasta Morada, de Manaus: un símbolo que pone una espiral de pasta dentro de una casa y se aplica en envases, bolsas, menús, uniformes y el sitio web.

Mi papel
Identidad de marca
Estado del proyecto
Identidad de marca · Archivo de Figma
Un bowl de pasta en 3D con un tenedor que gira dentro.
Un objeto 3D hecho para este mural.

01

Mi contribución

Morada significa casa, y el símbolo toma el nombre al pie de la letra: una casa verde salvia con chimenea y una cinta de pasta naranja que se enrolla dentro de ella y se derrama por debajo. El manual, marcado como V. 1, lo acompaña con la frase “Onde cada sabor é uma história” (donde cada sabor es una historia).

Mockups de las páginas de aplicaciones del manual de marca, en secuencia: envases, bolsas, el menú, frascos y el sitio web.
Envases pequeños para llevar con el logotipo de Pasta Morada, sobre crema y sobre naranja.
Los envases pequeños, de los mockups del manual de marca.
Bolsas de papel para entrega a domicilio sobre fondos crema, amarillo, rosa y salvia.
Bolsas para entrega a domicilio: el nombre, recortado en grande, envuelve el papel.

02

Un lockup ancho con espacio a su alrededor

El lockup completo pone el símbolo a la izquierda del nombre, con Pasta en verde salvia y Morada en naranja, de modo que las dos palabras repiten los colores de la casa y de la pasta. La diapositiva de espacio en blanco fija un margen libre de un tercio de la altura del logo, arriba y abajo.

Menú impreso con el logotipo grande, sostenido en una mesa.
El menú lleva el mismo logotipo grande a la mesa.
Bandejas y cajas para llevar con el logotipo.
Bandejas y cajas.

03

El nombre envuelve el empaque

En los empaques para llevar, el logotipo crece hasta que los bordes lo recortan. Pasta en verde salvia y Morada en naranja rodean los envases, las bolsas para entrega a domicilio y las bandejas, de modo que el nombre sigue siendo legible aunque solo una parte quede de frente al cliente.

Estas piezas son mockups de las páginas de aplicaciones del manual. Muestran cómo se comporta la marca, no son fotografías de piezas producidas.

Frascos de vidrio con etiquetas de la marca sobre una encimera de cocina, y un mockup de frasco naranja.
Frascos de vidrio para el estante.
Camisa polo naranja con el logo pequeño en el pecho.
El uniforme del personal.

04

Más discreta en la mesa

Cerca de la comida, la marca se hace más pequeña. El menú conserva el logotipo grande, mientras que la camisa polo del personal y los platos usan solo un logo pequeño, y la dirección fotográfica deja a la pasta como protagonista.

Plato blanco con un logo discreto, sobre un fondo naranja.
En el plato, la marca da un paso atrás.
Dirección fotográfica: formas de pasta, masa que se extiende y mesas compartidas, con la marca encima.
Dirección fotográfica del manual.

05

La misma frase en pantalla

El manual cierra las aplicaciones con el sitio en tablet y celular, debajo de la frase “Onde cada sabor é uma história”.

Mockups en tablet y celular del sitio de Pasta Morada.
El sitio, de las aplicaciones del manual.
Diapositiva titulada Logo - Whitespace: el logo horizontal dentro de una caja de altura A, con flechas que marcan un margen libre de A/3 arriba y abajo.
Área de respeto alrededor del lockup: un tercio de su altura.
000

Instrucciones

Yan Fontão
Toque
Abre una pantalla
Clic
Abre una pantalla
Arrastrar
Recorre el mural
Rueda
El mouse acerca, el trackpad mueve, el pellizco acerca
− +
Aleja hasta ver todo el mural, o acerca
Flechas
En un caso: ↑↓ cambian de caso, ←→ cambian de medio. En el mural: mueven
Espacio
Abre o vuelve
Enter
Abre
Esc Backspace
Vuelve
Home
Vuelve al centro y luego a la apertura
PgUp PgDn
Canal anterior o siguiente
Tab
Recorre proyectos y enlaces
R
Proyecto al azar
0–9
Escribe un canal, 1–61
?
Esta página
Atajos

Música del mural

Archivos comprimidos y nivelados para la web.

ABIERTO A
PROYECTOS
Hablemos

Nuevo mensaje para Yan

Cuéntame quién eres y te respondo.

000

Sobre Yan

Hola, soy Yan

Product Designer/ Design Engineer

La mayoría de los productos pierde algo entre el diseño y el código. Los míos no: investigo el problema, diseño el producto y lanzo la interfaz yo mismo, así que lo que apruebas es exactamente lo que reciben tus usuarios.

  • 2018inicio en software
  • UI + codediseño e implementación

Trabajé con Motorola · Ambev Tech · Rei do Pitaco · OneTool · CESAR

Brasil · Remoto, híbrido o presencial

Retrato de Yan Fontão sentado, con suéter verde y gafas, sosteniendo un micrófono.
ABIERTO A
PROYECTOS
Hablemos
ABIERTO A
PROYECTOS
Hablemos
000

canal bloqueado

Bajo NDA

Ingresa el código

Pídele el código a Yan ↗
ABIERTO A
PROYECTOS
Hablemos
YAN FONTÃO Casos completos

Canal 59 Identidad de marca

Pasta Morada

Una identidad de marca para Pasta Morada, de Manaus: un símbolo que pone una espiral de pasta dentro de una casa y se aplica en envases, bolsas, menús, uniformes y el sitio web.

Mi papel
Identidad de marca
Estado del proyecto
Identidad de marca · Archivo de Figma
Un bowl de pasta en 3D con un tenedor que gira dentro.
Un objeto 3D hecho para este mural.

Una casa y una cinta de pasta en un solo símbolo

Páginas y mockups de las aplicaciones de marca del manual de identidad original en Figma, marcado como V. 1.

Mi contribución

Morada significa casa, y el símbolo toma el nombre al pie de la letra: una casa verde salvia con chimenea y una cinta de pasta naranja que se enrolla dentro de ella y se derrama por debajo. El manual, marcado como V. 1, lo acompaña con la frase “Onde cada sabor é uma história” (donde cada sabor es una historia).

Mockups de las páginas de aplicaciones del manual de marca, en secuencia: envases, bolsas, el menú, frascos y el sitio web.
Envases pequeños para llevar con el logotipo de Pasta Morada, sobre crema y sobre naranja.
Los envases pequeños, de los mockups del manual de marca.
Bolsas de papel para entrega a domicilio sobre fondos crema, amarillo, rosa y salvia.
Bolsas para entrega a domicilio: el nombre, recortado en grande, envuelve el papel.

Un lockup ancho con espacio a su alrededor

El lockup completo pone el símbolo a la izquierda del nombre, con Pasta en verde salvia y Morada en naranja, de modo que las dos palabras repiten los colores de la casa y de la pasta. La diapositiva de espacio en blanco fija un margen libre de un tercio de la altura del logo, arriba y abajo.

Menú impreso con el logotipo grande, sostenido en una mesa.
El menú lleva el mismo logotipo grande a la mesa.
Bandejas y cajas para llevar con el logotipo.
Bandejas y cajas.

El nombre envuelve el empaque

En los empaques para llevar, el logotipo crece hasta que los bordes lo recortan. Pasta en verde salvia y Morada en naranja rodean los envases, las bolsas para entrega a domicilio y las bandejas, de modo que el nombre sigue siendo legible aunque solo una parte quede de frente al cliente.

Estas piezas son mockups de las páginas de aplicaciones del manual. Muestran cómo se comporta la marca, no son fotografías de piezas producidas.

Frascos de vidrio con etiquetas de la marca sobre una encimera de cocina, y un mockup de frasco naranja.
Frascos de vidrio para el estante.
Camisa polo naranja con el logo pequeño en el pecho.
El uniforme del personal.

Más discreta en la mesa

Cerca de la comida, la marca se hace más pequeña. El menú conserva el logotipo grande, mientras que la camisa polo del personal y los platos usan solo un logo pequeño, y la dirección fotográfica deja a la pasta como protagonista.

Plato blanco con un logo discreto, sobre un fondo naranja.
En el plato, la marca da un paso atrás.
Dirección fotográfica: formas de pasta, masa que se extiende y mesas compartidas, con la marca encima.
Dirección fotográfica del manual.

La misma frase en pantalla

El manual cierra las aplicaciones con el sitio en tablet y celular, debajo de la frase “Onde cada sabor é uma história”.

Mockups en tablet y celular del sitio de Pasta Morada.
El sitio, de las aplicaciones del manual.
Diapositiva titulada Logo - Whitespace: el logo horizontal dentro de una caja de altura A, con flechas que marcan un margen libre de A/3 arriba y abajo.
Área de respeto alrededor del lockup: un tercio de su altura.