🪷 The Mark
Full logo — mark + wordmark + tagline · 533×255 · 透明底
Mark 單體 — 深色底上花瓣紫自帶對比
🔍 Anatomy 構成解剖
| Element | Rule | |
|---|---|---|
| 1 | Magnolia mark 木蘭花標 | 永遠在字標上方偏右；可單獨使用（favicon、載入動畫、浮水印） |
| 2 | Wordmark 手寫字標 | 不可重新排版或換字型 — 它是手寫的，不是字體 |
| 3 | Tagline AI, Art, Craft, Imagination | 只與完整 logo 同時出現，不單獨使用 |
🎨 Color Spec 取樣自原始檔
🎬 Motion Personality
動態隱喻：花瓣綻放 → 手寫字流出 → 副標浮現 — 像同一隻手先畫花、再簽名。總長 2000ms。
Bloom 0–800ms
Draw-on 400–1500ms
Fade 1300–1800
Settle
0ms500100015002000ms
--p2m-ease-bloom: cubic-bezier(0.34, 1.56, 0.64, 1); /* 花瓣 overshoot */
--p2m-ease-draw: cubic-bezier(0.65, 0, 0.35, 1); /* 字標 draw-on */
--p2m-ease-fade: cubic-bezier(0.4, 0, 0.2, 1); /* 副標 fade-up */
--p2m-duration: 2000ms;
實際動態：線稿逐筆描繪 → 上色 → 手寫字標（Tegaki 引擎）→ 副標浮現，可調速重播
⚖️ Usage Rules
✅ Do
- 淺色紙感底（#F0F0F0–#FBF7F4）上使用完整 logo
- 花標單獨用於 favicon、載入動畫、浮水印（≤10% 透明度）
- 動態出場遵循 bloom → draw → fade 順序
- 深色底：字標反白，花朵保持原色
❌ Don't
- 改變花與字標的相對位置或比例
- 字標換字型、重打字 — 手寫件不可重排
- 花瓣改色 — 品牌紫三階是身分，不是主題色
- 加陰影、外框、漸層底盤
- 動畫超過 2000ms 或用誇張彈跳