表示モード
アイコンとロゴ
アイコン
- 24 px の線画に統一します。線の太さは 1.75、線の色は文字と同じ色(
currentColor)です。 - アイコンは言葉の代わりにしません。 ボタンには必ず言葉を添えます。アイコンだけのボタンを作るときは、読み上げ用の名前を付けます。
- 飾りのアイコンは読み上げから外します(
aria-hidden)。 - 同じ意味には同じアイコンを使います。
| 意味 | アイコン |
|---|---|
| 消す | ごみ箱 |
| 閉じる・やめる | × |
| 追加 | + |
| 保存 | 保存 |
| 元に戻す | 戻る矢印 |
| 検索 | 虫めがね |
| 読み直す | 回る矢印 |
| 外のページ | 外へ出る矢印 |
暫定
今のアイコンは約 60 個の仮の一式です。新しい一式ができたら、同じ名前のまま中身を差し替えます。外部のアイコン集は読み込まず、必要な分だけを製品に持ちます。
ロゴ
- ロゴの印は、空色・桃・橙・緑を重ねた「和音」の形です。
- 文字の部分は Jost という書体を線に変えたもので、フォントとしては読み込みません。
- 印の色を変えたり、印のまわりに飾りを足したり、縦横の比率を変えたりしないでください。
- 暗い表示では、暗い背景用のロゴを使います。
暫定
今のロゴと色は暫定版です。決まったらこのページを更新します。