Logo

O botão sobre o papel: o símbolo do Feitio, que vive sozinho num favicon de 16px e, onde houver espaço, ganha a palavra ao lado.

Nesta página

O símbolo

Um botão de roupa, pregado com o ponto de cruz em laranja, sobre o papel. O botão vem do nome: feitio é o jeito de fazer uma roupa à mão. O ponto de cruz é a regra dos nossos ícones, dois traços que se cruzam. A sombra dura é o papel sobreposto. E o laranja aparece uma vez só, onde importa.

Borda: dois arcos que se cruzam, nunca um círculo perfeito.
Borda de dentro: o relevo do botão; sai nos tamanhos pequenos.
Furos: quatro ganchos curtos, no mesmo traço; também saem no pequeno.
Ponto de cruz: a linha laranja, dois traços. O único laranja da marca.
Sombra dura: o papel sobreposto, embaixo e à direita.

Tamanhos

A partir de 48px, a marca completa. Abaixo disso, o traço engrossa e a borda de dentro e os furos saem, para o botão continuar legível na aba do navegador.

483216

De dia

483216

À noite

Com a palavra

Onde houver espaço, o símbolo leva "Feitio" ao lado, na Alegreya Sans mais pesada. O símbolo tem a altura das letras maiúsculas mais um pouco, e fica a space-3 da palavra.

Feitio

De dia

Feitio

À noite

Respiro

Em volta da marca, um espaço livre de metade da altura do símbolo, sem texto nem borda. O tracejado abaixo mostra esse espaço; ele não faz parte da marca.

Regras

Faça assim

A marca como é, nas cores do tema.

Não faça

Girada e com a cor trocada: deixa de ser o Feitio.

Nunca o X laranja sozinho, fora do botão: sozinho, ele vira um "fechar".
Nunca esticada, girada, com outras cores, com contorno ou com efeito.
Nas fachadas de fora, a marca do Feitio não aparece: a marca é do cliente.

Arquivos

Os SVGs trocam de dia para noite sozinhos, pelo modo do sistema. Os PNGs são da versão de dia.

HTML

<link rel="icon" href="feitio-favicon.svg" type="image/svg+xml">
<link rel="icon" href="feitio-32.png" sizes="32x32" type="image/png">
<link rel="apple-touch-icon" href="feitio-180.png">