礁のなかの、ひと株
丸い先端の六本のストロークと、ひとつの円。かたちも、決まりごとも、私たちのファイルが一つも無くても描き直せる一文も、このページに全部あります。
起源 · 進化の道のり
この珊瑚は、ただの珊瑚ではありません。一面の礁から、呼吸する一株のマークまで四段階 — 完成形には feelreef の頭文字が隠れています。
- ① 図と地の反転 · REEF を隠す 文字遊び：一面の礁のネガスペースに REEF の四文字が隠れています。
- ② 最大の一株を取り出す ·「r」 いちばん大きく、いちばん直立した一株が先頭の r。詰まりすぎて小さいと潰れるので、要点へ収束させます。
- ③ 手描きの草稿 ここで六本の筆の姿勢が決まります：短く太い U、「r」の肩、右へ伸びる小さな叉。
- ④ ベクター確定 · f ＋ r の融合 f ＝まっすぐな幹 · r ＝右の枝と叉 — 無限に拡大縮小でき、動かせます。
図と地の REEF（最大の一株を「r」に）から、現在の f＋r の融合へ — 文字はつねに形の中に潜んでいて、どれも「私は文字だ」と叫び出しません。気づけばイースターエッグ、気づかなくても、ただ美しい珊瑚です。
どう組み立てられているか
- 幹 · 1本
- 冠 · U 字二枚
- 腕 · 1本
- 枝＋叉 · 2本
- viewBox 100×100
- r = 46
- stroke = 11
- pathLength = 100
- ½ branch · ⅔ arm
一本の幹、二つに分かれた冠、左下へ伸びる腕、右へ伸びる枝とその上の小さな叉。すべてのストロークは同じ太さです。均一であること自体がこのマークの性格なので、どこか一部だけ太くしたり細くしたりはしません。
ファイルではなく、レシピ
長く生きる紋様は、ファイルではなく言葉で受け継がれます。家紋が六百年もの手彫りに耐えたのは、写しを配ったからではなく「どういうものか」を伝えたからです。だからこの珊瑚にも脱出口があります。一文あれば、ファイルも業者も私たちも無しで、株ごと描き直せます。
円の中に珊瑚を一株。幹はまっすぐ立ち、上で短く丸い二枚に分かれます。半ばで右へ枝を伸ばし、その枝の上に小さな叉が天を指す。三分の二の高さで左へ腕が垂れ、鉤のように丸まる。三つの弁はすべて同じ弧から。全部で六本、同じ太さ、丸い先端。
- ½ branch
- ⅔ arm
- ⅐ crown
- ×3 母弧 ×3
千年生き延びた紋様のうち、アーカイブで生き延びたものは一つもありません。生き延びたのは「一文で全部を描き直せるレシピ」です。これは五つ目の形ではありません。形は上のもののまま、変わるのは伝わり方です。
正直に言えば、千年もつと保証された形を設計できる人はいません。設計できるのは伝わり方です。シェルの貝殻は百年で八回描き直されて死ななかったし、家紋は六百年、無数の職人の手で彫られても崩れなかった。どちらも「不変量＋描き直しの許可」に支えられています。ここでの不変量は位相（六本の関係）、分数比（½・⅔・⅐）、母弧一本。それ以外は各世代が解釈し直してよい。そして「より千年もつように」と腕や叉を落とすことは拒みます — それは名もなき木になってしまう。千年生きた紋様はすべて「固有かつ再現可能」であって、「最小」ではありません。そしてこれは、そのまま feelreef の遺伝子です：ロゴ自身が脱出艇を持っている — ファイルも要らず、私たちが生きている必要もなく、一文で持って行けます。
コンテナと余白
珊瑚は枠の中央に置かれ、四方に均等な余白をとります。正円が主要なコンテナで、アプリアイコンの場面ではスーパー楕円（squircle）が代役を務めます。
珊瑚はコンテナ内で中央に置き、82% に縮小して余白をとります。シルエット自体は変わりません。正円は SNS のアイコンや円形の場面に、スーパー楕円（rx ≈ 34）は iOS や実機のアプリアイコンに。
シルエットは一つ、塗りは数種
シルエットは一ミリも動きません。変わるのは塗りの層だけです。上段は日常のデジタル用の公式四種、下段は紙面と特殊な載体用。
日常のデジタル — 公式の四種
紙面と特殊な載体
すべて SVG グラデーションで実装。シルエットとストロークのパスは不変で、変わるのは stroke が参照するグラデーションだけ — 動く版もグラデーションだけが動き、形は動きません。グラデーションは一度に一種類、カラー版のみ。正片（白い円に濃い珊瑚、原稿の向き）は紙面用、日常のデジタルは必ずオーシャンのバッジ。モノクロは黒と白の二つだけ。
ロゴタイプ
つねに小文字、つねに Young Serif、つねにバッジの横へ、バッジ直径のおよそ三分の一のアキで。公式は三種：生長グラデーションが主推、暗い地には珊瑚サンセット、白抜きはグラデーションの帯に乗せます。
字標のグラデーションは background-clip:text で、向きはバッジと同じ（左が深海 → 右が珊瑚）。余白・字形・バッジの比率は基本のまま固定です。グラデーション字標はカラーの場面のみ。正式な文書、本文、小さい寸法では必ず単色の字標に戻します。
REEF with X · モジュール命名システム
どのモジュールも「REEF with X」ファミリーの一員です。珊瑚も REEF も接続詞も同じで、変わるのは末尾の機能名とその専用色だけ。Stripe の SKU の接頭辞でもあるので、feelreef の一部だと一目でわかります。
RiseEmergeEvolveFlourish — REEF の語源であり、このシリーズの命名の由来。
各ロックアップは一色です — 珊瑚バッジ、REEF、機能名がそのモジュールの色を共有し、`with` だけがグレーのまま。無料の入口 Card は緑、中核の Site はオーシャン、課金の Checkout／Members は緑と珊瑚、AI の二人組 GAIDO／KAITO はどちらも紫。バッジと REEF は常に同色なので、ロックアップが一つの物として読めます。
使いかた
四方に最低でもストローク一本分（バッジ直径の約 12%）の余白を。その中には文字も figure も枠も置きません。
バッジは 20px まで（favicon に使えるサイズ）。字形単体は 14px まで。印刷では 6mm。
- 影やグラデーションを足さない
- 押しつぶさない・引き伸ばさない
- コントラストの低い配色にしない
- 回転させない（揺れは例外）
動きは三種類
登場 · 一度 · 1.8s · ease-out · 生長の順に待機 · ループ · 3.2–4.4s · ease-in-out読み込み／AI 思考 · ループ · 3.6s · ease-in-out通則：動きは一度に一種類だけ。動かすのは transform と dashoffset のみで、シルエットのパスは決して変えません。枝ごとの動きは必ず関節を軸に、生長の順（幹 → 左腕 → 右枝 → 冠と叉）で位相をずらします。prefers-reduced-motion では必ず完全な静止形で止めます。
ファイル
SVG が四つ、どうぞご自由に。オーシャンのバッジ、印章や単色印刷用のモノクロ版、周囲の文字色を継ぐ字形単体、そしてアプリアイコン用のスクワークル。
ベクター
ビットマップ
SVG を受け付けない場所のために — GitHub や Slack のアイコン、npm パッケージ、アプリの掲載など。四角版がフルブリードなのは意図的です：これらのサービスは自分で切り抜いて角を丸めるので、円が入った透過 PNG は円の中に円ができてしまいます。
