ブランド

アサキリの名前、ロゴ、カラー、書体を使うためのかんたんなリファレンスです。コントリビュートする方や、アサキリの上に何かをつくる方は、まずここから。

ロゴ

カラー

ペーパーの上のグリーン。ブランドグリーンはアクセントやアクション、インクは文字、ペーパーは背景に使います。カラーは基準となる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 にリンクする。

非推奨

  • ロゴのスタイルや色を変えたり、描き直したりする。
  • 名前やロゴを、推薦や提携を示唆するために使う。
  • マークを引き伸ばす、回転させる、効果を加える。