ブランド
アサキリの名前、ロゴ、カラー、書体を使うためのかんたんなリファレンスです。コントリビュートする方や、アサキリの上に何かをつくる方は、まずここから。
ロゴ
アサキリのマークは、黄色い太陽に照らされた緑のしずくです。名前の由来である朝霧を表しています。角丸のタイルの上に置き、まわりに余白をとり、IBM Plex Sansで組んだワードマークと組み合わせて使ってください。色を変えたり、回転させたり、描き直したりしないでください。
ロゴをダウンロードカラー
ペーパーの上のグリーン。ブランドグリーンはアクセントやアクション、インクは文字、ペーパーは背景に使います。カラーは基準となるOKLCHで定義しています。参考のためにHEXも記載しています。
Brand
#006435
oklch(0.44 0.115 155)
Brand hover
#005325
oklch(0.38 0.115 155)
Brand ink
#F4FAF6
oklch(0.98 0.008 155)
Accent
#E4C23B
oklch(0.82 0.15 94)
Accent subtle
#FAECB2
oklch(0.94 0.075 96)
Accent text
#573900
oklch(0.37 0.09 82)
Ink
#141D17
oklch(0.22 0.018 155)
Ink 2
#455048
oklch(0.42 0.02 155)
Muted
#4B564E
oklch(0.44 0.018 155)
Paper
#FAFAF6
oklch(0.985 0.006 105)
Paper 2
#F3F2EB
oklch(0.96 0.01 105)
Rule
#E3E3DF
oklch(0.915 0.006 105)
Focus
#004818
oklch(0.34 0.12 155)
タイポグラフィ
書体は2つ。あたたかみのあるセリフ体、Newsreaderが見出しとディスプレイを、IBM Plex Sansが本文とインターフェースを担います。日本語では、Noto Serif JPとNoto Sans JPと組み合わせ、環境に応じて明朝体・ゴシック体のシステムフォントにフォールバックします。
Aa あ
Newsreader
Noto Serif JP日本語
ディスプレイ・見出し
Aa あ
IBM Plex Sans
Noto Sans JP日本語
本文・インターフェース
トーン
静かで、平易に
シンプルに書きます。専門用語や誇張よりも、短くまっすぐな文を選びます。
売り込まず、説明する
相手の時間と知性を尊重します。私たちは教え、そして教える人を助けるためにいます。
ひかえめなあたたかさ
少しの人間味は歓迎です。感嘆符の前に、まずは抑制を。
名前の使い方
「アサキリ(朝霧)」は、朝に立ちこめる霧のこと。英語表記の「Asakiri」は大文字のAで始まる一語で、プロジェクトとツールキットの両方の名前です。
推奨
- 英語では大文字のAで「Asakiri」と書く。
- 葉っぱのマークとワードマークは、提供されたまま使う。
- プロジェクトに言及するときは asakiri.com にリンクする。
非推奨
- ロゴのスタイルや色を変えたり、描き直したりする。
- 名前やロゴを、推薦や提携を示唆するために使う。
- マークを引き伸ばす、回転させる、効果を加える。