Slide 1

Slide 1 text

© Crisp Code inc. Brand Guidelines ブランドガイドライン Crisp Code inc.

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

Examples of Logo ロゴマークの表示例 © Crisp Code inc. ブランドガイドライン 15

Slide 16

Slide 16 text

ロゴマークの表示例 © Crisp Code inc. ブランドガイドライン 16 Crisp Codeのロゴマークは、シンボル マークとタイプロゴ、シンボルマーク 単体でも使用いただけます。表示した い箇所に応じて臨機応変に調整をして ください。

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

Contact お問い合わせ先 © Crisp Code inc. ブランドガイドライン 18

Slide 19

Slide 19 text

© Crisp Code inc. ブランドガイドライン 19 050 6872 7635 平日 10:00-18:00 (土日祝除く) [email protected] https://crispcode.co.jp 弊社に制作・お見積りのご依頼、ご相談をお考えの方は、下記よりご連絡お待ちしております。 制作をご依頼いただく場合

Slide 20

Slide 20 text

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