ブランド・ガイドライン
内部では、当社の中核となるデザイン要素の概要と、これらの要素をさまざまなコミュニケーションに適用する方法に関する基本的なルールをご覧いただけます。
Secure Code Warrior 開発者を鼓舞し、開発者主導のセキュア・コードlearning platform を通じて、私たちの世界を動かすソフトウェアの安全を確保します。
私たちのブランドは、ロゴ、色、フォント以上のものです。私たちがどのように話し、どのように約束を果たすか、そして最終的には顧客と市場が私たちをどのように認識するかです。
Secure Code Warrior 'のビジュアル・アイデンティティの主な要素をここに示します：ロゴ、カラーパレット、タイポグラフィ、イラストレーションとアイコノグラフィのスタイル。このガイドラインに従って一貫して使用することで、これらの要素は、Secure Code Warrior ブランドを増幅させるストーリーと体験を創造するための柔軟なシステムを形成します。
ブランド・プラットフォームは、ブランド戦略の基盤であり、ブランド・アイデア、エモーショナル・インパクト、ポジショニング・ステートメント、ポジショニング・ピラー、オーディエンス定義で構成されています。
ブランド・アイデアは、私たちが支持するものの本質または具体化です。ブランドにエモーショナルな側面を与えます。
エモーショナル・インパクトは、Secure Code Warrior ブランドが人々にどのような感情を抱かせるかによって定義される。ブランド・ポジショニングとは、私たちが顧客の心の中に立ちたいと考える、唯一で、差別化され、関連性のある考え方です。
ポジショニング・ピラーは、Secure Code Warrior についての常勝で、本物の真実です。
私たちのオーディエンスは、包括的なサイコグラフィック・プロフィールによって統一されており、すべてのブランド表現はこのターゲットに共鳴するものでなければなりません。
エモーショナル・インパクトとは、ブランドが人々にどのような感情を抱かせるかによって定義されます。
Secure Code Warriorのエモーショナル・インパクトを構成するこれらの感情は、私たちの行動、言葉、そして私たちが創り出す体験を通じて喚起され、ステークホルダーにブランドとの関係において特定の感情を抱かせることを意図しています。
このような望ましい感情をあらゆるブランド・タッチポイントに流すことで、意味のある一貫したブランド体験を生み出すことができます。
私たちのエモーショナル・インパクトは、現在訴求する必要のあるオーディエンスだけでなく、将来訴求したいオーディエンスにも関連するように設計されています。
ブランド・ナラティブは、ブランド・プラットフォームのすべての要素を統合し、人々の頭と心を打つ簡潔で力強いストーリーを語ります。ブランド・ナラティブは、社内でブランドの理念を共有するために活用することができます。また、社外に向けたコミュニケーションを展開する際にも、この言葉を活用することで、私たちのブランドで人々を鼓舞し、信奉者を生み出すことができるのです。
エモーショナル・インパクトとは、ブランドが人々にどのような感情を抱かせるかによって定義されます。
Secure Code Warriorのエモーショナル・インパクトを構成するこれらの感情は、私たちの行動、言葉、そして私たちが創り出す体験を通じて喚起され、ステークホルダーにブランドとの関係において特定の感情を抱かせることを意図しています。
このような望ましい感情をあらゆるブランド・タッチポイントに流すことで、意味のある一貫したブランド体験を生み出すことができます。
私たちのエモーショナル・インパクトは、現在訴求する必要のあるオーディエンスだけでなく、将来訴求したいオーディエンスにも関連するように設計されています。
堅固な盾のシンボルと特注のロゴタイプを組み合わせたSecure Code Warrior のロゴは、私たちのブランド・システムの主要な構成要素です。以下のページでは、ロゴの使用方法について詳しく説明しています。
私たちのロゴは、あなたに最適な柔軟性を与えるために3つの構成で利用可能です。
バランスのとれたロゴタイプとコンパクトな形状は、ほとんどの用途に適している。可能な限り使用してください。
スワッグなど、横方向のスペースが限られている場合は、この縦長の中央配置を使用する。
ウェブサイトのマストヘッドなど、縦方向のスペースが限られている場合は、この横向きの構成を使うことができる。
Secure Code Warrior のブランド・アイデンティティは、すべての申請書に明確かつ読みやすく表示されなければならない。
最小限のクリアスペースは、タイプ、画像、他のロゴなどの要素が除外ゾーンに入り込み、ロゴの読みやすさやインパクトが損なわれるのを防ぎます。
すべてのロゴ構成において、ロゴの周囲の最小クリアスペースはシールドの幅の半分です。可能であれば、ロゴが呼吸できるようにクリアスペースを多めに取ってください。
最小サイズは、読みやすさを損なうことなくロゴを表示できる最小サイズです。
さらに小さいサイズが必要な場合は、ブランド・チームにご相談ください。
右の例は、避けるべき使用法を示しています。Secure Code Warrior のロゴはカスタムデザインです。ロゴやその要素を変更したり、再作成したりしないでください。必ずロゴのアートワークをそのまま使用してください。
私たちのロゴは、私たちのブランドの主要な表現であり、可能な限り使用されるべきですが、私たちのシンボルは、特定のアプリケーションで単独で使用することができます。
ソーシャルメディアアイコンやファビコンとしてもご利用いただけます。この用途にはゴールドのシンボル・バリエーション（17ページ参照）が適しています。ライトモードでは、ミッドナイトが好ましい背景色です（当社のブランドカラーについては20～24ページをご覧ください）。
私たちのシンボルマークをアパレルやスワッグに使用する場合は、ここに示すように、アイテムの別の面に私たちのフルロゴが添えられていることを確認してください。ピンバッジのような非常に小さなスワッグアイテムには、フルロゴなしでシンボルマークを使用することができます。
このように、文書のヘッダーやフッター（内部ページのみ）に小さなグラフィック要素として当社のシンボルマークを使用することができます。シンボルマークの使用例については、ブランド・アプリケーションのセクションをご覧ください。
クリアスペースとは、テキスト、グラフィック、ボーダー、パターン、他のロゴなど、いかなる視覚的要素も含まないようにしなければならないシンボルを囲む領域のことです。ここに示すのは、シンボルマークに使用すべき最小限のクリアスペースの仕様です。
最小サイズとは、読みやすさを損なうことなくシンボルを表示できる最小のサイズのことです。ここに示すのは、デジタルと印刷の両方で使用する推奨最小サイズです。さらに小さいサイズが必要な場合は、ブランド・チームにご相談ください。
注： このページの最小サイズの展示は、より明確なイラストのために200％の縮尺で表示されています。
私たちのシンボルには、ここに示す3つのカラーバリエーションがあります：ゴールド、ミッドナイト、ホワイト。
この特殊用途のバリエーションは、新聞広告のような白黒の印刷用途や、当社のシンボルを当社のパレット外の色で表示する必要がある共同ブランド用途に使用できます。このバリエーションはスクリーン上やフルカラーの印刷物には使用しないでください。
右記のシンボルマークと背景色の組み合わせは、読みやすく、ブランドにふさわしいものを選んでいます。これらの組み合わせのみを使用してください。カラーパレットについては20-24ページをご覧ください。
Secure Code Warrior のカラーパレットは一新され、一連のブルーを主なカラーアプローチとして昇華させた。ゴールドはまだブランドの主要カラーですが、ロゴとハイライトカラーとして最小限に使用します。アクセントやデータの視覚化のために、明るいセカンダリー・パレットが作られました。使い方は23ページを参照。
Secure Code Warrior カラーは現在のRGB標準とパントン・マッチング・システムに基づいています。これらの色は当社のブランドを表現するために慎重に選ばれたものであり、決して変更してはなりません。
ミッドナイトは通常の黒よりもソフトで、ほのかに青みを含んでいる。デジタル用途では決して黒を使用しないでください-必ずスペース・ブルーを使用してください。パントン・スポットカラーが使用できない印刷用途では、印刷時の見当合わせの問題を避けるため、小さな組版には通常の黒を使用してください。
注：ここで指定されているPantoneおよびCMYKカラーは、コート紙用です。非コート紙への印刷が必要な場合は、当社のブランドチームおよび印刷業者と協力して最適なカラーマッチングを決定してください。
当社のカラーは、ウェブコンテンツ・アクセシビリティ・ガイドライン（WCAG）に照らしてテストされ、さまざまな背景で最適な読みやすさを実現しています。ここに示すのは、WCAG 2.0のAAAおよびAA国際基準に合格した、推奨されるタイポグラフィと背景色の組み合わせです。
このページの「AA Large」指定は、大きなテキストのみに予約されている使用を示します。大きなテキストとは、WCAG標準では14ポイント（通常18.66px）で太字以上、または18ポイント（通常24px）以上と定義されています。
注： 私たちのカラーパレットには、アクセシビリティ基準を満たす色の組み合わせがあります。ただし、これらは私たちのビジュアル・システムの一部ではないので、使用は避けてください。
大きな背景色やカラーブロックには、原色や二次色の暖色や寒色を使用できますが、常に原色を優先してください。ゴールドは常に存在すべきですが、使いすぎは禁物です。デザインにブランド・マジックのタッチを加えるアクセントと考えてください。このような状況では、二次色のニュートラル・カラーの使用は避けましょう。セカンダリーカラーは常にデザインをサポートし、決して支配的であってはなりません。色がぶつかったり、読みやすさを損なったりしないようにしてください。
タイポグラフィ、特に長い文章や本文には、主にミッドナイトかホワイトを使う。他の色はアクセントやデータの視覚化のために使う。常にアクセシビリティ基準に従うこと（前ページ参照）。
イラストとアイコンは原色のみを使用し、特定のカラールールに従っています。29-31ページをご参照ください。
データの視覚化にはどのようなブランドカラーでも使用できますが、原色を優先してください。二次色やグレーは、情報を区別したり、複雑なデータセットを視覚化する場合にのみ使用する。装飾のためだけに色を使うのは避けましょう。
注： 私たちのカラーパレットには、アクセシビリティ基準を満たす色の組み合わせがあります。ただし、これらは私たちのビジュアル・システムの一部ではないので、使用は避けてください。
ここに示した例は、避けるべき色の使い方を示している。
Secure Code Warrior タイポグラフィ・システムは2つのフォントをベースに構築されている：Red Hatと Clash Displayである。
Red HatはMCKLがRed Hat,Inc.のために開発したもので、モダンで幾何学的なサンセリフのデザインが特徴で、すっきりとしたラインと多目的な美しさを持ち、デジタルメディアと印刷メディアの両方に適している。そのストレートでプロフェッショナルな外観は、さまざまなプラットフォームで読みやすさを保証します。Red Hat Monoは等幅のバリエーションで、コードやテクニカルコンテンツに特徴的なオプションを提供し、タイポグラフィシステムを完成させる。
Clash Display は大胆で表現力豊かな書体で、高いコントラストとユニークな字形が際立つ。どこに使っても洗練された華やかさを添える。
これらのフォントを組み合わせることで、機能的かつ視覚的に魅力的な、バランスの取れたまとまりのあるデザイン言語が生まれる。
Clash DisplayとRed Hatは当社の主要なブランドフォントです。
Clash DisplayとRed HatはどちらもGoogle Fontsで無料でダウンロードできます。
注：このページに示されているフォントウェイトのみがSecure Code Warrior ビジュアルシステムで使用されています。他のウェイトの使用は避けてください。
ミッドナイトは通常の黒よりもソフトで、ほのかに青みを含んでいる。デジタル用途では決して黒を使用しないでください-必ずスペース・ブルーを使用してください。パントン・スポットカラーが使用できない印刷用途では、印刷時の見当合わせの問題を避けるため、小さな組版には通常の黒を使用してください。
注：ここで指定されているPantoneおよびCMYKカラーは、コート紙用です。非コート紙への印刷が必要な場合は、当社のブランドチームおよび印刷業者と協力して最適なカラーマッチングを決定してください。
一般に、組版は左揃えにします。プレスリリースのように、業界標準が書式を規定している場合は、異なるジャスティフィケーションを使用することができます。全体を通してメートルカーニングとデフォルトの文字間隔を使用する。完全な文章である見出しには句読点を使用する。イタリックは、タイトルや作品名を示す場合にのみ使用し、本文中の強調には使用しない。
タイポグラフィ・システムの使用例については、ブランド・アプリケーションのセクションを参照のこと。
他の組織と共有文書で共同作業を行う場合、当社のブランドフォントを使用することができない場合があります。
Arial は、ほとんどのコンピュータにあらかじめインストールされている標準的なシステム書体です。
Arial は、電子メールの署名、一部の EDM プラットフォーム、その他システムフォントのみが許可されているチャネルなど、Red Hat を使用できないその他の状況でも使用できます。
イラストレーションは、ブランド・コミュニケーションにストーリー性を持たせる効果的な方法である。
、Secure Code Warrior イラストレーション・スタイルは、直線的なインフォグラフィック・スタイルで、一貫した線の太さを利用したビジュアル・ストーリーテリングです。カラーの背景に配置する場合、イラストの一部のコンポーネントを白で塗りつぶすと、視覚的なインパクトが増します。パレットの背景色にイラストを配置する際、柔軟性を持たせるため、色はミッドナイトラインと白の塗りつぶしに限定しています。一貫性と明瞭さを保つため、イラスト内で他の色を使用することは避けてください。イラストを拡大または縮小する場合は、イラストの視覚的な整合性とスタイルを維持するために、線の太さが比例して調整されていることを確認してください。印刷用途では、線の太さは最低0.5ptにしてください。
注： 読みやすさと視覚的な一貫性を保つため、ミッドナイトやサファイアの背景にイラストを配置することは避けてください。
Secure Code Warrior アイコンのスタイルは、当社ブランドのイラストレーション・スタイルに沿ったもので、さまざまなコミュニケーションで使いやすいよう、階層システムで構成されています。
> Tier 1 アイコンは最高レベルを表し、説明的なストーリーテリングのコンセプトを捉えます。
> Tier 2 アイコンはより抽象的で、技術的な、製品に焦点を当てたコンテンツをサポートします。
> Tier 3 アイコンはよりシンプルで、製品のインターフェイス内で使用するためだけにデザインされています。
すべてのアイコンは、一貫した単一の線の太さを維持し、小さなスケールでも最適な読みやすさを保証するシンプルさを保っています。
Tier 1とTier 2のアイコンは、96px x 96pxのグリッドに2pxの線幅で配置されています（ここでは50%スケールで表示）。これらのアイコンを拡大縮小する場合は、線幅とサイズの比率を維持してください。印刷用途の場合、線の太さは最低0.5ptにしてください。
Tier 3 アイコンは、24px x 24px のグリッドで構成される。これらのアイコンは、製品のニーズに柔軟に対応できるよう、直線またはベタのいずれかにすることができます。リニアアイコンは1pxのラインウェイト（ここでは100%スケールで表示）を使用し、ソリッドアイコンは1pxのラインアクセントを持つ塗りつぶし図形を使用します。同じコンテキスト内でリニアとソリッドのスタイルを混在させることは避けてください。
最適な読みやすさと視覚的な調和を確保するため、当社のアイコンは背景色に基づいて色を調整します。この適応は、すべてのティアで一貫しており、ティア1のアイコンには特定のアクセントが加えられています。
> 背景は白：すべてのティアはミッドナイトでレンダリングされます。
> サファイアの背景：ティア1のアイコンは主に白で、ストーリー性を高め、洗練されたタッチを加えるためにゴールドのアクセントが加えられている。
> 空の背景：
> Midnight Background（ミッドナイト・バックグラウンド）：すべての段がスカイ。
これらのカラー・トリートメントを維持することで、一貫したビジュアル・ランゲージを保ちつつ、さまざまなデザイン・ニーズに対応できる汎用性を確保しています。
注記： ティア 3 アイコンは、製品のニーズに応じて異なる背景色で使用することができる。これらの用途では、常に読みやすさを確保してください。
開発チームは、オールインワンのセキュアコーディングトレーニングプラットフォームで、コーディングしながら学び、セキュリティ脆弱性を未然に防ぐことができます。
詳細はこちらLearning Platformピーテル・ダニュー、ファテマ・ベイドゥン、コリン・ウォン、ジャープ・カラン・シンによりオーストラリアで設立。
オーストラリアの大手銀行4行を顧客とした後、米国とEUへのグローバル展開に乗り出した。これには、ベルギーの企業Sensei の買収と、その創始者であるマティアス・マドゥとネイサン・デスメットのSecure Code Warrior設立チームへの起用が含まれる。
現在、同社は650社以上のグローバル企業の顧客にサービスを提供し、世界中で200人以上の従業員を雇用している。2020年のSINET 16 Innovator Awardや2021年のJPMorgan Chase & Co's Hall of Innovationを含む10以上の賞を受賞し、SOC 2 Type II認証を取得している。
当社の法務専門チームは、ますます複雑化し、グローバルで変化し続ける規制の状況に対して戦略的なアドバイスを提供することにより、当社のビジネスがお客様のニーズに応えられるよう支援しています。
最高経営責任者（CEO）、会長、および共同設立者
最高技術責任者（CTO）、取締役、および共同設立者
チーフ・カスタマー・オフィサー兼共同設立者
プロダクト・イノベーション・ディレクター。チーフドラゴンスレイヤー兼共同創業者
顧客戦略担当ディレクター。チーフ・シン兼共同創業者
プリンシパルエンジニア、および共同設立者
