Bloopi
Brand guidelines · v1

Bloopi.
Le logo, en clair.

Un carré violet, un geste à l'intérieur. C'est tout. Ce document explique comment l'utiliser, où, et surtout : comment ne pas le casser.

Version
1.0
Couleur
#7033FF
Format
SVG · PNG
01 · Concept

Un paraphe dans un carré.

Bloopi gère des baux, des mandats, des paiements — des engagements qui se signent. Le mark reprend ce geste : un trait fluide, posé, qui se termine net. Pas de maison, pas de toit, pas de clé. Juste une signature.

Le mark92 × 92
Construction3 ancres · 2 courbes
bloopi.
Le wordmarkGeist 600 · point #7033ff
02 · Variantes

Quatre versions, une seule marque.

Choisir selon le fond. Sur fond clair : primary. Sur violet : inverted. En une seule couleur (impression mono, deboss, gravure) : mono. En version « light » sans le carré (très petit ou très chargé) : bare.

Primarymark-primary
Invertedmark-inverted
Monochromemark-mono
Baremark-bare
03 · Lockups

Mark + nom : horizontal et vertical.

Pour les en-têtes, signatures email, supports imprimés. La hauteur du mark = hauteur de la x-height + ascender du wordmark. Espacement fixe : 20px entre mark et wordmark à 80px de mark.

bloopi.
Lockup horizontalen-têtes, web, email
bloopi.
Lockup verticalapp stores, posters
bloopi.
Lockup · fond sombrele wordmark passe en blanc
bloopi.
Lockup · fond brandtout en blanc, point opacifié
04 · Tailles & exports

Du favicon 16px à l'icône 1024px.

Le mark est dessiné pour rester net à toutes les échelles. Taille minimum : 16px en favicon, 24px en interface. En-dessous, utiliser mark-bare.

16favicon
32favicon hi
64UI
128avatar
256card
512PWA
05 · Couleur

Une seule, et c'est elle.

Le mark n'a qu'une couleur : #7033FF. Pas de gradient. Pas de variation. Si le contexte ne permet pas le violet, passer en monochrome avec la couleur du texte ambiant — jamais inventer une autre teinte.

Bloopi violet#7033FF
Texte / mono#18181B
Surface claire#FAFAFA
Violet soft (fond)#F5F1FF
06 · Zone de protection & specs

Laissez-le respirer.

Zone de réserve autour du mark : minimum ¼ de sa hauteur. Aucun élément, texte ou bord ne doit empiéter dessus.

Zone de protection≥ 0.25 × h
viewBox0 0 92 92
rect rx22
rect inset6 px
stroke7 px · round caps
pathM 22 60 C 32 36 44 30…
fill#7033FF
stroke col#FAFAFA
Specs techniquesSVG source
07 · Ce qu'on ne fait pas

Sept choses à ne jamais faire.

Le mark est simple ; c'est ce qui le rend reconnaissable. Le casser, c'est perdre la marque.

NON
Pas de dégradé. Le violet est plat, pur.
NON
Pas d'autre couleur que #7033FF.
NON
Pas de rotation. Toujours d'aplomb.
NON
Pas d'étirement. Toujours carré.
NON
Pas d'ombre portée appliquée au mark.
NON
Pas de contour ajouté. Le carré est plein.
NONB
Pas de lettre à la place du paraphe.
OUI
Le mark, tel qu'il est. C'est tout.
08 · Fichiers livrés

Tout est dans /branding.

SVG pour le web et l'impression vectorielle ; PNG aux tailles standards pour les contextes raster.

SVG · /branding/svg/
mark-primarysquircle violet + paraphe blanc
mark-invertedsquircle blanc + paraphe violet
mark-monoune seule couleur (currentColor)
mark-bareparaphe seul, sans carré
faviconidentique à mark-primary
lockup-horizontalmark + bloopi.
lockup-verticalmark au-dessus de bloopi.
lockup-h-darkversion fond sombre
app-icon-iosfull-bleed, iOS applique le radius
app-icon-maskablesafe area pour Android
PNG · /branding/png/
mark-16.pngfavicon
mark-32.pngfavicon retina
mark-48.pngUI
mark-64.pngUI retina
mark-128.pngavatar
mark-192.pngPWA
mark-256.pngcard
mark-512.pngOG image base
apple-touch-icon180 · iOS home screen
app-icon-1024App Store · Play Store
Bloopi · Brand guidelines v1 · 2026
#7033FF