構築する力
Sitecoreブランドガイドライン
5 所要時間
Sitecoreでは、ソフトウェアソリューションの洗練さと強みを誇りに思っています。これらは、パートナーに構築する力を与えます。私たちの進化したアイデンティティは、その強さ、柔軟性、モジュール性を伝えるために開発されました。
このドキュメントのガイダンスに従い、当社のアイデンティティを一貫して再作成することで、パートナーやお客様の心の中でこれらのアイデアを強化することができます。
当社のロゴ
私たちのロゴは、主要なブランドアセットであり、ビジュアルアイデンティティの基礎です。これは、Sitecore シンボルと Sitecore ワードマークの 2 つの要素で構成されています。
主なロゴ:明るい背景で目立つように、可能な限りこのロゴを使用します。
セカンダリロゴ:逆色のワードマークであるこのロゴは、暗い背景に使用されます。
モノクロロゴ:当社のワンカラーロゴは、プライマリーとセカンダリーが適していない特定のアプリケーションで使用されます。
カラーパレット
色は、私たちのアイデンティティを伝え、すべてのタッチポイントで一貫性を確保する上で極めて重要な役割を果たします。
私たちの原色は、私たちのビジュアルアイデンティティの基礎であり、すべてのブランドコミュニケーションで最も頻繁に使用されます。
当社のセカンダリーカラーは、プライマリーパレットを補完し、デザインに深みと汎用性を提供します。これらの色を戦略的に使用して、特定の要素を強調し、視覚的な関心を生み出し、ブランドの主要なアイデンティティから逸脱することなく、さまざまなアプリケーションに柔軟性を提供します。
私たちのニュートラルカラーは、原色と二次色をサポートし、バランスをとる背景として機能します。それらは、すっきりとしたプロフェッショナルな美学を維持しながら、明瞭さと読みやすさを保証します。
デザインにおけるカラーアプリケーション
私たちは、最大限の読みやすさとコントラストを確保するために、コミュニケーションに主に白を使用しています。このページでは、各色の使用方法の例を示します。
背景が主に白の場合、パワーグラデーション、プライマリカラーパレット、セカンダリカラーパレットのいずれであっても、より多くの色を自由に導入できます。
背景がパワーグラデーションをより多く特徴としている場合は、セカンダリエレメントを白のみにする必要があります。
セカンダリカラーパレットの背景を使用する場合は、写真を組み込み、追加の要素に白を使用できます。
これらの例は厳密ではなく、組み合わせだけではありません。
テキストでの色の適用
このページのすべての色の組み合わせはAAのアクセシビリティ要件を満たしており、すべてのユーザーがコンテンツを読みやすく、アクセスしやすいものとなっています。
白い背景:
- 白い背景に黒のテキストは、ほとんどのコミュニケーションの主な組み合わせです。
- 赤いテキストは、CTAやボタンなどのUI要素に使用されます。
- グラデーションテキストは、見出し要素内のキーワードを強調するために使用されます。
カラー背景について:
- 白のテキストは、グラデーション、紫外線、紫、深紅の背景に使用できます。グラデーションの組み合わせは、テキストがグラデーションのディープレッドまたはパープルの上に配置されているときはいつでもアクセスできます。
- 黒のテキストは、ハイライトの組み合わせとして空の背景で使用されます。
パワーグラディエント背景について:
- 白のテキストは、グラデーション、紫外線、紫、深紅の背景に使用できます。
グレーの背景:
- ブラックテキストは、グレー 90、95、98 を使用する背景に適しています。
Sitecore のパワー グラディエント
パワーグラディエントは、Sitecoreの寿命とパワーを体現しています。重要な場面で活用することで、その下にあるSitecoreの力を抜き出します。
パワーグラディエントは、ビジュアルを向上させるためだけのものではありません。重要な情報を強調するために、戦略的に適用します。
これは、製品、チーム、サービスなど、Sitecoreの力を表しています。グラデーションは、Sitecoreのパワーを効果的に示しています。
タイポグラフィ
私たちのコミュニケーションを明瞭にし、独特の声を出すために、私たちはDM Sansを使用しています。
3つのウェイトで使用します。レギュラー、ミディアム、セミボールドは、テキストを明確かつ一貫して整理するのに役立ちます。
これは無料でダウンロードできるGoogleフォントであり、ライセンスは商用利用を許可しています。
階層：
写真術
私たちは写真を使って、私たちの物語と人々に命を吹き込みます。私たちの写真スタイルは、HDRレベルの明瞭さ、コントラスト、シャープネスを中心に構築されており、これらはすべての写真で確認できるはずです。
私たちは、コミュニケーション全体でさまざまな写真スタイルを使用しています。各スタイルは特定のユースケース向けに開発されていますが、一貫したルック&フィールを維持するために、すべてのスタイルに一般的な写真撮影の原則が適用されます。
図
2種類のイラストスタイルがあります。
UIの
Our UIの elements are used to guide signpost our digital experience. They are simple, clear and precise, performing a functional role with minimum fuss.
要約
より表現力豊かなイラストは、テーマやコンセプトに注意を引くために、より大きなスケールで使用されています。
図像学
私たちは、コミュニケーション全体でアイコンを使用して、ガイドと道しるべとしています。特にデジタルでは、単語を置き換えたり、メッセージを単純化したりするために使用できます。
Sitecoreのシンボルの形状とフォントDM Sansのすっきりとしたラインにインスパイアされたカスタムアイコンのセットがあります。
インフォグラフィック
データを表すには 2 つのスタイルがあります。どちらを使用するかは、使用しているソフトウェアと、チャート、グラフ、またはビジュアライゼーションが表示される場所によって異なります。
カスタムアプリケーションは、Webサイトやホワイトペーパーなど、最も著名なブランドタッチポイントにデプロイできます。それらはある程度の専門的なカスタムデザインを必要とし、一般的には単純なデータセットまたはデータポイントを表すために使用されます。