# nika typing — ブランド(トレードマーク) ## 公式マーク(2026-10-09〜): 添付イラストの白線を切り抜いたもの ユーザー提供の手描きイラスト(緑の黒板に白線: ノートPCの後ろから覗く猫、左の3本の動き線、右のマグ)から白線だけを切り抜いた。形・比率・手描きの揺れは元のまま(描き直しなし)。 | ファイル | 用途 | |---|---| | `nika-icon-cutout.svg` | **正本**。ネオンピンク #FF2D95、正方形(余白込み)。アプリアイコン・タイトル | | `nika-icon-cutout-tight.svg` | 余白を詰めた 4:3。ワードマーク横(HUD)用 | | `nika-icon-cutout-small.svg` | 16/32px 用の太線版(同じ輪郭に 5u の縁取り) | | `nika-icon-cutout-white.svg` / `-currentcolor.svg` | 白線版 / 色を CSS で指定する版 | | `nika-icon-cutout-pink.png` / `-white.png` | 透過 PNG 1024² | | `nika-icon-cutout-pink-glow.png` | グロー付き透過 PNG 1024²(暗い地のみ) | | `nika-icon-cutout-pink-on-{teal,dark,white}.png` | 背景付きプレビュー | | `nika-icon-cutout-pink-{16,32,48,64,128}.png`, `nika-icon-cutout-small-{16,32}.png` | 小サイズ書き出し | | `nika-icon-cutout-cleansheet.png` | 元画像 / 白線 / ピンク / グロー / 小サイズ確認の一覧 | ### 切り抜き手順(`cutout-work/`、venv: `../.venv`) 1. `step1.py` — 最小チャンネル値(白線≈250、地≈40)から、地の明るさのムラを推定して引き、ソフトなアルファを作る(マグの塗りも残る)。 2. `step2.py 0.8 0.5` — 小さなゴミ・画像端を除去、鼻の小さな点だけ強調 → 6倍に拡大 → ぼかし(σ=0.8px相当)→ しきい値0.5 → potrace でベクター化。 3. `step3.py` — SVG 書き出し(正方形 / tight / 白 / currentColor)。 4. `step4.py` — Chrome でラスタライズ → ピンク・白・グロー・背景付き PNG。`small.py`、`cleansheet.py` で小サイズと一覧。 - `overlay.py` で元画像の上にトレース結果を重ねて確認できる(`ov-final.png`)。 - 元画像のノートPC中央にあるかすかな点(チョークのにじみ、アルファ約0.1)は省いた。 ## 旧マーク(使わない・比較用に保存) `nika-icon.svg`、`nika-icon-cleansheet*.png`、`nika-icon-pink-*.png`、`nika-icon-before-after.png` — 参考画像を描き直したネオン猫(v3.2 まで)。