もっとファッションを自由に楽しもう。GU ならトレンドアイテムがこの価格で。
GU は border-radius: 2px(ほぼ直角)が基本。Pill 型は App Download 等の特殊用途のみ。UNIQLO(radius: 0)よりわずかに角丸。
GU はフラットデザインを基調。影の使用は極めて控えめで、商品カード・ボタンは影なし。
GU は独自の GUNextLight(weight 300)と GUNextRegular(weight 700)の2種類の Web フォントを配信しています。このプレビューでは Inter(Google Fonts, weight 300/700)を代替として使用しています。和文は Noto Sans JP(weight 300/700)で代替しています。
最大の特徴は font-weight 300 が支配的であること。見出し・本文・説明文のすべてが weight 300 で統一され、太字は価格表示(GUNextRegular, 700)と Cookie UI(700)のみに限定されています。この「空気感のある軽やかなタイポグラフィ」が GU のブランドアイデンティティです。
もうひとつの特徴は letter-spacing: 0.015em(0.48px)の全要素グローバル適用。UNIQLO が letter-spacing: normal を基本とするのに対し、GU はすべてのテキスト要素にこの微小なトラッキングを適用しています。この均一な字間が「空気感」を生む鍵になっています。
和文フォールバックは Hiragino Kaku Gothic Pro(ProN ではなく Pro)が最優先。BIZ UDGothic / BIZ UDPGothic が含まれるのは UNIQLO にはない特徴で、UD(ユニバーサルデザイン)フォントへのフォールバックを確保しています。palt / kern は一切使用せず、ベタ組(等幅送り)で統一されています。