# Logo

Der Knopf auf Papier: Feitios Symbol, das allein in einem 16px-Favicon lebt und, wo Platz ist, das Wort daneben nimmt.

## Das Symbol

Ein Kleidungs-Knopf, mit orangefarbenem Kreuzstich genäht, auf Papier. Der Knopf kommt vom Namen: feitio ist die Art, wie ein Gewebe von Hand gemacht wird. Das Kreuzstich ist die Regel unserer Icons, zwei Striche sich kreuzend. Die harte Schatten ist gehobtes Papier. Und Orange zeigt nur einmal auf, wo es zählt.

1.  **Rim:** zwei Bögen sich kreuzend, nie ein perfekter Kreis.
2.  **Innere Rim:** der Reliefs des Knopfes; sie verschwinden bei kleinen Größen.
3.  **Löcher:** vier kurze Haken, im selben Strich; sie verschwinden auch bei kleinen Größen.
4.  **Kreuzstich:** der orangefarbene Faden, zwei Striche. Das einzige Orange des Zeichens.
5.  **Harter Schatten:** angehobenes Papier, unten und rechts.

## Größen

Ab 48px ist der volle Strich. Darunter wird die Linie dicker, der innere Rand und die Löcher verschwinden, damit die Taste im Browser-Tab lesbar bleibt.

483216

Täglich

483216

Nachts

## Mit dem Wort

Wo Platz vorhanden ist, nimmt das Symbol "Feitio" daneben in der schwersten Alegreya Sans ein. Das Symbol ist etwas höher als die Großbuchstaben und sitzt `space-3` vom Wort entfernt.

Feitio

Täglich

Feitio

Nachts

## Klare Distanz

Um den Strich herum freier Raum von der halben Höhe des Symbols, ohne Text oder Rahmen. Die gestrichelte Linie unten zeigt diesen Raum; sie gehört nicht zum Strich.

## Regeln

Do

Das Zeichen so wie es ist, in den Themefarben.

Don’t

Dreht und umgefärbt: es hört auf, Feitio zu sein.

-   Niemals die orangefarbene X allein, außerhalb der Taste: allein wird sie zu einem "Schließen".
-   Niemals gestreckt, gedreht, umgefärbt, mit Konturen versehen oder mit Effekten.
-   Außenfassaden: Das Feitio-Logo erscheint nicht – die Marke gehört dem Kunden.

## Dateien

Die SVGs wechseln von Tag zu Nacht automatisch und folgen dem Systemmodus. Die PNGs sind die Tagesversion.

-   [![](/marca/feitio.svg)**feitio.svg**SVG · The full mark, for 48px and up](/marca/feitio.svg)
-   [![](/marca/feitio-favicon.svg)**feitio-favicon.svg**SVG · The favicon, with the night version inside](/marca/feitio-favicon.svg)
-   [![](/marca/feitio-512.png)**feitio-512.png**512px · For app stores and social](/marca/feitio-512.png)
-   [![](/marca/feitio-180.png)**feitio-180.png**180px · The iPhone and iPad icon](/marca/feitio-180.png)
-   [![](/marca/feitio-48.png)**feitio-48.png**48px · 48px favicon](/marca/feitio-48.png)
-   [![](/marca/feitio-32.png)**feitio-32.png**32px · 32px favicon](/marca/feitio-32.png)
-   [![](/marca/feitio-16.png)**feitio-16.png**16px · 16px favicon](/marca/feitio-16.png)

```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">
```
