Brand book · Édition 2026

La marque Giovanny Engamba

Comment le logo est construit, comment l’utiliser — et comment ne pas le faire. Les couleurs, leur dosage, la typographie et le ton.

02

La construction

Tracée sur la grille d’Illustrator, l’icône ne contient que des cercles : cinq cercles concentriques autour d’un seul centre, coupés par une ligne d’horizon.

Chorizon8,9112,4100,4276,9365,250,25
  1. Un centre, une horizonTout part du point C. L’horizontale qui le traverse sépare le ciel de la terre.
  2. Deux arcs pour l’œilL’arc du haut (r 100,4) et celui du bas (r 76,9), en traits presque égaux : 24 et 23.
  3. La paupièreUne couronne de r 65,2 à 49,9, arrêtée 8,9 au-dessus de l’horizon : c’est l’œil qui s’ouvre.
  4. Le soleilUn demi-disque de r 50,25, posé sous l’horizon, en jaune #FFCC01.
03

Les bons usages

Un fond uni et assez d’air autour. La zone de protection vaut la hauteur du soleil ; en dessous de 96 px de large à l’écran (25 mm imprimé), on passe à l’icône seule.

Sur blancLa version de référence.
Sur gris clairLe fond des pages du site.
Version claire sur fond sombreBandes sombres, vidéos, affiches.
Sur photo, avec un voileUn voile sombre uni sous le logo clair.

Zone de protection. Aucun texte, aucune image ne rentre dans le cadre pointillé : un espace égal à la hauteur du soleil, sur les quatre côtés.

04

Les mauvais usages

Ce qu’on voit le plus souvent, et qui abîme la marque.

Ne pas déformerNi étirer ni écraser : les proportions sont fixes.
Ne pas inclinerLe logo reste à l’horizontale, comme son horizon.
Ne pas recolorerLe soleil est jaune, l’œil est noir. Toujours.
Pas d’effetsNi ombre portée, ni contour, ni dégradé.
Pas sur un fond chargéSans voile, le logo se perd dans l’image.
Pas de contraste faibleLe logo noir ne se pose pas sur du sombre.
05

Les couleurs

Une base neutre, gris clair et blanc, et l’encre pour le texte. Le jaune est une ponctuation : il attire l’œil parce qu’il est rare.

Jaune Gio#F2B600RVB 242 182 0Boutons et accents — jamais en aplat de fond
Jaune de soleil#FFCC01RVB 255 204 1Le soleil du logo
Encre#1B1405RVB 27 20 5Textes et logo sur fond clair
Gris clair#F6F6F4RVB 246 246 244Fond des pages
Blanc#FFFFFFRVB 255 255 255Cartes, boutons secondaires, documents
Gris texte#6B6A66RVB 107 106 102Textes secondaires
Nuit#141414RVB 20 20 20Bandes sombres et version claire du logo

Le dosage

06

La typographie

Deux familles, pas une de plus. Une sérif pour la voix, une linéale pour la lecture.

Aa

Sangmelima Serif

Titres et citations. Regular, Bold et Italic — l’italique met un mot en valeur.

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
éèêàçœ « » — 0123456789

Aa

SF Pro Display

Texte courant, boutons, interfaces. À défaut, la police système de l’appareil.

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
éèêàçœ « » — 0123456789

Titre de pageJe conçois
Titre de sectionUn savoir-faire
Sous-titrePlusieurs univers
Texte courant

Des applications, des sites web, des logiciels, des vidéos, de l’idée à la mise en ligne.

07

Le ton

« Tu veux un site qui vend ? »

On tutoie

Partout sur le site, les e-mails et les réseaux. Seules les pages légales vouvoient.

« +50 projets livrés. »

Court et concret

Une idée par phrase. Des faits, des chiffres, des exemples — pas de superlatifs.

« Je vis en 2050. »

Tourné vers demain

On parle de ce qu’on construit, pas de ce qu’on promet.

08

Les composants

Des formes arrondies, des bordures fines, des ombres douces. Un seul bouton jaune par écran : l’action principale.

Action principaleSecondaire
Sur fond sombre
CarteFond blanc, bordure #E4E4E0, rayon 20 px, ombre douce.

Nous utilisons les cookies pour améliorer ton expérience.