カラー
Coddy のカラー
ブランドカラーはひとつ、Coddy Blue。マゼンタは Bugsy のもの。ほかの色はすべてプロダクトの中で意味を持っているので、飾りとしては使いません。
ブランド
名前のあるふたつの色
Coddy Blue はロゴ、Bit、リンク、アクセントに。Bugsy Magenta は Bugsy と AI チューター専用です。
Coddy Blue
唯一のブランドカラー。ロゴ、ワードマーク、Bit、アクセント。
ダーク背景の Coddy Blue
同じ青を、ダーク背景用に明るくしたもの。
Bugsy Magenta
Bugsy と AI チューター機能に。それ以外では使いません。
プロダクト
意味を持つ色
学習者はこれらの色をサインとして読み取ります。オレンジはストリーク、ゴールドはスコア。意味どおりに使ってください。
ストリーク
ストリークの炎と、毎日のストリークの瞬間。
スコア
XP、スコア、コイン、ジェム。
エネルギー
エネルギーの稲妻と1日の上限。
Pro
Coddy Pro とプレミアム機能。
成功
合格したテスト、完了したレッスン、正解。
ハート
ハートとライフ。
連続記録フリーズ
休んだ1日を救う、凍ったストリーク。
インターフェース
ボタンとリンク
Coddy のボタンは濃い影の上にのっていて、タップすると沈み込みます。押してみてください。
ボタンブルー
Web のメインボタン、ライトテーマ。
ボタンの影
ボタンブルーの下の、押し込まれるふち。
ディープブルー
サブボタンとリンク。
ボタンブルー（ダークテーマ）
ダーク背景のメインボタン。
背景
ライトとダーク
すっきりした白か、ごく薄い青。余白をたっぷり、注目点はひとつ。ダークモードはあたたかみのあるチャコールで、真っ黒にはしません。
ホワイト
ライトテーマの背景。
ミスト
ライトでのカードとサブの面。
スカイウォッシュ
ランディングページの薄い青のセクション。
チャコール
ダークテーマの背景。
グラファイト
ダークでのカード。
エディタ
コードエディタの背景。
グラデーション
ふたつの空
Light Sky
ライトでのヒーローセクションと大事な瞬間に。
Dark Sky
同じアイデアの、日が沈んだあと。
読みやすさ
基準をクリアするコントラスト
Coddy Blue は明るくて楽しい青。アートやアクセントにはぴったりですが、小さな白い文字には明るすぎます。よく使う組み合わせのスコアはこちら。
よくある質問
カラーについての質問
Coddy のブランドカラーは何ですか？
Bugsy だけ色がちがうのはなぜですか？
ストリークのオレンジやスコアのゴールドをデザインに使ってもいいですか？
Coddy について書きますか？
会社情報、創業者、プレス窓口はプレスページにまとめています。 プレスキットへ
