Un corail, tiré de tout un récif
Six traits à bouts ronds, un cercle. Cette page contient tout : la forme, les règles, et la phrase qu'il vous faudrait pour la redessiner sans aucun de nos fichiers.
Comment il est construit
Une tige, une couronne à deux lobes, un bras qui descend vers la gauche, une branche vers la droite avec un petit ergot au-dessus. Tous les traits partagent une seule largeur — cette régularité EST le caractère de la marque, donc aucune partie n'est jamais épaissie ou amincie séparément.
- Tige · 1
- Couronne · 2 lobes
- Bras · 1
- Branche + ergot · 2
- viewBox 100×100
- r = 46
- stroke = 11
- pathLength = 100
- ½ branch · ⅔ arm
Origine · son évolution
Ce corail n'est pas qu'un corail. Quatre étapes, d'un pan de récif entier jusqu'à une marque unique qui respire — et la forme finale cache les initiales mêmes de feelreef.
- ①
Inversion figure-fond · REEF caché à l'intérieur Un jeu de lettres : les quatre lettres de REEF se cachent dans l'espace négatif de tout un pan de récif. - ②
On prend le plus grand polype ·「r」 Le polype le plus grand et le plus droit devient le « r » de tête. Trop chargé — il se brouille aux petites tailles, donc il converge vers l'essentiel. - ③
Étude dessinée à la main C'est ici que se fixent les postures des six traits : le U court et trapu, l'épaule du « r », le petit ergot pointant vers la droite. - ④ Version vectorielle finale · fusion f ＋ r f = la tige droite · r = la branche droite et son ergot — redimensionnable à l'infini, et capable de bouger.
D'un REEF en figure-fond (le plus grand polype pris comme « r ») jusqu'à la fusion actuelle f＋r — les lettres se cachent toujours dans la forme, et aucune ne surgit en criant « je suis une lettre ». Le repérer est un easter egg ; le manquer ne laisse qu'un joli corail.
Une silhouette, plusieurs remplissages
La silhouette ne bouge pas d'un millimètre — seule la couche de remplissage change. La rangée du haut regroupe les quatre habillages officiels pour le numérique au quotidien ; celle du bas est réservée au papier et aux supports spéciaux.
Numérique du quotidien — les quatre habillages officiels
Papier et supports spéciaux
Conteneur et espace de respiration
Le corail est centré dans son cadre, avec un espace de respiration régulier de tous les côtés. Le cercle parfait est le conteneur principal ; le squircle le remplace partout où une icône d'app est requise.
Le logotype
Toujours en minuscules, toujours en Young Serif, toujours à côté du badge avec un espace d'environ un tiers du diamètre du badge. Trois habillages officiels : le dégradé de croissance en tête, le corail coucher de soleil pour les fonds sombres, et la version détourée posée sur une bande de dégradé.
REEF with X · le système de nommage des modules
Chaque module appartient à la famille « REEF with X » — le même corail, le même REEF, le même mot de liaison. Seuls le nom de la capacité à la fin et sa couleur propre changent.
RiseEmergeEvolveFlourish — d'où vient REEF, et d'où cette série tire son nom.
Chaque lockup n'a qu'une seule couleur — le badge corail, REEF et le nom de la capacité partagent la couleur propre du module, seul « with » reste gris. Le point d'entrée gratuit Card est vert, le cœur Site est océan, le duo payant Checkout / Members est vert et corail, et le duo IA GAIDO / KAITO sont tous deux violets. Le badge et REEF ont toujours la même couleur, c'est pourquoi un lockup se lit comme un seul objet.
Une recette, pas un fichier
Les emblèmes qui durent se transmettent comme des instructions, pas comme des fichiers — un blason familial survit à six siècles de sculpture à la main parce qu'on disait aux sculpteurs ce qu'il était, sans leur envoyer de copie. Ce corail a donc lui aussi sa propre trappe de secours : une phrase reconstruit toute la plante, sans fichier, sans prestataire, et sans nous.
Un corail dans un cercle : une tige se dresse droite au centre, se divisant en haut en deux lobes courts et arrondis. À mi-hauteur, une branche s'étend vers la droite avec un petit ergot pointant vers le ciel ; aux deux tiers de la hauteur, un bras retombe vers la gauche, recourbé comme un crochet. Les trois lobes naissent tous du même arc. Six traits en tout, largeur égale, bouts ronds.
- ½ branch
- ⅔ arm
- ⅐ crown
- ×3 un arc mère ×3
Aucun des emblèmes qui ont survécu mille ans ne l'a fait en étant archivé — ils ont survécu en étant une phrase à partir de laquelle n'importe qui pouvait tout reconstruire. Ce n'est pas une cinquième forme : la forme est celle du dessus. Ce qui change, c'est le support par lequel elle voyage.
Pour être honnête : personne ne peut concevoir une forme garantie de durer mille ans — ce qu'on peut concevoir, c'est la façon dont elle voyage. Le logo coquillage de Shell a été redessiné huit fois en un siècle sans mourir ; les blasons familiaux ont été gravés à la main par d'innombrables artisans pendant six cents ans sans se perdre eux-mêmes. Les deux reposaient sur la même chose : un invariant, plus la permission de redessiner. Ici, l'invariant est la topologie (comment les six traits se relient), les proportions fractionnaires (½・⅔・⅐), et un arc mère ; tout le reste, chaque génération est libre de le réinterpréter. Et nous refusons de retirer le bras ou la ramille pour être « plus intemporel » — cela en ferait un arbre anonyme. Les emblèmes qui ont duré mille ans sont tous distinctifs ET reconstructibles, pas minimaux. Ce qui, opportunément, est exactement la génétique propre de feelreef : le logo porte sa propre trappe de secours — il n'a besoin d'aucun fichier, ni que nous soyons en vie ; une phrase suffit à l'emporter avec vous.
Comment l'utiliser
- Pas d'ombres, pas de dégradés ajoutés
- Ne jamais l'écraser ou l'étirer
- Pas d'associations à faible contraste
- Ne pas le faire pivoter (l'oscillation fait exception)
Il bouge de trois façons
entrée · une fois · 1,8 s · ease-out · dans l'ordre de croissanceinactif · boucle · 3,2–4,4 s · ease-in-outchargement / IA en réflexion · boucle · 3,6 s · ease-in-outLes fichiers
Quatre SVG, à vous d'en profiter : le badge océan, une version monochrome pour tampons et impression une couleur, le glyphe seul qui prend la couleur du texte environnant, et un squircle pour les icônes d'app.
Vectoriel
Bitmap
Pour tout ce qui n'accepte pas le SVG — un avatar GitHub ou Slack, un paquet npm, une fiche d'app. La version carrée est volontairement en plein cadre : ces services recadrent et arrondissent eux-mêmes, donc un PNG transparent avec un cercle dedans finit en cercle dans un cercle.
