本文へ移る

アイコンとロゴ ​

アイコン ​

  • 24 px の線画に統一します。線の太さは 1.75、線の色は文字と同じ色(currentColor)です。
  • アイコンは言葉の代わりにしません。 ボタンには必ず言葉を添えます。アイコンだけのボタンを作るときは、読み上げ用の名前を付けます。
  • 飾りのアイコンは読み上げから外します(aria-hidden)。
  • 同じ意味には同じアイコンを使います。
意味アイコン
消すごみ箱
閉じる・やめる×
追加+
保存保存
元に戻す戻る矢印
検索虫めがね
読み直す回る矢印
外のページ外へ出る矢印

暫定

今のアイコンは約 60 個の仮の一式です。新しい一式ができたら、同じ名前のまま中身を差し替えます。外部のアイコン集は読み込まず、必要な分だけを製品に持ちます。

ロゴ ​

  • ロゴの印は、空色・桃・橙・緑を重ねた「和音」の形です。
  • 文字の部分は Jost という書体を線に変えたもので、フォントとしては読み込みません。
  • 印の色を変えたり、印のまわりに飾りを足したり、縦横の比率を変えたりしないでください。
  • 暗い表示では、暗い背景用のロゴを使います。

暫定

今のロゴと色は暫定版です。決まったらこのページを更新します。

デザインと UX の決まりごと