Brand Guidelines

Guide de marque Goomy

Référence unique pour l'usage du logo, des couleurs, de la typographie et des éléments UI. Pensé pour nos partenaires design et collaboration.

Télécharger la charte Contacter Goomy

Pourquoi cette page

Un guide pratique et vivant

Ce guide rassemble les éléments de la charte graphique officielle et les choix visuels réellement utilisés sur le site. En cas d'écart, le site fait foi pour les usages digitaux.

Mise à jour — Mauve

La couleur mauve est désormais utilisée dans l'interface (accents). Elle n'apparaît pas encore dans la charte graphique PDF.

Sources

Charte graphique Goomy (novembre 2025)
Styles et composants actuels du site goomy.ai

Logo

Versions et règles d'usage du logo

Le logo Goomy.ai se compose d'un symbole et d'un mot-symbole. La version horizontale est la version principale.

Variations principales (clair en haut, sombre en bas)

Logo horizontal (avec devise)

Clair

Sombre

Logo horizontal (sans devise)

Clair

Sombre

Icône

Clair

Sombre

Variantes manquantes

Logo vertical — non fourni— Présent dans la charte, mais absent du pack livré. À ajouter dès réception.

Usage recommandé

Logo horizontal: version principale pour site web, documents officiels, supports imprimés.
Logo vertical: version secondaire pour formats étroits (mobile, étiquettes, cartes).
Icône seule: favicons, avatars, petits supports et réseaux sociaux.

Zone de protection

Logo horizontal: 39 mm de marge latérale, 24 mm en haut/bas.
Logo vertical: 16 mm de marge tout autour.

Interdictions

Ne pas déformer le logo.
Ne pas changer l'orientation.
Ne pas ajouter de couleur ou dégradé.
Ne pas modifier la taille des éléments (icône ou texte).
Ne pas ajouter de contour.
Ne rien supprimer au logo.
Ne pas déplacer les formes internes.

Couleurs

Palette officielle et palette actuelle

Palette officielle (charte) + palette réellement utilisée sur le site. Les valeurs ci-dessous sont exprimées en HEX.

Mise à jour — Accent mauve

Accent mauve utilisé pour les CTA et éléments interactifs. À intégrer à la prochaine version de la charte.

Palette officielle (charte)

Eerie Black

Couleur principale du logo

#181819

Charcoal Gray

Couleur secondaire du logo

#414142

Palette du site (actuelle)

BG Primary

--color-bg-primary

#0A0A0A

BG Secondary

--color-bg-secondary

#111111

BG Tertiary

--color-bg-tertiary

#1A1A1A

Border

--color-border

#222222

Accent Mauve

--color-accent

#9333EA

Accent Light

--color-accent-light

#A855F7

Accent Dark

--color-accent-dark

#7E22CE

Typographie

Une signature typographique forte

La marque utilise Galano Grotesk. Le mot-symbole est en Semi Bold. Les textes courants utilisent Regular, avec titres en Medium/Semi Bold selon la hiérarchie.

Regular — textes courants

Medium — sous-titres

Semi Bold — titres et mot-symbole

Bold — accents ponctuels

Galano Grotesk

Nous concevons des expériences numériques claires, fortes et mémorables.

Iconographie & Illustrations

Icônes linéaires, simples, sans remplissage excessif. Style actuel: lucide-react avec traits fins et arrondis. Illustrations minimalistes, contrastées.

Exemples UI