# Logotipo
El botón de papel: el símbolo de Feitio, que vive solo en un favicon de 16px y, donde hay espacio, toma la palabra al lado.
## El símbolo
Un botón de ropa, cosido con una cruz naranja a mano sobre papel. El botón proviene del nombre: feitio es la forma en que se hace un vestido a mano. La cruz es la regla de nuestros iconos, dos trazos que se cruzan. La sombra dura es papel levantado. Y el naranja solo aparece una vez, donde importa.
1. **Rim:** dos arcos que se cruzan, nunca un círculo perfecto.
2. **Borde interior:** el relieve del botón; desaparece en tamaños pequeños.
3. **Huecos:** cuatro ganchos cortos, en el mismo trazo; también desaparecen cuando son pequeños.
4. **Punto cruzado:** el hilo naranja, dos trazos. El único color de la marca es naranja.
5. **Sombra dura:** papel levantado, abajo y a la derecha.
## Tamaños
Desde 48px hacia arriba, la marca completa. Por debajo, el trazo se vuelve más grueso y desaparecen el borde interior y los agujeros, para que el botón siga siendo legible en la pestaña del navegador.
483216
By day
483216
At night
## With the word
Donde hay espacio, el símbolo toma "Feitio" al lado, en la fuente Alegreya Sans más pesada. El símbolo es un poco más alto que las mayúsculas y se sitúa `space-3` de la palabra.
Feitio
By day
Feitio
At night
## Espacio claro
Alrededor del marcador, espacio claro de la mitad de la altura del símbolo, sin texto ni borde. La línea punteada debajo muestra ese espacio; no forma parte del marcador.
## Reglas
Do
El marcador tal cual, en los colores del tema.
Don’t
Girado y recolorizado: deja de ser Feitio.
- Nunca el X naranja por sí solo, fuera del botón: por sí sola, se convierte en un "cerrar".
- Nunca estirado, rotado, recolorizado, con contorno ni efectos.
- En fachadas exteriores, la marca Feitio no aparece: la marca pertenece al cliente.
## Archivos
Los SVGs cambian de día a noche por sí mismos, siguiendo el modo del sistema. Los PNGs son la versión de día.
- [**feitio.svg**SVG · The full mark, for 48px and up](/marca/feitio.svg)
- [**feitio-favicon.svg**SVG · The favicon, with the night version inside](/marca/feitio-favicon.svg)
- [**feitio-512.png**512px · For app stores and social](/marca/feitio-512.png)
- [**feitio-180.png**180px · The iPhone and iPad icon](/marca/feitio-180.png)
- [**feitio-48.png**48px · 48px favicon](/marca/feitio-48.png)
- [**feitio-32.png**32px · 32px favicon](/marca/feitio-32.png)
- [**feitio-16.png**16px · 16px favicon](/marca/feitio-16.png)
```html
```