Eine Koralle, aus einem ganzen Riff
Sechs Striche mit runden Enden, ein Kreis. Diese Seite ist alles davon — die Form, die Regeln und der Satz, den du bräuchtest, um sie ohne eine einzige unserer Dateien neu zu zeichnen.
Wie sie aufgebaut ist
Ein Stamm, eine zweilappige Krone, ein nach links unten reichender Arm, ein nach rechts reichender Zweig mit kleinem Ausläufer darüber. Alle Striche teilen sich eine Breite — diese Gleichmäßigkeit IST der Charakter dieses Zeichens, daher wird nie ein Teil für sich verdickt oder verdünnt.
- Stamm · 1
- Krone · 2 Lappen
- Arm · 1
- Zweig + Ausläufer · 2
- viewBox 100×100
- r = 46
- stroke = 11
- pathLength = 100
- ½ branch · ⅔ arm
Ursprung · wie sie sich entwickelte
Diese Koralle ist nicht nur eine Koralle. Vier Schritte, von einem ganzen Riffgesicht bis zu einem einzigen atmenden Zeichen — und die fertige Form versteckt feelreefs eigene Initialen.
- ①
Figur-Grund-Umkehr · REEF versteckt sich darin Ein Buchstabenspiel: Die vier Buchstaben von REEF verstecken sich im Negativraum eines ganzen Riffgesichts. - ②
Den größten Polypen nehmen ·「r」 Der größte, aufrechteste Polyp ist das führende r. Zu voll — bei kleinen Größen verschwimmt es, also konvergiert es hin zum Wesentlichen. - ③
Handgezeichnete Studie Hier entstehen die Haltungen der sechs Striche: das kurze, dicke U, die Schulter des „r“, der kleine, nach rechts weisende Ausläufer. - ④ Vektor-Reinzeichnung · f ＋ r verschmolzen f = der aufrechte Stamm · r = der rechte Zweig mit Ausläufer — grenzenlos skalierbar und beweglich.
Von einem Figur-Grund-REEF (der größte Polyp als „r“) bis zur heutigen Verschmelzung von f＋r — die Buchstaben verstecken sich immer in der Form, und keiner springt heraus und ruft „ich bin ein Buchstabe“. Es zu entdecken ist ein Easter Egg; es zu übersehen lässt einem einfach eine schöne Koralle.
Eine Silhouette, mehrere Füllungen
Die Silhouette bewegt sich keinen Millimeter — nur die Füllebene ändert sich. Die obere Reihe sind die vier offiziellen Varianten für den digitalen Alltag; die untere ist für Papier und besondere Oberflächen.
Digitaler Alltag — die vier offiziellen Varianten
Papier und besondere Oberflächen
Container und Freiraum
Die Koralle steht zentriert in ihrem Rahmen, mit gleichmäßigem Freiraum ringsum. Der echte Kreis ist der Hauptcontainer; der Squircle springt überall dort ein, wo ein App-Icon gebraucht wird.
Das Wortzeichen
Immer klein geschrieben, immer Young Serif, immer neben dem Badge mit einem Abstand von etwa einem Drittel des Badge-Durchmessers. Drei offizielle Varianten: der Wachstumsverlauf führt, der Korallen-Sonnenuntergang ist für dunkle Untergründe, und die freigestellte Version reitet auf einem Verlaufsband.
REEF with X · das Modul-Namenssystem
Jedes Modul gehört zur Familie „REEF with X“ — dieselbe Koralle, dasselbe REEF, dasselbe Bindewort. Nur der Funktionsname am Ende und seine eigene Farbe ändern sich.
RiseEmergeEvolveFlourish — woher REEF kommt und woher diese Reihe ihren Namen hat.
Jedes Lockup ist einfarbig — Korallen-Badge, REEF und der Funktionsname teilen sich die eigene Farbe des Moduls, nur „with“ bleibt grau. Der kostenlose Einstieg Card ist grün, der Kern Site ist ozeanblau, das Zahlungspaar Checkout / Members ist grün und korallenrot, und das KI-Duo GAIDO / KAITO sind beide violett. Badge und REEF haben immer dieselbe Farbe — deshalb liest sich ein Lockup als ein einziges Objekt.
Ein Rezept, keine Datei
Zeichen, die überdauern, werden als Anleitung weitergegeben, nicht als Datei — ein Familienwappen übersteht sechs Jahrhunderte Handschnitzerei, weil den Schnitzern gesagt wurde, was es ist, statt ihnen eine Kopie zu schicken. Deshalb hat auch diese Koralle ihre eigene Rettungsluke: Ein Satz baut die ganze Pflanze neu auf, ganz ohne Datei, ohne Anbieter und ohne uns.
Eine Koralle in einem Kreis: Ein Stamm steht aufrecht in der Mitte und teilt sich oben in zwei kurze, runde Lappen. Auf halber Höhe reicht ein Zweig nach rechts, mit einem kleinen Ausläufer, der himmelwärts zeigt; auf zwei Dritteln Höhe hängt ein Arm nach links, gebogen wie ein Haken. Alle drei Lappen entspringen demselben Bogen. Sechs Striche insgesamt, gleiche Breite, runde Enden.
- ½ branch
- ⅔ arm
- ⅐ crown
- ×3 ein Mutterbogen ×3
Keines der Wahrzeichen, die tausend Jahre überdauerten, tat das, weil es archiviert wurde — sie überdauerten, weil sie ein Satz waren, aus dem jeder das Ganze neu aufbauen konnte. Das ist keine fünfte Form: Die Form ist die obige. Was sich ändert, ist das Medium, in dem sie reist.
Ehrlich gesagt: Niemand kann eine Form entwerfen, die garantiert tausend Jahre hält — was man entwerfen kann, ist, wie sie weitergegeben wird. Shells Muschellogo wurde in einem Jahrhundert acht Mal neu gezeichnet, ohne zu sterben; Familienwappen wurden sechshundert Jahre lang von unzähligen Handwerkern von Hand geschnitzt, ohne sich selbst zu verlieren. Beide stützten sich auf dasselbe: eine Invariante plus die Erlaubnis, neu zu zeichnen. Hier ist die Invariante die Topologie (wie sich die sechs Striche zueinander verhalten), die Bruchverhältnisse (½・⅔・⅐) und ein Mutterbogen; alles andere darf jede Generation neu interpretieren. Und wir weigern uns, den Arm oder den Zweig wegzulassen, nur um „zeitloser“ zu wirken — das würde sie zu einem namenlosen Baum machen. Die Zeichen, die tausend Jahre überdauerten, sind alle unverwechselbar UND rekonstruierbar, nicht minimal. Und das ist praktischerweise genau feelreefs eigene Genetik: Das Logo trägt seine eigene Rettungsluke — es braucht keine Datei und braucht uns nicht am Leben; ein Satz nimmt es mit.
So wird sie verwendet
- Keine Schatten, keine zusätzlichen Verläufe
- Niemals stauchen oder strecken
- Keine kontrastarmen Farbpaarungen
- Nicht drehen (das Wiegen ist die einzige Ausnahme)
Sie bewegt sich auf drei Arten
Einstieg · einmalig · 1,8 s · ease-out · in WachstumsreihenfolgeLeerlauf · Schleife · 3,2–4,4 s · ease-in-outLaden / KI denkt · Schleife · 3,6 s · ease-in-outDie Dateien
Vier SVGs, und sie gehören dir: das Ocean-Badge, eine Mono-Version für Stempel und Einfarbdruck, das reine Zeichen, das die Farbe des umgebenden Texts übernimmt, und ein Squircle für App-Icons.
Vektor
Bitmap
Für überall dort, wo kein SVG akzeptiert wird — ein GitHub- oder Slack-Avatar, ein npm-Paket, ein App-Eintrag. Die quadratische Version ist bewusst randabfallend: Diese Dienste beschneiden und runden selbst, sodass ein transparentes PNG mit einem Kreis darin am Ende als Kreis im Kreis endet.
