字ごとに幅と大きさを変えても、縦の線の太さがそろったままの字を組む。可変フォントの「幅」でまず形を広げ・狭め、届かない分だけ伸ばし、伸ばしで変わった縦の線を「太さ」で元に戻す。
SVG=1字1パス(Illustrator・Figma へ)。HABA の SVG を読むと設定ごと戻る/ほかの SVG は下敷きになる。JSON=つまみ全部(字間・狙い・横倒しの語・会社ロゴとして見る も入る)
中はそろえない・外はそろえる。
① 幅と太さは字ごとにばらばらでいい。上と下の線はそろえる(「大きさ」は 100 のまま)
② 幅違いは伸ばさない=この道具が縦の線を戻す。「伸ばし」が大きい字は作字で描き分ける
③ 読む順番は崩さない
④ 欠けた所は小さい語を横倒しにして閉じる(字の高さぴったりに伸び縮みする)
⑤ 黒1色・質感なしで、16px でもその会社だと分かるか
⑥ その形はブランドにとって本当か
字を横に伸ばすと縦の線だけ太くなり、狭めると細くなる。1語の中で縦の線の太さがばらばらだと、引き伸ばした字だと一目で分かる。HABA は、幅の軸で形を変え、届かない分だけ伸ばし、伸ばしで変わった縦の線の太さを測って、太さの軸で元の字の太さに戻す。下の表の「伸ばし」が大きい字ほど、幅の軸だけでは足りていない。比べるときは「線をそろえる:しない」に切り替える。いまのロゴの SVG を読むと、下敷きに敷いて重ねて見られる。