# Logo

Le bouton sur papier : le symbole de Feitio, qui vit seul dans un favicon de 16px et, là où il y a de la place, prend la parole à côté de lui.

## Le symbole

Un bouton de vêtement, cousu avec une croix orange sur papier. Le bouton vient du nom : feitio est la façon dont un vêtement est fait à la main. La croix est la règle de nos icônes, deux traits qui se croisent. L'ombre dure est du papier soulevé. Et l'orange n'apparaît qu'une fois, là où cela compte.

1.  **Rim :** deux arcs qui se croisent, jamais un cercle parfait.
2.  **Inner rim :** le relief du bouton ; il disparaît aux petites tailles.
3.  **Holes :** quatre petits crochets, dans le même trait ; ils disparaissent aussi quand c'est petit.
4.  **Cross stitch :** le fil orange, deux traits. La seule couleur du marque est l'orange.
5.  **Ombre dure :** papier soulevé, en dessous et vers la droite.

## Tailles

À partir de 48px, le trait complet. En dessous, l'encoche devient plus épaisse et les bords intérieurs ainsi que les trous disparaissent, afin que le bouton reste lisible dans l'onglet du navigateur.

483216

De jour

483216

Nuit

## Avec le mot

Lorsqu'il y a de la place, le symbole prend "Feitio" à côté, dans la plus lourde police Alegreya Sans. Le symbole est un peu plus haut que les majuscules et se trouve `space-3` du mot.

Feitio

De jour

Feitio

Nuit

## Espace clair

Autour de l'icône, un espace clair correspondant à la moitié de la hauteur du symbole, sans texte ni bordure. La ligne pointillée en dessous montre cet espace ; il ne fait pas partie de l'icône.

## Règles

Do

L'icône telle qu'elle est, dans les couleurs du thème.

Don’t

Roté et recolorié : elle n'est plus Feitio.

-   Jamais le X orange seul, hors du bouton : seul, il devient un "fermer".
-   Jamais étiré, roté, recolorié, contourné ou avec des effets.
-   Sur les façades extérieures, le logo Feitio n'apparaît pas : la marque appartient au client.

## Fichiers

Les SVGs changent de jour à nuit d'eux-mêmes, suivant le mode du système. Les PNGs sont la version jour.

-   [![](/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">
```
