BIM! · Bonheur ici et maintenantVersion du 27 octobre 2026
Identité de marque
Le logo de BIM! est l'écriture de Jonathan : « bim », en gris très foncé. Seul, ou avec la phrase BONHEUR ICI ET MAINTENANT. Chaque projet le signe avec un rond et un point du i de couleur. Cette page rassemble sa construction, ses versions, ses couleurs et ses règles.
01
La construction
Du feutre de Jonathan au logo : l'écriture photographiée, son contour retracé, puis les proportions.
1 · L'écriture de Jonathan
La photo d'origine, au feutre sur papier quadrillé.
2 · Le tracé
Le contour suit le bord réel de l'encre, lissé, sans tremblement : 0,9 px d'écart moyen avec la photo, 90 % des points à moins de 1,8 px.
3 · Les lettres et le point du i
Le point du i garde la place et la taille de la maquette d'origine : un peu plus bas que dans l'écriture, agrandi × 1,46.
4 · Les proportions
Un seul axe : le rond, quand il est là, est centré sur le point du i. La phrase est en capitales, Jost Regular, approche 0,26 em (l'espace ajouté entre les lettres), centrée sous « bim », dans la même couleur que « bim ». L = largeur de « bim », H = sa hauteur.
02
Le logo
« bim » en gris très foncé, sans ou avec la phrase.
Sans la phrase
« bim », l'écriture de Jonathan, en gris très foncé.
Avec la phrase
BONHEUR ICI ET MAINTENANT, en Jost Regular, sous « bim ».
03
Sur les fonds
Gris très foncé sur fond clair, crème sur fond sombre. Sur une photo, le logo se pose dans une zone calme et assez contrastée.
Fond blanc
gris très foncé
Fond noir
crème
Photo claire
gris très foncé, dans le ciel orange
Photo foncée
crème, photo assombrie de 25 %
Sans la phrase
Avec la phrase
#222222 sur blanc : 15,9:1
crème #F6F2EA sur noir #141414 : 16,5:1
Mesuré sous le logo : « bim » 9,8:1 en moyenne, la phrase 7,6:1.
Mesuré sous le logo : « bim » 8,9:1 en moyenne ; la phrase 7,2:1, et au moins 3:1 sur 90 % de sa surface (sans assombrir : 2,4:1).
04
Par projet
Chaque projet ajoute un rond et un point du i de couleur, centrés l'un sur l'autre. Les lettres restent en gris très foncé.
L'application de méditation
Rond citron, point du i pervenche
Lettres sur le rond : 12,93:1 · point sur le rond : 4,22:1.
L'icône de l'app
Fond crème, sans la phrase : la fiche de l'App Store et l'écran d'accueil disent déjà ce qu'est BIM!.
Le podcast
Rond bleu doux, point du i citron
Lettres sur le rond : 4,96:1 · point sur le rond : 2,61:1.
Exemple : la pochette (carrée)
Avec la phrase quand la pochette circule seule (partage, affiche) ; sans, dans les applis de podcast, où le titre et la description l'accompagnent.
05
Les couleurs
Pervenche
#5563CC
RVB 85, 99, 204 rond · point du i sur le citron et le menthe crème dessus : 4,7:1
Bleu doux
#7D8EC5
RVB 125, 142, 197 rond du podcast gris très foncé dessus : 5,0:1
Rose
#FF5C8A
RVB 255, 92, 138 rond gris très foncé dessus : 5,4:1
Citron
#E3F24A
RVB 227, 242, 74 rond de l'app · point du i sur les autres ronds gris très foncé dessus : 12,9:1
Menthe
#3DDC97
RVB 61, 220, 151 rond gris très foncé dessus : 9,0:1
Orange
#FFA23A
RVB 255, 162, 58 rond gris très foncé dessus : 7,9:1
Gris très foncé
#222222
RVB 34, 34, 34 « bim » et la phrase sur blanc : 15,9:1
Crème
#F6F2EA
RVB 246, 242, 234 « bim » sur fond sombre sur noir : 16,5:1
Noir
#141414
RVB 20, 20, 20 fond sombre
Blanc
#FFFFFF
RVB 255, 255, 255 fond clair
Valeurs sRGB, pour l'écran. Le gris très foncé (#222222) garde au moins 3:1 sur toutes les couleurs du rond, y compris le pervenche (3,1:1) ; le gris plus clair de la bannière d'origine (#3A3A3A) n'y fait que 2,2:1.
06
Les déclinaisons du rond et du point du i
Une déclinaison par couleur : point du i citron sur les ronds bleus, rose et orange ; pervenche sur le citron et le menthe. Chacune sans et avec la phrase.
rond pervenche · point citron point / rond : 4,22:1 · lettres / rond : 3,1:1avec la phrase
rond bleu doux · point citronpodcast point / rond : 2,61:1 · lettres / rond : 5,0:1avec la phrase
rond rose · point citron point / rond : 2,39:1 · lettres / rond : 5,4:1avec la phrase
rond citron · point pervencheapp point / rond : 4,22:1 · lettres / rond : 12,9:1avec la phrase
rond menthe · point pervenche point / rond : 2,94:1 · lettres / rond : 9,0:1avec la phrase
rond orange · point citron point / rond : 1,63:1 · lettres / rond : 7,9:1
en noir et blanc, le point se distingue peu
avec la phrase
07
L'application sur iPhone
La version de l'application de méditation : rond citron, point du i pervenche.
BIM!
Recherche
9:41
L'icône sur l'écran d'accueil
Rond citron, point pervenche, fond crème. Le nom de l'app est écrit dessous : pas de phrase dans l'icône.
Des méditations guidées, à écouter selon ce que tu vis.
Commencer
J’ai déjà un compte
9:41
L'ouverture
Le logo seul sur fond crème uni : le texte dessous explique.
Mardi 27 octobre
Bonjour Léa
Trois minutes pour revenir à toi
Respiration guidée · 3 min
Comment ça va ?
Stress
Peur
Confiance
Relations
Sommeil
Continuer
Apprivoiser la peur
Jour 3 sur 7 · 10 min
Accueil
Parcours
Émotions
Moi
Respirer avant une réunion
2:14 · en pause
9:41
L'accueil
Le quadrillé seulement dans la carte du jour, derrière le rond citron et son point.
Respiration
Inspire…
Respirer avant une réunion
Méditation guidée · 6 min
2:14−3:46
9:41
Le lecteur
Fond crème uni. Le rond respire : il grandit à l'inspiration, rapetisse à l'expiration.
Maquettes, contenu fictif. Interface iOS 27 : textes en SF Pro et New York (les polices système d'Apple), boutons en pervenche.
08
Avec le quadrillage
Le quadrillé du carnet, essayé en fond sur plusieurs usages.
Bannière (3:1), comme la section BIM! du site
Lignes #C8C4BE : 1,55:1 sur le fond. Le site a déjà un fond quadrillé sur cette section. Logo seul : le texte autour explique.
avec
sans
L'icône de l'app
À 60 pt, une ligne du quadrillé fait 0,21 pt : elle disparaît presque.
Post carré (app)
Lignes #C8C4BE : 1,55:1 sur le fond.
Pochette du podcast
Lignes #C8C4BE : 1,55:1 sur le fond.
Fond citron
Lignes #B9C43F : 1,55:1 sur le fond.
Fond noir
Lignes #383836 : 1,57:1 sur le fond.
C'est un jugement, pas une mesure. Le quadrillé est un fond, pas une partie du logo : il marche en grand, quand on voit plusieurs carreaux (site, posts, pochette, écrans de l'app), et rappelle le carnet de Jonathan. En petit, il disparaît (l'icône sur l'écran d'accueil) ; sur une photo, il s'ajoute au bruit de l'image : à éviter. Le quadrillé est calé sur le point du i : une ligne verticale passe par le point.
09
La phrase : quand l'ajouter
La règle. Si un texte, une légende ou le contexte dit déjà ce qu'est BIM!, le logo va seul. Sinon, quand le logo doit se présenter tout seul, on ajoute BONHEUR ICI ET MAINTENANT.
Avec un texte qui explique : le logo seul
Exemples : le site, l'appli, la fiche de l'App Store, la bio d'un réseau social, un article qui présente BIM!.
Le logo seul face au public : avec la phrase
Exemples : une affiche, un autocollant, une carte, la fin d'une vidéo, une pochette.
10
L'animation
L'application · 2,00 s
Des disques de couleur partent du centre, là où tombera le point du i : menthe, pervenche, rose, orange. Le citron, lancé en dernier, recouvre tout et devient le rond ; puis le point du i pervenche apparaît.
0,10 s : premier disque · 0,91 s : tout citron · 1,26 s : le rond est posé · 1,28 à 1,54 s : le point du i · jusqu'à 2,00 s : le logo seul.
C'est l'animation du site lesantiseches.pages.dev (logo-bim-anime.webp : 36 images, 2,00 s, vérifié) ; elle s'y joue une fois, puis se fige sur le logo. Ici, en boucle.
