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

最終更新日 : 2023/11/16

株式会社Crisp Codeのブランドガイドラインです。

このブランドガイドラインでは、Crisp Codeを対外的に表現する際の基準や原則を掲載しております。シンボルマーク、ロゴタイプの取り扱いは当ガイドラインに則って使用していただきますようお願い致します。

Crisp Code inc.
https://crispcode.co.jp

Transcript

1. © Crisp Code inc. Brand Guidelines ブランドガイドライン Crisp Code inc.
2. お問い合わせ先 ロゴマークの表示例 ロゴマークのレギュレーション ロゴマークとコンセプト ブランド ガイドラインとは 目次 © Crisp Code inc. ブランドガイドライン 2
3. About Brand Guideline ブランド ガイドラインとは © Crisp Code inc. ブランドガイドライン 3
4. ブランド ガイドラインとは © Crisp Code inc. ブランドガイドライン 4 ブランド ガイドラインとは、企業、サービスのブランディング 構成、デザイン、および印象を設定するものです。 CI (コーポレートアイデンティティ) を象徴し、社内外でも 一致した企業価値を認識できるようにするための道しるべです。 このガイドラインでは、Crisp Codeを対外的に表現する際の 基準や原則を掲載しております。シンボルマーク、ロゴタイプの 取り扱いは当ガイドラインに則って使用していただきますよう お願い致します。
5. Concept of Logo ロゴマークとコンセプト © Crisp Code inc. ブランドガイドライン 5
6. 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
7. 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°
8. タイポグラフィ © Crisp Code inc. ブランドガイドライン 8 ロゴマークで使用するタイポグラフィ は、C-Symbolの特徴を活かしたデザ インになっています。ゴシック体を ベースにしていますが、角の一方を丸 くすることでシャープで先進的な印象 を持ちつつ、柔軟さや親しみやすさも 表現しています。
9. カラー © 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 はキャプションなどに使用します。
10. Regulation of Logo ロゴマークのレギュレーション © Crisp Code inc. ブランドガイドライン 10
11. ロゴマークのレギュレーション © Crisp Code inc. ブランドガイドライン 11 ロゴマークを他の要素と混同しないよう、ロゴマークの周辺には他の要素が含まれないようにする必要があります。ここで定めるアイソレーション範囲 は最小限の範囲ですので、可能な限り大きな余白を設け、余裕を持って配置してください。 150% 100% 100% 150% 150% 100% 100% 150% ロゴマーク範囲 アイソレーション範囲 シンボルマーク + ロゴタイプ シンボルマークのみ
12. ロゴマークのレギュレーション © Crisp Code inc. ブランドガイドライン 12 Crisp Codeのロゴマークを、Webや印刷物で使用する際の最小サイズを設定しています。ロゴマークを小さく使用する際、ロゴの可読性を担保するため 最小サイズ以上で使用してください。 Web : 80px以上　 印刷 : 5mm以上 Web : 30px 印刷 : 2mm以上 ロゴマーク範囲 シンボルマーク + ロゴタイプ シンボルマークのみ
13. ロゴマークのレギュレーション © Crisp Code inc. ブランドガイドライン 13 Crisp Codeのロゴマークは、メインカラーパターンを優先的に利用することを推奨します。印刷や使用用途の制限がある場合などは、反転カラー、 単色など自由に選択することができます。 メインカラーパターン 反転カラーパターン 単色パターン(黒) 単色パターン(白)
14. ロゴマークのレギュレーション © Crisp Code inc. ブランドガイドライン 14 背景色の濃度をグレースケールに置き換え、下記の基準に則って使用するパターンを変更して下さい。濃度が0%〜50%はメインカラーパターン、 濃度が60%〜100%は反転カラーパターンを使用してください。 濃度 0% 濃度 10% 濃度 60% 濃度 20% 濃度 70% 濃度 30% 濃度 80% 濃度 40% 濃度 90% 濃度 50% 濃度 100%
15. Examples of Logo ロゴマークの表示例 © Crisp Code inc. ブランドガイドライン 15
16. ロゴマークの表示例 © Crisp Code inc. ブランドガイドライン 16 Crisp Codeのロゴマークは、シンボル マークとタイプロゴ、シンボルマーク 単体でも使用いただけます。表示した い箇所に応じて臨機応変に調整をして ください。
17. ロゴマークの表示禁止例 © Crisp Code inc. ブランドガイドライン 17 ロゴタイプは正確に、一貫性をもって使用される必要があります。ここに示す誤った表現例のように、認められていない色や形での表示、変更等を行わ ないようにご使用ください。Crisp Codeのロゴマークすべてのパターンに対して、この制限は適用されます。 変形しない 相対サイズを変更しない 視認性が悪い背景に表示しない 間隔、バランスを変えない 配置を変更しない アウトラインで表示しない 斜めにしない 一部を異なるパターンにしない 規定以外の色に変更しない 白フチを加えない Crisp Code 書体を変えない 不適切な解像度で使用しない
18. Contact お問い合わせ先 © Crisp Code inc. ブランドガイドライン 18
19. © Crisp Code inc. ブランドガイドライン 19 050 6872 7635 平日 10:00-18:00 (土日祝除く) contact@crispcode.co.jp https://crispcode.co.jp 弊社に制作・お見積りのご依頼、ご相談をお考えの方は、下記よりご連絡お待ちしております。 制作をご依頼いただく場合
20. © Crisp Code inc. ブランドガイドライン 20