# 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.
## 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.
1. **Borda:** dois arcos que se cruzam, nunca um círculo perfeito.
2. **Borda de dentro:** o relevo do botão; sai nos tamanhos pequenos.
3. **Furos:** quatro ganchos curtos, no mesmo traço; também saem no pequeno.
4. **Ponto de cruz:** a linha laranja, dois traços. O único laranja da marca.
5. **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.
- [**feitio.svg**SVG · A marca completa, para 48px ou mais](/marca/feitio.svg)
- [**feitio-favicon.svg**SVG · O favicon, com a versão noturna dentro](/marca/feitio-favicon.svg)
- [**feitio-512.png**512px · Para lojas de aplicativo e redes](/marca/feitio-512.png)
- [**feitio-180.png**180px · O ícone do iPhone e do iPad](/marca/feitio-180.png)
- [**feitio-48.png**48px · Favicon de 48px](/marca/feitio-48.png)
- [**feitio-32.png**32px · Favicon de 32px](/marca/feitio-32.png)
- [**feitio-16.png**16px · Favicon de 16px](/marca/feitio-16.png)
```html
```