Catálogo Fundamentos

Etiquetas

As etiquetas são os distintivos sobre os produtos: «Novo», «Picante», «Vegan». Construímos seis clássicas, cada uma com o seu ícone e as suas cores, para que se vejam num relance.

Etiquetas Distintivos Cores Ícones
2:57 Toque numa marca de tempo para saltar
Todos os pontos do vídeo 5 passos · 2:57

O que vai aprender

  • Criar uma etiqueta com um nome
  • Escolher um ícone do catálogo completo, com a pesquisa
  • As cores de texto, fundo e contorno

Passo a passo

  1. 1

    A página Etiquetas

    Menu da esquerda → Etiquetas. Começa vazia; «Adicionar etiqueta» abre um assistente de quatro passos com uma pré-visualização viva que se redesenha à medida que escreve.

    Passo 1: A página Etiquetas — Etiquetas
  2. 2

    Três cores que se dão bem

    Texto, fundo, contorno. A regra: um fundo suave com um texto mais escuro da mesma família. A pré-visualização mostra exatamente o que vai parar à carta.

    Passo 2: Três cores que se dão bem — Etiquetas
  3. 3

    Um ícone entre milhares

    A pesquisa escava 4.962 ícones. Escreva o que quer dizer e escolha: o ícone certo torna uma etiqueta reconhecível antes mesmo de ser lida.

    Passo 3: Um ícone entre milhares — Etiquetas
  4. 4

    O acerto fino, com o seletor de cor

    Cada pastilha abre um seletor completo — navega-se com o rato ou cola-se um código hexadecimal. Aqui «Sem glúten» experimenta as suas cores, com Vegetariano e Vegan já na lista.

    Passo 4: O acerto fino, com o seletor de cor — Etiquetas
  5. 5

    A sua coleção

    O último passo decide se o nome e o ícone aparecem — «Popular» leva a sua estrela. Seis etiquetas do dia a dia — Novo, Picante, Sem glúten, Vegetariano, Vegan, Popular — chegam para quase todas as cozinhas. Ligadas aos produtos na lição dos Produtos, aparecem sozinhas na carta.

    Passo 5: A sua coleção — Etiquetas

Bom saber

Poucas e constantes: se cada prato leva três distintivos, já nenhum distintivo se destaca.