IdentitéIdentity
Une épingle, une étiquette de prix.
A pin and a price sticker.
L’épingle de carte dit « c’est ici ». L’étiquette jaune dit « c’est à vendre ». Le point du « i » est une petite étiquette, lui aussi.
The map pin says “it is here”. The yellow sticker says “it is for sale”. The dot on the “i” is a little sticker too.
L’épingle tombe et rebondit, l’étiquette arrive en tournant, les lettres se tracent, le point du « i » se colle. L’animation se joue une fois puis se pose. Avec « réduire les animations », le logo s’affiche directement dans son état final.The pin drops and bounces, the sticker spins in, the letters draw themselves, the dot on the “i” sticks on. The animation plays once and settles. With “reduce motion” on, the logo shows directly in its final state.
Clair, sombre, couleurLight, dark, colour
Petites taillesSmall sizes
Sous 24 px de haut, on utilise l’épingle seule. Le favicon place l’épingle sur un carré vert pour rester lisible dans un onglet.Below 24 px high, use the pin alone. The favicon sets the pin on a green square so it stays legible in a browser tab.
CouleursColours
#0F4D3C#FFD12E#FF5A4E#0E2019#EEF3F1Le symboleThe mark
Une épingle de carte dont la tête est une étiquette de prix ronde, légèrement de travers, comme collée à la main.A map pin whose head is a round price sticker, slightly crooked, as if stuck on by hand.
Le motThe wordmark
Lettres dessinées d’un seul trait arrondi, en bas de casse : amical, lisible, sans dépendre d’une police.Lowercase letters drawn with a single rounded stroke: friendly, legible, and independent of any font.
La typographieTypography
Bricolage Grotesque pour les titres, Atkinson Hyperlegible pour le texte courant.Bricolage Grotesque for headings, Atkinson Hyperlegible for body text.