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.
En esta página
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.
- Rim: dos arcos que se cruzan, nunca un círculo perfecto.
- Borde interior: el relieve del botón; desaparece en tamaños pequeños.
- Huecos: cuatro ganchos cortos, en el mismo trazo; también desaparecen cuando son pequeños.
- Punto cruzado: el hilo naranja, dos trazos. El único color de la marca es naranja.
- 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.
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.
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.svgSVG · The full mark, for 48px and up
feitio-favicon.svgSVG · The favicon, with the night version inside
feitio-512.png512px · For app stores and social
feitio-180.png180px · The iPhone and iPad icon
feitio-48.png48px · 48px favicon
feitio-32.png32px · 32px favicon
feitio-16.png16px · 16px favicon
<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">