Charte graphique

Logo

Cinq barres d’onde sonore, dont deux en bleu : la voix qui devient texte. Le mot est tracé en Geist SemiBold ; les fichiers SVG n’ont besoin d’aucune police.

Five sound-wave bars, two of them blue: a voice turning into text. The word is set in Geist SemiBold; the SVG files need no font.

Espace et taille

Garde autour du logo un espace libre égal à la moitié de la hauteur du signe. En dessous de ces tailles, il devient illisible.

Keep clear space around the logo equal to half the mark’s height. Below these sizes it stops being legible.

zone libre = ½ hauteur du signe

À éviter

Le logo s’utilise tel quel. Pour un fond qui ne convient à aucune version, pose le signe sur sa tuile.

Use the logo as is. If no version suits a background, place the mark on its tile.

Ne pas l’étirer ni le déformer.

Ne pas le faire pivoter.

Ne pas changer ses couleurs.

Pas sur un fond chargé.

Couleurs

Une encre presque noire, un papier gris clair et un seul bleu. Clique une couleur pour copier son code.

A near-black ink, a light gray paper and a single blue. Click a color to copy its code.

Typographie

Geist pour les titres et l’interface, Geist Mono pour les minutages, les chiffres et le code. Deux polices libres (licence OFL), auto-hébergées.

Geist for headings and interface, Geist Mono for timestamps, numbers and code. Two free fonts (OFL license), self-hosted.

Télécharger Geist

Icônes

Phosphor, graisse Regular, à 15–22 px, dans la couleur du texte. Le bleu seulement pour un état actif.

Phosphor, Regular weight, at 15–22 px, in the text color. Blue only for an active state.

Nom et ton

Clipscrit s’écrit en un mot, avec seulement le C en majuscule. On tutoie, on dit ce qui se passe, sans jargon.

Clipscrit is one word, with only the C capitalized. We speak plainly and say what happens, without jargon.