ディテールと演出 · 仕上げの小技
近さで変わる字の太さ可变字重跟随
- 字が呼吸する
- 組版は動かない
- 押し上げられる
ポインタが一行をなぞると、近い文字が太く広くなります。押し上げられるように。離せばまた細くなります。位置・文字サイズ・行の高さはまったく動きません。
使いどころ
大きな見出し、ロゴタイプ、ナビに向きます。本文や表には使わないでください。太さの変化で全体がちらついて見え、読むのが疲れます。
パラメータ
weight 300 → 1000 · width axis 20 → 450 · radius ≈ 220px, linear falloff · per character, every frame · no layout change
レシピ
近さで変わる字の太さ → weight 300 → 1000 @ linear近さで変わる字の太さ → axis 20 → 450
AI に渡す一文
この見出しの各文字をポインタに反応させてください。ポインタまでの距離を測り、約 220px 以内で線形に減衰させ、その値を可変フォントの wght（300→1000）と wdth（20→450）に対応させます。軸だけを変え、文字サイズや行の高さは変えないでください。位置が動くと揺れます。