Crisp Code inc. ブランドガイドライン

Slide 1

Slide 1 text

Slide 2

Slide 2 text

お問い合わせ先ロゴマークの表示例ロゴマークのレギュレーションロゴマークとコンセプトブランドガイドラインとは目次 © Crisp Code inc. ブランドガイドライン 2

Slide 3

Slide 3 text

About Brand Guideline ブランドガイドラインとは © Crisp Code inc. ブランドガイドライン 3

Slide 4

Slide 4 text

ブランドガイドラインとは © Crisp Code inc. ブランドガイドライン 4 ブランドガイドラインとは、企業、サービスのブランディング構成、デザイン、および印象を設定するものです。 CI (コーポレートアイデンティティ) を象徴し、社内外でも一致した企業価値を認識できるようにするための道しるべです。このガイドラインでは、Crisp Codeを対外的に表現する際の基準や原則を掲載しております。シンボルマーク、ロゴタイプの取り扱いは当ガイドラインに則って使用していただきますようお願い致します。

Slide 5

Slide 5 text

Concept of Logo ロゴマークとコンセプト © Crisp Code inc. ブランドガイドライン 5

Slide 6

Slide 6 text

Crisp Codeのロゴマーク © Crisp Code inc. ブランドガイドライン 6 2017年創業当時より使用されているCrisp Codeのロゴマークは、左側の「シンボルマーク」と右側の「ロゴタイプ」で構成されています。横組みを基本形とし、表示スペースに応じて「シンボルマーク」のみ表示する場合があります。「ロゴタイプ」はゴシック体をベースにしており、縦に長くシャープなフォルムで先進的なイメージを表現しています。Crisp Code の C, I, D はHTML言語内で使用する “< / >”に置き換えることで、ウェブ制作会社であることを表しています。シンボルマークロゴタイプ 100 100 * 0.618033= 61.8033 61.8033 * 0.618033= 38.1964

Slide 7

Slide 7 text

C-Symbol と C-Line © Crisp Code inc. ブランドガイドライン 7 C-Symbolはロゴマークで最も印象的な要素で、視覚言語として繰り返し使用されます。C-Symbolはシャープで先進的な印象を持ちつつ、一部丸みを帯びた角を使用することで、柔軟さや親しみやすさも表現しています。 C-Cymbolの斜線角度がC-Lineです。 C-Lineは私たちがミッションを実現するために前進するモチベーションを表しています。 0.45 C-Line C-Cymbol 0.55 -18.65° 71.35°

Slide 8

Slide 8 text

タイポグラフィ © Crisp Code inc. ブランドガイドライン 8 ロゴマークで使用するタイポグラフィは、C-Symbolの特徴を活かしたデザインになっています。ゴシック体をベースにしていますが、角の一方を丸くすることでシャープで先進的な印象を持ちつつ、柔軟さや親しみやすさも表現しています。

Slide 9

Slide 9 text

カラー © Crisp Code inc. ブランドガイドライン 9 Hex RGB CMYK #072793 7 39 147 95 73 0 42 Kotani Blue Hex RGB CMYK #937307 147 115 7 0 22 95 42 Gold Hex RGB CMYK #333333 51 51 51 0 0 0 80 Black Hex RGB CMYK #6E7793 110 119 147 25 19 0 42 Gray Crisp Codeのロゴマークは、青 (Kotani Blue)と黒 (Black)の2色が基本色です。必ず指定されたカラーコードを利用してください。青 (Kotani Blue)は代表小谷の生年月日 (1993年7月27日 → #930727)から由来しています。 Blackは反転カラーとして使用し、 Goldはアクセントカラーとして、Gray はキャプションなどに使用します。

Slide 10

Slide 10 text

Regulation of Logo ロゴマークのレギュレーション © Crisp Code inc. ブランドガイドライン 10

Slide 11

Slide 11 text

ロゴマークのレギュレーション © Crisp Code inc. ブランドガイドライン 11 ロゴマークを他の要素と混同しないよう、ロゴマークの周辺には他の要素が含まれないようにする必要があります。ここで定めるアイソレーション範囲は最小限の範囲ですので、可能な限り大きな余白を設け、余裕を持って配置してください。 150% 100% 100% 150% 150% 100% 100% 150% ロゴマーク範囲アイソレーション範囲シンボルマーク + ロゴタイプシンボルマークのみ

Slide 12

Slide 12 text

ロゴマークのレギュレーション © Crisp Code inc. ブランドガイドライン 12 Crisp Codeのロゴマークを、Webや印刷物で使用する際の最小サイズを設定しています。ロゴマークを小さく使用する際、ロゴの可読性を担保するため最小サイズ以上で使用してください。 Web : 80px以上　印刷 : 5mm以上 Web : 30px 印刷 : 2mm以上ロゴマーク範囲シンボルマーク + ロゴタイプシンボルマークのみ

Slide 13

Slide 13 text

ロゴマークのレギュレーション © Crisp Code inc. ブランドガイドライン 13 Crisp Codeのロゴマークは、メインカラーパターンを優先的に利用することを推奨します。印刷や使用用途の制限がある場合などは、反転カラー、単色など自由に選択することができます。メインカラーパターン反転カラーパターン単色パターン(黒) 単色パターン(白)

Slide 14

Slide 14 text

ロゴマークのレギュレーション © Crisp Code inc. ブランドガイドライン 14 背景色の濃度をグレースケールに置き換え、下記の基準に則って使用するパターンを変更して下さい。濃度が0%〜50%はメインカラーパターン、濃度が60%〜100%は反転カラーパターンを使用してください。濃度 0% 濃度 10% 濃度 60% 濃度 20% 濃度 70% 濃度 30% 濃度 80% 濃度 40% 濃度 90% 濃度 50% 濃度 100%

Slide 15

Slide 15 text

Slide 16

Slide 16 text

Slide 17

Slide 17 text

ロゴマークの表示禁止例 © Crisp Code inc. ブランドガイドライン 17 ロゴタイプは正確に、一貫性をもって使用される必要があります。ここに示す誤った表現例のように、認められていない色や形での表示、変更等を行わないようにご使用ください。Crisp Codeのロゴマークすべてのパターンに対して、この制限は適用されます。変形しない相対サイズを変更しない視認性が悪い背景に表示しない間隔、バランスを変えない配置を変更しないアウトラインで表示しない斜めにしない一部を異なるパターンにしない規定以外の色に変更しない白フチを加えない Crisp Code 書体を変えない不適切な解像度で使用しない