Marque
Le logo invoiso
Chaque variante, en SVG et PNG. Les lettres sont dessinées en tracés plutôt que composées, il n’y a donc aucune police à licencier ni rien à installer — le logotype s’affiche à l’identique dans un navigateur, un PDF et un e-mail. Clic droit, ou les liens sous chaque fichier, pour télécharger.
Couleurs
Trois, et seulement trois, dans le visuel. #047857 et #10B981 ont été délibérément écartés pour qu’il n’y ait qu’un seul vert de marque sans ambiguïté.
Vert de marque
#059669
Le pli et les traits dans la marque, et chaque accent de marque.
Encre
#0A0A0A
Logotype et contour sur fond clair.
Blanc
#FFFFFF
Logotype et contour sur fond sombre.
Attention
#FE9A00
Un état en attente ou non confirmé. Ce n’est pas une couleur du logo.
Logotype
Le nom complet. Encre sur clair, blanc sur sombre ; les trois variantes monochromes sont pour les tampons, la broderie et l’impression une couleur.
Icône
La marque du document seule, là où le nom est déjà présent ou n’a pas la place.
Icône d’application
512 × 512 avec le rayon d’angle attendu par iOS et Android. Le vert est le choix par défaut ; le noir et le blanc sont pour les contextes qui fournissent leur propre fond.
Favicon
Dessiné séparément en 32 × 32, pas réduit : le contour se referme autour du pli et les traits passent à 0,65× l’épaisseur du contour, ce qui le garde lisible à 16 px.
Verrouillage
Marque au-dessus du nom, pour un espace à peu près carré — une photo de profil, un mur de sponsors, l’en-tête d’une lettre.
Typographie, et comment tout cela est fabriqué
- Le logotype
- Pas une police. Des lettres géométriques monolinéaires dessinées en tracés — une seule graisse de trait partout, un seul rayon d’angle pour chaque courbe.
- Tout le reste
- Geist Sans pour le texte d’interface et Geist Mono pour les chiffres, toutes deux sous licence libre. Les titres utilisent la police display de l’application.
- Zone de protection
- Intégrée à chaque fichier — 10 unités autour du logotype, 12 autour de l’icône. Placez-les bord à bord et l’espacement est juste.
- Les modifier
- L’ensemble est généré par un seul script : une modification de la géométrie réécrit les quinze fichiers de manière cohérente. Ne modifiez pas un SVG à la main ; il sera écrasé.