もくじ

• デザインに関して
  • カラー
    • 基本
    • 円グラフ
  • ロゴ
  • フォント
  • 画面レイアウト
  • auth 系ページで使われている言語についてのメモ

デザインに関して

カラー

基本

背景カラー:#2F3437

文字色:#F9FFF9

ロゴカラー:#624466

枠・ボタンカラー 1:#4B8996

枠・ボタンカラー 2:#8A8772

円グラフ

tableau.HueCircle19:を基に色の設定

https://nagix.github.io/chartjs-plugin-colorschemes/colorchart.html

[‘#1BA3C6’, ‘#2CB5C0’,’#30BCAD’,’#21B087’,’#33A65C’,’#57A337’,’#A2B627’,’#D5BB21’,’#F8B620’,’#F89217’,’#F06719’,’#E03426’,’#F64971’,’#FC719E’,’#EB73B3’,’#CE69BE’,’#A26DC2’,’#7873C0’,’#4F7CBA’]

ロゴ

フォント

• 本文

  “Helvetica Neue”, Arial, “Hiragino Kaku Gothic ProN”, “Hiragino Sans”, Meiryo, sans-serif;

• その他の文字

  Kiwi Maru

• ロゴ

  しょかきリン片

  鉄瓶ゴシック

画面レイアウト

Figma に記載(非公開)

auth 系ページで使われている言語についてのメモ

• オガム文字
• ルーン文字
• 古イタリア文字
• ゴート文字
• デズレット文字
• オスマニャ文字
• 古チュルク文字
• リュキア文字
• カリア文字
• ウガリット文字
• 古ペルシア文字
• シャヴィアン文字
• キュプロス音節文字
• アラム文字
• フェニキア文字
• リュディア文字
• カローシュティー文字
• 碑文パルティア文字
• 碑文パフラヴィー文字
• ブラーフミー文字
• ヒエログリフ
• 楔形文字

下記を参考に文字選定を行いました。 https://ja.wikibooks.org/wiki/%E5%88%A9%E7%94%A8%E8%80%85:%E3%82%A2%E3%83%A9%E3%83%93%E3%82%A2%E8%AA%9E%E3%81%A1%E3%82%83%E3%82%93%E3%81%AD%E3%82%8B/Windows_10_%E3%81%A7%E8%A1%A8%E7%A4%BA%E7%A2%BA%E8%AA%8D%E3%81%97%E3%81%9F%E3%83%A6%E3%83%8B%E3%82%B3%E3%83%BC%E3%83%89%E3%81%AE%E5%8F%A4%E4%BB%A3%E6%96%87%E5%AD%97