Arraste para explorar. Role ou use a pinça para aproximar. Abra a Ajuda para ver os atalhos de teclado.

Yan
ABERTO A
PROJETOS
Vamos conversar
Yan Fontão Boring view
Todos os trabalhos

Case 059Identidade de marca

Pasta Morada

Identidade de marca da Pasta Morada, em Manaus: um símbolo que coloca uma fita de massa enrolada dentro de uma casa, aplicado em potes, sacolas, cardápios, uniformes e no site.

Meu papel
Identidade de marca
Status do projeto
Identidade de marca · Acervo do Figma
Uma tigela de massa em 3D, com um garfo girando dentro.
Um objeto 3D feito para este mural.

01

Minha contribuição

Morada quer dizer casa, e a marca leva o nome ao pé da letra: uma casa verde-sálvia com chaminé e uma fita laranja de massa que se enrola lá dentro e transborda por baixo. O manual, marcado como V. 1, traz a marca junto da frase “Onde cada sabor é uma história”.

Mockups das páginas de aplicação do manual da marca, em sequência: potes, sacolas, o cardápio, potes de vidro e o site.
Potes pequenos para viagem com o logotipo da Pasta Morada, sobre creme e sobre laranja.
Os potes pequenos, nos mockups do manual da marca.
Sacolas de papel para delivery sobre fundos creme, amarelo, rosa e verde-sálvia.
Sacolas de delivery: o nome, grande e cortado, envolve o papel.

02

Uma assinatura larga, com espaço em volta

Na assinatura completa, o símbolo fica à esquerda do nome, com Pasta em verde-sálvia e Morada em laranja, e assim as duas palavras repetem as cores da casa e da massa. O slide Whitespace define uma margem livre de um terço da altura do logo, acima e abaixo dele.

Cardápio impresso com o logotipo grande, nas mãos de alguém à mesa.
O cardápio leva o mesmo logotipo grande para a mesa.
Bandejas e caixas para viagem com o logotipo.
Bandejas e caixas.

03

O nome envolve a embalagem

Nas embalagens para viagem, o logotipo cresce até ser cortado pelas bordas. Pasta em verde-sálvia e Morada em laranja dão a volta nos potes, nas sacolas de delivery e nas bandejas, e assim o nome continua legível mesmo quando só uma parte dele fica de frente para o cliente.

Estas peças são mockups das páginas de aplicação do manual. Mostram como a marca se comporta, não são fotos de peças produzidas.

Potes de vidro com rótulos da marca em uma bancada de cozinha, e um mockup de pote em laranja.
Potes de vidro para a prateleira.
Camisa polo laranja com o logo pequeno no peito.
O uniforme da equipe.

04

Mais discreta à mesa

Quanto mais perto da refeição, menor a marca. O cardápio mantém o logotipo grande, enquanto a polo da equipe e os pratos usam só um logo pequeno, e a direção de fotografia deixa a massa como protagonista.

Prato branco com logo discreto, sobre fundo laranja.
No prato, a marca fica em segundo plano.
Direção de fotografia: formatos de massa, massa sendo aberta e mesas compartilhadas, com a marca por cima.
Direção de fotografia do manual.

05

A mesma frase na tela

O manual fecha as aplicações com o site no tablet e no celular, sob a frase “Onde cada sabor é uma história”.

Mockups do site da Pasta Morada no tablet e no celular.
O site, nas aplicações do manual.
Slide com o título Logo - Whitespace: o logo horizontal dentro de uma caixa de altura A, com setas que marcam uma margem livre de A/3 acima e abaixo dele.
Área de respiro em volta da assinatura: um terço da altura dela.
000

Instruções

Yan Fontão
Toque
Abre uma tela
Clique
Abre uma tela
Arrastar
Move pelo mural
Rolagem
Mouse aproxima, trackpad move, pinça aproxima
− +
Afasta até ver o mural inteiro, ou aproxima
Setas
No case: ↑↓ trocam de case, ←→ trocam de mídia. No mural: movem
Espaço
Abre ou volta
Enter
Abre
Esc Backspace
Volta
Home
Volta ao centro, depois à abertura
PgUp PgDn
Canal anterior ou próximo
Tab
Percorre projetos e links
R
Projeto aleatório
0–9
Digite um canal, 1–61
?
Esta página
Atalhos

Música do mural

Arquivos comprimidos e nivelados para a web.

ABERTO A
PROJETOS
Vamos conversar

Nova mensagem para o Yan

Conte quem você é e eu respondo.

000

Sobre o Yan

Oi, eu sou o Yan

Product Designer/ Design Engineer

A maioria dos produtos perde algo entre o design e o código. Os meus não: eu pesquiso o problema, desenho o produto e coloco a interface no ar, então o que você aprova é exatamente o que seus usuários recebem.

  • 2018início em software
  • UI + codedesign e implementação

Trabalhei com Motorola · Ambev Tech · Rei do Pitaco · OneTool · CESAR

Brasil · Remoto, híbrido ou presencial

Retrato de Yan Fontão sentado, de suéter verde e óculos, segurando um microfone.
ABERTO A
PROJETOS
Vamos conversar
ABERTO A
PROJETOS
Vamos conversar
000

canal bloqueado

Sob NDA

Digite o código

Peça o código ao Yan ↗
ABERTO A
PROJETOS
Vamos conversar
YAN FONTÃO Cases completos

Canal 59 Identidade de marca

Pasta Morada

Identidade de marca da Pasta Morada, em Manaus: um símbolo que coloca uma fita de massa enrolada dentro de uma casa, aplicado em potes, sacolas, cardápios, uniformes e no site.

Meu papel
Identidade de marca
Status do projeto
Identidade de marca · Acervo do Figma
Uma tigela de massa em 3D, com um garfo girando dentro.
Um objeto 3D feito para este mural.

Uma casa e uma fita de massa na mesma marca

Páginas e mockups de aplicação do manual de identidade original no Figma, marcado como V. 1.

Minha contribuição

Morada quer dizer casa, e a marca leva o nome ao pé da letra: uma casa verde-sálvia com chaminé e uma fita laranja de massa que se enrola lá dentro e transborda por baixo. O manual, marcado como V. 1, traz a marca junto da frase “Onde cada sabor é uma história”.

Mockups das páginas de aplicação do manual da marca, em sequência: potes, sacolas, o cardápio, potes de vidro e o site.
Potes pequenos para viagem com o logotipo da Pasta Morada, sobre creme e sobre laranja.
Os potes pequenos, nos mockups do manual da marca.
Sacolas de papel para delivery sobre fundos creme, amarelo, rosa e verde-sálvia.
Sacolas de delivery: o nome, grande e cortado, envolve o papel.

Uma assinatura larga, com espaço em volta

Na assinatura completa, o símbolo fica à esquerda do nome, com Pasta em verde-sálvia e Morada em laranja, e assim as duas palavras repetem as cores da casa e da massa. O slide Whitespace define uma margem livre de um terço da altura do logo, acima e abaixo dele.

Cardápio impresso com o logotipo grande, nas mãos de alguém à mesa.
O cardápio leva o mesmo logotipo grande para a mesa.
Bandejas e caixas para viagem com o logotipo.
Bandejas e caixas.

O nome envolve a embalagem

Nas embalagens para viagem, o logotipo cresce até ser cortado pelas bordas. Pasta em verde-sálvia e Morada em laranja dão a volta nos potes, nas sacolas de delivery e nas bandejas, e assim o nome continua legível mesmo quando só uma parte dele fica de frente para o cliente.

Estas peças são mockups das páginas de aplicação do manual. Mostram como a marca se comporta, não são fotos de peças produzidas.

Potes de vidro com rótulos da marca em uma bancada de cozinha, e um mockup de pote em laranja.
Potes de vidro para a prateleira.
Camisa polo laranja com o logo pequeno no peito.
O uniforme da equipe.

Mais discreta à mesa

Quanto mais perto da refeição, menor a marca. O cardápio mantém o logotipo grande, enquanto a polo da equipe e os pratos usam só um logo pequeno, e a direção de fotografia deixa a massa como protagonista.

Prato branco com logo discreto, sobre fundo laranja.
No prato, a marca fica em segundo plano.
Direção de fotografia: formatos de massa, massa sendo aberta e mesas compartilhadas, com a marca por cima.
Direção de fotografia do manual.

A mesma frase na tela

O manual fecha as aplicações com o site no tablet e no celular, sob a frase “Onde cada sabor é uma história”.

Mockups do site da Pasta Morada no tablet e no celular.
O site, nas aplicações do manual.
Slide com o título Logo - Whitespace: o logo horizontal dentro de uma caixa de altura A, com setas que marcam uma margem livre de A/3 acima e abaixo dele.
Área de respiro em volta da assinatura: um terço da altura dela.