活動よりも連携を重視
忙しいチームと、連携のとれたチームは同じではない。
私たちは、共通の方向性、連携した目標、そして取締役会が確認できる進捗状況について話し合います。単に忙しさを目的とするのではありません。
ブランド価値
これらの原則は、製品開発、マーケティング、そして経営陣への対応の仕方を形作ります。外部とのコミュニケーションにおいては、これらの原則は譲歩の余地がありません。
ノイズよりも明瞭さ
リーダーは、複雑なダッシュボードに惑わされることなく、何が重要なのかを見極めるべきだ。
断片化を解消します。指示、指標、実行を統括する単一の司令センターを設置します。言葉遣いは平易かつ具体的です。
意見よりも証拠を重視する
意思決定は、古いエクスポートデータではなく、最新のデータに基づいて行うべきである。
私たちは、誇大広告や憶測ではなく、リーダーシップが行動に移せる証拠となる、KPI、変更ログ、そして根拠に基づいたAIの洞察を重視します。
リーダーシップのために作られた
エンタープライズレベルの複雑さを伴わずに、エンタープライズレベルの実行力を実現します。
私たちは取締役と現場のオペレーターを尊重します。取締役会の厳格さ、現場での使いやすさ、そして官僚主義に陥らないガバナンスを重視します。
メッセージング
私たちが何を言うか、誰に言うか、そしてそれをどのように証明するかは、ウェブサイト、製品、営業、パートナー向け資料全体で一貫している。
Elevaleは、明確さと方向性を求めるビジネスディレクターのために、方向性をOKR、ライブKPI、そしてチームの連携へと変える戦略実行プラットフォームであり、混乱を招きたくない方に最適です。
カテゴリ
戦略実行プラットフォームであり、汎用的なプロジェクトツールやBIダッシュボードではありません。タスク、OKR、ライブKPIはすべて1つのシステムで管理されるため、方向性、日々の業務、証拠はリンクされたままになり、別々のアプリに分散することはありません。
観客
事業責任者、創業者、そして複数拠点を運営する、あるいは事業を拡大している経営陣。彼らは戦略を策定し、レビューを実施し、ソフトウェアのためのソフトウェアではなく、事業全体が一体となって動くことを必要としています。
約束
戦略を、経営陣が把握し、方向付けることができる実行に移しましょう。生きた方向性、測定可能な目標、リアルタイムの指標、そしてオープンウェブではなく、あなたのビジネスを読み取るAIを活用しましょう。
証拠
製品の現実に基づいた主張：タスクにリンクされたOKR、ライブKPI、ビジネス変更ログ、ワークスペースデータに基づいたOtto、およびディレクターが認識する成果（整合性、盲点の減少、レビューの迅速化）。
メッセージフロー
ヒーローセクションとランディングセクションでは、3 つのビートでストーリーを語ります。緊張感を表すフックで始め、Elevale がどのようにそれを解決するかを示し、次のステップを促します。これは物語の順序であり、タイポグラフィの仕様ではありません。見出し、本文、ボタンのスタイルは、タイポグラフィ と UI パターン にあります。
-
あなたは計画に同意した。今日の進捗状況を尋ねると、部屋は静まり返る。
-
1つのコマンドセンターが、指示、OKR、ライブKPI、および日々のタスクをリンクするため、リーダーシップチームは、別のダッシュボードの迷路に迷い込むことなく、進捗状況を確認し、方向付けを行うことができます。
-
14日間の無料トライアルを開始しましょう
メッセージング言語
- 用途: コマンドセンター、戦略実行、方向性、整合性、ライブKPIs、証拠、リーダーシップチーム
- 避けるべき言葉：オールインワンの奇跡、破壊的イノベーション、革新的なAI、クラス最高、シナジー
声のトーン
価値観とメッセージが紙面に表現された時の私たちの声：自信に満ち、率直で、実践的。専門用語ではなく、明快さを求めるディレクターのために書きました。
クリア
Elevaleが何をするのか、そしてなぜそれが重要なのかを、平易な言葉で説明してください。短い文章で、具体的な名詞を使い、無駄な形容詞は使わないでください。
決定的
能動的な表現と、リーダーがイメージできる成果を重視しましょう。現実を反映したレビュー、チームが主体的に取り組める目標、リアルタイムで更新される指標などが挙げられます。
人間
現状の問題点をきちんと認識しましょう。例えば、ツールが断片化している、誰も理解できないスライドに戦略が書かれている、先月の数字に基づいたレビューが行われている、といった点です。そして、信頼できる解決策を提示しましょう。
ブランドイメージに合ったサンプル
戦略を役員会が理解できる実行に移す
Elevaleは、方向性、OKR、およびライブKPIを1つのコマンドセンターに接続することで、経営陣がスプレッドシートの調整に費やす時間を減らし、ビジネスの推進により多くの時間を費やせるようにします。
言葉の選択
- 使用法: 明確さ、実行、方向性、整合性、証拠、根拠、リーダーシップ
- 避けるべき語句：シナジー、破壊的、革命的、最高水準、活用（動詞として）、利用する
チャンネル別
- マーケティングサイト：見出し主導型、証拠重視型、感嘆符は最小限。
- 製品のUI：簡潔なラベル、分かりやすい空の状態表示、ワークフローにマーケティング的な無駄な要素がない。
- 営業資料とプレゼンテーション資料：ウェブサイトと同じ約束：顧客からの証拠に基づいて拡大し、ポジショニングに矛盾を生じさせないこと。
オットー
オットーはカワウソです。ElevaleのAI戦略アドバイザーであり、ブランドキャラクターでもあります。彼は人間の代弁者ではありません。常に問題ではなく解決策を提示し、明確さ、活力、そして喜びを目的意識を持ってもたらす存在でなければなりません。
オットーが象徴するもの
明晰さ、エネルギー、そして喜び。決してマスコットでも、小道具でもない。
彼は、当社のAI戦略アドバイザーの顔とも言えるキャラクターです。地に足の着いたアドバイスを親しみやすく伝えるカワウソです。彼は、お客様の戦略的方向性、OKR、KPI、Wiki、そして市場環境と密接に結びついた思考パートナーです。登場するたびに、より明確なブリーフィング、解決された障害、洞察から行動への勢いなど、前進への道筋を示し、Elevale以前の混乱状態を解消します。
製品内
オットーはプラットフォーム内のAI戦略アドバイザーです。音声チャットとテキストチャットに対応し、ライブのKPIsとOKRsへのインライン参照を提供し、洞察を最新の方向性、目標、タスクに変換するのを支援します。大小問わずあらゆる質問に対応できる頼れるアドバイザーであり、機能的で地に足の着いた、常にワークスペースデータに基づいたアドバイスを提供します。
ブランド＆マーケティング
ウェブサイトやコミュニケーションにおいて、オットーは解決策を示すことができる場面で登場します。例えば、コマンドセンターの紹介、明確な情報伝達方法の提示、ビジネスを理解するAIの活用などです。ページの端っこに追いやられたマスコットでも、空虚な宣伝文句の横に置かれた小道具でもありません。常に目的を最優先に考えています。
キャンペーンにおいて
キャンペーンにおいて、Ottoは戦略の明確化、実行、そして実務に基づいたAIをサポートします。決して滑稽な要素や問題の擬人化は用いません。新たな方向性の出現、意思決定の停滞解消、あるいはリーダーシップ層が新たなダッシュボードなしで答えを得る様子を視覚的に示します。承認済みのアートワークのみを使用します。
承認を得るにはチームに連絡してください 社内資料、外部広告、ソーシャルメディア、パートナー向け資料など、Ottoを使用する際は、公開前にブランドの承認が必要です。
ガイドライン
これ
- オットーは、解決策、つまり明快さ、地に足の着いた助言、エネルギー、あるいは洞察から行動への勢いを象徴する場合にのみ活用すべきです。
- ストーリーテリングに明確な答えの指針が必要な場合、つまり、ビジョン、証拠、ビジネスを理解するAI、孤立した機能のジョークではなく、彼を参加させてください。
- 彼には明快さ、活力、そして喜びをもたらしてほしい。Elevaleの声のように機知に富み、率直で自信に満ちているが、決して皮肉っぽくなく、混沌としていてもなく、子供っぽくもない。
- ブランドキットに付属の、承認済みのオットーのアートワークを使用してください。キャラクターの描き直し、色の変更、拡大縮小は行わないでください。
- キャンペーン、グッズ、ソーシャルメディアなど、あらゆる場面でブランドチームを早い段階から関与させることで、意図的な使用を維持できます。
これは違う
- オットーを問題の原因、つまり混乱、失敗、混沌、あるいは「Elevale以前」の苦悩の象徴として捉えてはいけません。彼は苦痛ではなく、解決策を示しているのです。
- 彼をマスコットとして扱わないでください。クリップアートのカメオ出演、彼が支持していないコピーの横でニヤニヤ笑う姿、ブランドの壁紙などは禁止です。
- 彼を小道具として使わないでください。空の看板を持たせたり、無関係な商品やサービスを指差したり、レイアウトが寂しいからといってスペースを埋めたりしないでください。
- メッセージ性のない、単なる埋め合わせ、壁紙、絵文字風の装飾として使用しないでください。
- 彼を技術文書、法律関連ページ、あるいはリーダーシップレベルにふさわしくない文脈に登場させないでください。
- 承認なしに、新しいポーズ、衣装、メッセージを作成しないでください。社内スライドの場合でも同様です。
- 彼の外見、プロポーション、または承認されていないロゴやパートナーマークとの組み合わせを変更しないでください。
解剖学
ロゴライブラリへ移動ロックアップは、デフォルトのElevaleロゴです。ロゴマークとワードマークが1つのファイルにまとめられています。キャッチフレーズは別のマーケティングコピーです。サイトでは頻繁に使用していますが、ロックアップのアートワークには含まれていません。
ロゴの一部
ブリーフィング資料、プレゼンテーション資料、ブランドキットでは、これらの名称を一貫して使用してください。「Elevale ロゴ」という表記は、ロゴマークのみを明示的に要求しない限り、ロゴ全体を指します。
- ロゴマーク
- 左側の、ピンクと紫の四角形が組み合わさった模様。
- ワードマーク
- 右側のCoolvetica CondensedフォントのElevaleという名前。
- ロックアップ
- ロゴマークとワードマークを組み合わせたものです。これはデフォルトのロゴファイルです。
キャッチフレーズ
決して廃れることのない戦略
ヒーローの典型的な配置
ヒーロー見出しの上に表示されることが多いです。ブランドがカスタムロゴを承認しない限り、エクスポートするロゴファイルには含めないでください。
ロゴマークの意味
ロゴマークは、ずらして組み合わされた2つの正方形で構成されています。これらは、別々のモジュールが自ら進んで出会うことを選んだかのようです。戦略と実行、経営陣の発言と事業の成果の間にあったギャップに、意図的な繋がりが生まれています。曖昧さではなく、乗っ取りでもなく、目に見える繋がりです。
重なり合う部分がポイントだ。その共有されたエッジこそがElevaleが存在する場所だ。
断絶から共同作業へ
片隅にはスプレッドシート、もう片隅にはOKRs、先月の輸出実績に基づいたレビュー。ロゴマークは、そうした流れとは正反対のものだ。2機の飛行機がぴったりと収まることで、企業が公の場で矛盾した行動をとらないようにしている。
縫い目は司令塔だ
共有コーナーは装飾ではありません。そこは、概要、指標、そしてチームの行動が交わる接点です。Elevaleは、その重なり合う部分から生まれた製品であり、方向性、測定、そしてフォローアップのための単一の表面です。
絡み合い、動き続ける
オフセットは、衝突のない前進を示唆している。戦略は業務を圧迫せず、データは人を押しつぶさない。それぞれのマス目は、最終的に同じ方向へと向かう優先事項のように、共に前進していく。
接合部の高さ
Elevale はその接点から力を得ます。アライメントとは壁に貼られたポスターのようなものではありません。それは、意図と証拠が同じ境界線を共有することで、組織が雑音を超越する瞬間なのです。ロゴマークは小さいですが、そのアイデアはそうではありません。
ロゴマークにピンクと紫を使用
ピンクと紫はそれぞれマークの中で役割を担っています。ピンクは暖色系で、方向性、勢い、決断を促す力を表します。紫は寒色系で、証拠、構造、そして指針となる証明を表します。それぞれ独立した枠内に配置してください。両者が境界を共有するのは、意図と証明が交わる部分のみです。HEX、RGB、およびUIルールはコアカラーに記載されています。
-
ピンク
方向と勢い
温かみのあるマゼンタ色で、はっきりとしたエネルギーが感じられる。ロゴマークの中では前面に押し出されており、視線が最初にこの色に引きつけられる。それは、リーダーシップが次に重要なことを明確に示す必要があるのと同じだ。
Represents 証明よりも意図が重要：事業の方向性、優先順位、そしてそれを推進するためのエネルギー。
ロゴマークでは、ピンクが物語をリードする色です。製品のUIでは、ピンクはアクションレイヤー、つまり主要なボタン、優先度の高い状態、明確な判断が必要な場面を表します。
-
紫
証拠と構造
深みのある、落ち着いた青紫色。ピンクの温かみからはやや離れ、安定した信頼できるトーンで、バランス、構造、そして信頼性を体現している。
Represents 企業が示すことができるもの：ライブのKPIs、連携した作業、構造、そしてリーダーシップが信頼できる指針となるデータ。
ロゴマークでは、ピンクが始めたものを紫が完成させる役割を果たします。製品のUIでは、紫は指標、ナビゲーションの強調、そして装飾よりも明瞭さが重要な場面で使用されます。
サイズと間隔
ロゴマークのピンク色のコーナーモジュールの高さ（標準ロックアップサイズでは20ピクセル）と同じ高さの余白を、ロックアップの四方に確保してください。
xはロゴマーク上のピンク色のコーナーモジュールの高さ（標準ロックアップサイズでは20ピクセル）を表します。ロックアップの四辺すべてに、少なくともx分のスペースを確保してください。
バリエーション
ロゴライブラリへ移動承認済みのロゴマークとロゴのみのファイルをダウンロードしてください。ロゴマークはマーケティング用途に使用し、ロゴのみのファイルはスペースが限られている場合や、ブランドが既に認知されている場合にのみ使用してください。
ロックアップ
ロゴマークのみ
ファビコン、アプリアイコン、アバター、コンパクトUI用。アプリタイルファイルにはカラー背景が含まれています。トリミングや色の変更はしないでください。
使用法
明るい背景にはフルカラーのロゴマークを、暗い背景にはダークロゴマークを使用してください。写真や複雑な表面には、ソリッドオーバーレイを追加するか、反転ロゴマークに切り替えて、ロゴマークが読みやすいようにしてください。
承認済みの背景
ライト 暗い 避けるべきこと
伸ばしたり歪ませたりしないでください
アウトラインを追加しないでください
ロックアップを回転させないでください
コントラストのない、ごちゃごちゃした背景には置かないでください。
クリアなスペースを維持してください
基本色
ピンクと紫は、互いに代用できるものではなく、ペアとして機能します。ピンクは視線を方向や行動へと誘導し、紫は本質的な情報や行動を隠蔽します。製品のUIや長文コンテンツにおいては、ニュートラルカラーが重要な役割を果たします。
彼らがどのように協力するか
勢いをつけたい場合や、主要なアクションを起こしたい場合はピンクを使用してください。構造、指標、またはデータによる信頼性を示す場合は紫を使用してください。ピンクから紫へのグラデーションは、ヒーローバンドとプレミアムバンドのみに使用できます。グラデーションを参照してください。
ブランドピンク
ブランドカラーはピンク。ロゴマーク内の方向指示、CTA（行動喚起）、および先頭の四角形はピンクで統一してください。色相や彩度は変更しないでください。
#E20F7A rgb(226 15 122) --pink
ブランドパープル
ブランドカラーは紫です。証拠となる部分、製品のUI構造、ロゴマークの末尾の四角形など、すべて紫を使用してください。色相や彩度は変更しないでください。
#5270F5 rgb(82 112 245) --purple
ピンク色の光
#FCE4F1 rgb(252 228 241) --pink-light
紫色の光
#EEF0FE rgb(238 240 254) --purple-light
暗い
#111318 rgb(17 19 24) --dark
黒
#0A0A0A rgb(10 10 10) --black
白
#FFFFFF rgb(255 255 255) --white
オフホワイト
#F9FAFB rgb(249 250 251) --off-white
グラデーション
グラデーションはピンクから紫へと変化します。ロゴマークと同じストーリーを、より連続的に表現したものです。ヒーローセクション、CTA（行動喚起）、プレミアムマーケティングバンドなど、目立たない場所にのみ使用し、本文の背景には絶対に使用しないでください。
ダークブランドグラデーション
#0D1117 · rgb(13 17 23)
#111827 · rgb(17 24 39)
#1A1040 · rgb(26 16 64)
ピンクから紫
#E20F7A · rgb(226 15 122)
#5270F5 · rgb(82 112 245)
表示: Coolvetica Condensed
Coolveticaをダウンロード見出し、ヒーロータイトル、セクションラベルには、文頭のみ大文字を使用してください。マーケティング用途では文頭のみ大文字を使用し、短いラベル以外は全て大文字にしないでください。
戦略的な実行が明確になった
本体: サトシ
サトシをダウンロード本文、UIラベル、および補足テキスト。フォントサイズは400、500、700が承認されています。
方向性、KPI、OKR、およびチームの連携のための単一のプラットフォーム。
写真
写真は、製品UI、図表、マーケティンググラフィックと並んで用いられます。キャンペーンの主役、UIモックアップ、職場やチームの瞬間、アプリ画面内の小さなアバター（タイムライン、組織図、担当者チップなど）に使用されます。すべての画像は、明確なコピー、ブランドカラー、そして文脈によって、戦略と実行をサポートするものでなければなりません。
写真が登場する場所
制作写真には、キャンペーンフレーム、UIモックアップ、職場写真、チームポートレート、UIアバターなどがあります。各タイプには、以下のカードにサイズと調達に関するルールが記載されており、発送してはいけないものの簡単なリストも含まれています。
キャンペーンとローンチのクリエイティブ
人物または承認済みのブランドキャラクターを、グラデーションまたはカラーバンド、見出し、製品のUIを前面に配置した構成的なシーンと組み合わせます。温かみと信頼性は人間的な側面から生まれ、その証拠はインターフェースから示されます。視認性を維持できる場合は、切り抜き部分をバンドより上に伸ばしても構いません。
UIモックアップと製品シーン
特定のハードウェア（iPhone、MacBook、その他のブランドデバイスのベゼルなど）の写真ではなく、スタイリッシュなUIグラフィックと構成のシーンを作成してください。製品のリニューアル時にビジュアルが時代遅れにならないよう、ニュートラルな画面形状、レイヤードカード、または抽象的なフレームを使用してください。ストーリーを補完する場合に限り、写真とUIを組み合わせ、テキストとカードは読みやすく保ってください。高解像度の画像をソースとして使用し、低解像度の切り抜き画像を引き伸ばさないでください。
職場やオフィスでの写真撮影
企業紹介ページ、カルチャーバンド、採用情報、編集記事などには、実際のオフィス、ワークショップ、仕事風景の写真を使用しましょう。ありきたりなストック写真よりも、自然光、本物らしい空間、多様なチームを優先してください。画像にテキストを重ねる場合は、単色またはグラデーションのオーバーレイを追加してください。
チームとリーダーシップのポートレート
リーダーシップ、社会的証明、パートナーコンテンツには、親しみやすいポートレートや少人数のグループ写真を使用しましょう。服装はニュートラルなもの、またはブランドイメージに合ったものにしてください。キャンペーンをサポートする写真の場合は、製品のUIや見出しと組み合わせ、単なる顔写真の壁紙として使わないようにしましょう。
製品UIにおけるアバター
タイムライン、組織図、担当者チップ、ソーシャルプルーフ行には、アバターサイズ（約24～40ピクセル）にトリミングしたポートレートを使用してください。このサイズでは、ブランドキットから承認済みのアバター画像のみを使用してください。ヒーローやキャンペーンバンド用にアバターファイルを拡大しないでください。
使用しないでください
ランダムな顔写真のグリッド、握手写真のストック画像、製品やメッセージの文脈が全くない全面写真のヒーロー画像、あるいは消費者が認識できるデバイスに固定されたモックアップなどは避けるべきです。写真はプラットフォームを説明したり、実際の作品を見せたり、見出しを補強したりするものでなければなりません。これらのいずれにも当てはまらない場合は、グラフィックやUIデザインを選びましょう。
キャンペーンスタイルの構成
発売時やキャンペーン時のレイアウトでは、実在の人物やブランドキャラクターと製品のUIカードを、大胆なブランド背景の上に組み合わせます。見出しには約束が、UIカードには証拠が示され、足元がバンドの下部に固定されている場合は、写真が上端からはみ出すことがあります。
構成例。高解像度でライセンス取得済みの写真、または承認済みのブランドロゴをキャンペーンサイズで使用してください。
アバターライブラリ（UI表示サイズ）
承認済みのトリミング画像は、モックアップおよび製品UIのみに使用できます。表示サイズは下記をご参照ください。キャンペーン、職場、またはチームバンドに使用する場合は、高解像度の写真を別途ご用意ください。
ファイルの品質と配信
キャンペーン写真、モックアップ写真、職場写真、チーム写真は、エクスポート前に長辺が少なくとも1200ピクセルになるようにしてください。Web用にはWebPまたはAVIF形式で納品してください。アバターキットファイルは元の小さなサイズのままにしてください。写真とパートナーのロゴを組み合わせたり、共同ブランディングを行う場合は、ブランドレビューを依頼してください。
マーケティング用グラフィック
ウェブサイト全体、特集ページ、キャンペーンにおいて、UIスタイルのカード、ソフトなオーバーレイ、そして控えめなブランドカラーを使用しています。目的は装飾そのものではなく、深みと明瞭さを実現することです。
騒音の抑制
ヒーローまたはセクションごとに、主要なビジュアルは1つで十分です。テキスト、間隔、そして1つのカードグループでストーリーを伝えましょう。すべてが主張しすぎると、何も伝わりません。
構造のある色
レイアウトの基本色はニュートラルカラー（白、オフホワイト、濃い色のテキスト）を使用します。ピンクと紫はアクセントカラーとして、カードの上端、グラフの線、バッジ、濃い色の部分のグラデーション帯などに用いられます。密度の高いUIの背後にある広い領域を、ブランドカラーのグラデーションで埋め尽くさないようにしてください。
重ね合わせによる奥行き
2枚から3枚までのカードを重ね合わせ、位置をずらし、軽く回転させ、柔らかな影をつけます。ストーリーがシンプルな場合は2枚で十分です。3枚目は、文脈を補足する場合にのみ追加してください。表側のカードにはメッセージを伝え、裏側のカードには補足的な詳細を示唆します。
オーバーレイとパネル
標本パネル内、または落ち着いた背景に図案を配置してください。写真や暗い帯状の画像には、文字やカードが読みやすいように、単色またはグラデーションのオーバーレイを追加してください。カードは背景の上に配置されるため、背景と競合することはありません。
推奨
最大3枚のカードを使用した例：各レイヤーにはタイトルと1つのUI要素があります。最前面のカードには見出しが表示され、背面のカードはやや薄めですが読みやすいように配慮されています。2枚で十分な場合は、2枚を使用してください。
避ける
派手なグラデーション、競合する形状、そして均一な太さのブロックで構成された平坦なグリッド。ごちゃごちゃとした印象を与え、製品ストーリーを弱めてしまう。
Usage rules
- ヒーローカードの山札には2枚か3枚を使用し、3枚を超えないようにしてください。3枚目を重ねても文脈が変わらない場合は、2枚で止めてください。
- カードの内側は、基本的にはニュートラルな色調にしましょう。ピンクまたは紫は、カード1枚につき1つのアクセント（縁取り、ドット、スパークライン、バッジなど）にのみ使用してください。
- ピンクから紫へのグラデーションは、ヒーロー要素、CTA、およびダークバンドに限定してください。グラデーションとコアカラーを参照してください。
- 可能な限り、機能やホームページのグラフィックには実際の製品UIパターンを使用してください。製品UIを参照してください。
- アニメーションの登場は、一定の動きではなく、短く段階的な動き（フェードとわずかな持ち上げ）で行います。モーションを参照してください。
- オットーや写真がカードの横に表示される場合は、グラフィックにゆとりを持たせてください。カードの山を窮屈にしないでください。
製品UI
ブランドキットをダウンロード実際のアプリ画面やUIパターンを参考に、スクリーンショットやマーケティング用グラフィックを作成しましょう。価値をより明確にするために、必要に応じて補助的なコントロールを簡略化、トリミング、または削除しても構いません。落ち着いたニュートラルカラーを基調とし、UIコピーにはSatoshiカラーを使用。ピンクや紫は、製品の状態、グラフ、アクションを実際に強調する場合にのみ使用してください。
ストーリーのために簡略化された実際のUI
Elevaleの本格的なレイアウト、タイプ、コンポーネントをベースに構築してください。マーケティング目的であれば、インターフェースを縮小しても構いません。サイドパネルを削除したり、ナビゲーションを短くしたり、メッセージをサポートしない機能を非表示にしたりしてください。重要なのは、画面上にすべてのコントロールを表示することではなく、重要な点を説明することです。UIをランダムなブラウザウィンドウに貼り付けたり、汎用ダッシュボードテンプレートの色を変更してブランドイメージに合わせようとしたりしないでください。
製品が使用されている箇所に色を付けてください。
背景は白またはオフホワイトのままです。アプリ内のアクティブなナビゲーション項目、進捗状況、グラフシリーズ、バッジ、および主要ボタンには、ピンクと紫が表示されます。実際のUIに存在しないグラデーションでスクリーンショットを埋め尽くさないでください。
一つの仕事に集中する
説明しているワークフロー（方向性、OKR、KPI、ダッシュボードなど）の枠組みを絞り込んでください。空白、無関係なモジュール、UIのノイズを取り除き、閲覧者が製品全体ではなく、明確な結果を一つだけ確認できるようにしてください。
媒体に合わせる
事例研究、ドキュメント、営業資料には、ドキュメンタリー風のフルスクリーンショットを使用してください。ウェブサイトのメイン画像には、アプリ全体を表示せずに奥行き感を出す必要がある場合は、簡略化した切り抜き画像や、マーケティンググラフィックにあるレイヤードカードグラフィックを使用することをお勧めします。
キャプチャしてエクスポートする
- ステージング環境または本番環境から、実際のテキストとラベルを使用してキャプチャします。UIの値が明確になる場合は、UIを簡略化またはトリミングします。偽のモジュールは追加しないでください。必要に応じて、顧客名をぼかすか匿名化します。
- 製品の形状とは異なる方法で、伸ばしたり、歪ませたり、角を丸めたりしないでください。
- ピンクと紫のアクセントは、アプリと同じ役割（ナビゲーション、グラフ、CTA）で使用してください。コアカラーを参照してください。
- フルスクリーンショットのないマーケティングヒーローには、マーケティンググラフィックごとに積み重ねられたUIカードを使用します。
- 鮮明なスライドやウェブ用には、2倍の解像度でエクスポートしてください。sRGBカラーのPNGまたはWebP形式を推奨します。
- 最新の承認済みキャプチャは、Googleドライブのブランドキットにあります。外部公開する前にアクセス権限をリクエストしてください。
UIパターン
製品およびマーケティングUIは、デザインシステムから半径、影、ボタンの処理方法を共有しています。
1つのビューにつき、主要なアクションを1つだけ使用してください。明るい背景のマーケティング資料では、テキストによる補助的なアクション、または枠線付きのピル型ボタンと組み合わせてください。ゴーストボタンは、暗い背景の場合にのみ使用してください。
プライマリCTA
ヒーローペア（メイン＋テキストサブ）
輪郭線で囲まれた二次的な（明るい表面）
幽霊（暗い表面のみ）
中半径（12ピクセル）
カードシャドウ
図像学
Elevaleは、マーケティングページ、機能セクション、UIモックアップ全体でLucideアウトラインアイコンを使用しています。単一のフォントファミリー、単一のストロークウェイト、そして小さなサイズスケールにより、ナビゲーションとカードが見やすくなっています。
原則
サイズスケール
16、20、24ピクセルを基本サイズとしてください。マーケティング用の特徴カードでは、強調表示のために28ピクセルを使用しても構いませんが、独自のサイズを考案しないでください。
表面の色
アイコンが表示される場所
アイコンライブラリ
Lucideのマーケティングサイトに登録されているすべての名前。検索して名前をコピーし、デザイン担当者に渡したり、AstroやWebflowのブロック用の既成のスニペットを取得したりできます。
利用ルール
- 明るいUIではアイコンをモノクロに保ち、ブランドグラデーションや暗いアプリの背景には白を使用します。
- 主要なナビゲーションと主要なCTAには、アイコンとラベルをペアで使用します。
- 塗りつぶしセットと輪郭線セットを同じ面に混在させないでください。
- アイコンのサイズをテキストに合わせる：キャプションの場合は16ピクセル、本文と見出しの場合は20～24ピクセル。
- 装飾アイコンには
aria-hidden="true"を使用してください。隣接するテキストには意味があります。 - マーケティングにおける痛みとメリットのカード：ヘッダーにアイコンを1つ配置し、白地にピンクで表示します。間隔についてはマーケティンググラフィックを参照してください。
- ボタンやカードの製品UIパターンはUIパターンにあります。アイコンも同じ半径と密度に従います。
- アイコン主導のパートナーキャンペーンや、Lucide以外でのカスタムピクトグラムを実施する前に、ブランドレビューを依頼してください。
モーション
Elevaleは、マーケティングサイトと製品全体でモーションを活用しています。アンビエントヒーローの動き、スクロール表示、ホバー状態、段階的に配置されたカード、そして温かみとユーモアを添えるGIFなどです。モーションは、注意を誘導し、明確さを強化するものでなければならず、決してメッセージと競合するものであってはなりません。
原則
目的のある
すべてのアニメーションは、何が変わったのか、次に何が重要なのか、何が成功したのかといった問いに答えるものです。動きが、情報を把握したり、理解したり、喜びを分かち合ったりするのに役立たないのであれば、削除すべきです。
拘束された
1つのビューポートにつき、焦点となる動きは1つに絞ってください。ループによる混乱、目的のない視差効果、複数の要素が同時に跳ねるといったことは避けてください。マーケティング用グラフィックは既に奥行き感を活用しているため、動きによって要素が過剰に処理されるようなことは避けてください。
一貫したタイミング
画面の切り替えにはイーズアウト、トグルにはイーズインアウトを使用してください。ほとんどのUIトランジションは200ms～400msに収まりますが、ヒーローアンビエンスはそれより長くても目立たないように動作します。
動きの制限を尊重してください
装飾的なループやドリフトは、prefers-reduced-motion: no-preferenceで囲んでください。コアの状態変化（メニューを開く、フォーカスするなど）は、ユーザーがモーションの低減を要求した場合でも、軽くアニメーションしたり、瞬時にスナップしたりする場合があります。
動きが現れる場所
これらのパターンは、elevale.com全体および特集ページに掲載されています。サイトやパートナー向け資料を拡張する際には、これらのパターンに合わせてください。
- ヒーローと存在感 ホームページと主要なランディングページには、柔らかな背景の球体の動き、グラデーションの光、そして見出しの強調表示が用いられています。ゆっくりとした、振幅の小さいループは、CTA（行動喚起）から注意をそらすことなく、生き生きとした印象を与えます。
- ナビゲーションとアプリシェル ナビゲーションの背景、リンクの色、モバイルドロワーのトランジション（約200～300ms）。ドロップダウンはフェードイン・フェードアウトしてスライドし、ボタンはマウスオーバー時にわずかに持ち上がり、短い変形アニメーションが再生されます。
- カードと山札 マーケティングカードのスタックや特集グリッドでは、段階的なフェードイン・フェードアウト効果を採用。兄弟要素間の間隔を短く（約40～80ミリ秒）することで、コンテンツが一度にすべて表示されるのではなく、上から下へと読み進められるようにしています。
- スクロールして表示 セクションはビューポートに入るときにそのまま表示されます。つまり、水平方向のスライドではなく、不透明度とtranslateYで表示されます。表示は読み上げ順序に連動させ、わずかなスクロール操作ごとに再トリガーされないようにします。
- 製品とモックアップ 機能ページのUIモックアップでは、微妙な状態変化、タブ切り替え、チャットやタスクスレッドでの遊び心のあるGIFリアクションが使用されています。Ottoが音声モードの場合、<a href="#motion-voice-orb">AI音声オーブ</a>は、聞き取りと思考を示します。目的とアニメーションについては、該当セクションを参照してください。
タイミング基準
マイクロ 150～200ミリ秒 ホバー、フォーカスリング、アイコンの微調整
標準 200～400ミリ秒 ボタン、パネル、ナビゲーション、カードホバー
強調 400～600ms モーダル、大きな表示（控えめに使用）
環境 連続 AI音声による球体の発光と呼吸（アプリ内の音声に連動）
AI音声オーブ
Elevaleアプリでオットーと音声で会話しているときに表示される、柔らかく光る球体。これはセッションが進行中であることを示し、音に反応します。一方、文字起こしされたテキストとオットーの返信には、実際のメッセージが反映されています。
概要
この製品では、球体は画面上にリアルタイムで描画されます（動画ファイルや静止画像ではありません）。これは音声モードの主要なビジュアルであり、待機中は落ち着いた表示、誰かが話すとより活発な表示になり、オットーが話している間はより温かみのある表示になります。ロゴやグラフ、バーグラフなどのスペクトラムアナライザーではありません。
現れる場所
同じ音声セッションによって駆動される2つのレイアウトで、同じオーブコンポーネントが使用されています。
- フルスクリーン音声
音声画面の中央に大きな球体（約320ピクセル）が表示されます。この球体をタップすると、オットーが話している途中で中断できます。
- フローティングウィジェット
最小化された音声チップ内の小さな球体（約92ピクセル）。タップするとチャット画面に戻ります。ミュートと終了のコントロールは球体の上にあります。
反応するもの
動きはセッションの実際の音声に連動しており、ランダムなアニメーションではありません。
- あなたの声 話している間、球体はマイクに合わせて明るくなり、動きます（ミュート状態でない場合）。
- オットーが話している オットーが音声で応答すると、球体もその音声に反応し、アシスタントが話していることが明確にわかるように、かすかな振動が加わる。
- 静かなひととき アクティブなセッション中も、オーブは静かに呼吸を続け、静寂の中でもUIに生命感を与えます。言葉の合間に消えることはありません。
- マイクをミュート マイク入力は無視されます。パレットはよりクールなスレートトーンに変わり、波紋や粒子が停止し、球体上にミュートされたアイコンが表示されます。
- セッション終了 音声モードが終了するか、チャットに戻ります。オーブは反応を停止し、通話がまだ続いているかのように点滅し続けることはありません。
全体構造
その球体は、硬い3Dの球体や波形表示ではなく、層状の柔らかな光として考えてください。
- 外側の輝き 球体の周囲に、パステルカラーの広い光の輪が現れる。アクティブ時はブランドカラーのピンクとラベンダー、マイクがオフの時は落ち着いたスレート色になる。
- リップルリング 外側に向かって広がる、いくつかの柔らかな輪。それらは個々の周波数ではなく、エネルギーを示唆している。
- 主要球体 中心部はぼやけており、虹彩や瞳孔ははっきりしていません。低音域と全体的なエネルギーに合わせて、サイズ感がわずかに変化します。
- 内雲 球体内部を漂う柔らかな色の塊。中音域と低音域のトーンが上下する。
- 粒子 中心の周りを無数の小さな粒子が周回しており、会話が活発なほどその回転速度は速くなる。それらは装飾的なものであり、データポイントではない。
elevale.comの特集ページでは、静的なモックアップ用にこのデザインの簡略化されたCSSバージョンを使用しています。ライブアプリのオーブはよりリッチなデザインで、実際のマイクと再生音声に連動しています。
ブランド参考サンプル
色
ブランドの原色から白へと変化するパステルピンクとラベンダーの輝き。虹色のグラデーション、フラットな塗りつぶし、シャープなエッジは一切使用していません。落ち着いた状態では、スレートニュートラルカラーのみを使用しています。
UXとアクセシビリティ
- 常にテキストと組み合わせる ライブトランスクリプト、セッションラベル、そしてオットーの返信がオーブの横に表示されます。アニメーションだけに頼ってはいけません。
- スクリーンリーダー 描画は支援技術からは見えません。保護者用画面にはステータスが表示されます（例：アシスタントが話しています、マイクがミュートされています）。
- 動作の減少 ユーザーが動きの少ない状態を好む場合、動きはゆっくりと滑らかになります。球体は踊るように動くのではなく、穏やかな静止した光のままになることがあります。
ルール
- Ottoのボイスチャット（全画面表示またはフローティング表示）でのみ使用してください。マーケティング用のヒーロー画像、一般的なローディング画面、エラーメッセージには使用しないでください。
- 球体を棒グラフ、ロゴの重ね合わせ、マスコットステッカーなどに使用しないでください。球体内部に数字やラベルを入れないでください。
- 全画面表示とフローティング表示のサイズは、それぞれ約320ピクセルと92ピクセルを統一してください。製品設計レビューなしに、新しい球体サイズを考案しないでください。
- ミュート状態は一目でわかるようにする必要があります。例えば、画面の色を寒色系にし、粒子を表示せず、マイクオフのインジケーターを表示し、「マイクがミュートされています」というテキストを表示するなどです。
- マーケティング用のモックアップでは、オーブを単純化して表示する場合があります。アプリに搭載されていない追加効果を広告で約束しないでください。
オットーの住む場所の性格と雰囲気 オットー.
UI動作標本
カードとボタンにカーソルを合わせると、典型的なイージングと持続時間が表示されます。
GIFの使用
GIFを使うことで、Elevaleは企業パンフレットのようなものではなく、まるで本物の人間のように感じられるのです。製品での喜び、チャットでの反応、そして時折マーケティングで見せるおかしなループなど、様々な場面で活用できます。温かさや笑顔がふさわしい瞬間に使いましょう。親しみやすくブランドイメージに沿いつつも、「真面目」に見せるために堅苦しくなることは決してありません。
GIFにぴったりの瞬間
- 勝利を祝う: OKR 進捗、タスクの完了、チームのマイルストーン、または人間によるハイタッチが必要なヒーロー。
- 製品UI内での反応：チャット、コメント、アドバイザーのスレッドなどで、短いループによってユーモアや励ましが加えられる。
- 具体的な成果（明確さ、勢い、安心感）を示すマーケティングセクション。ストーリーには個性があふれ、ありきたりな定型的な笑顔は不要です。
承認済みの祝賀・リアクションGIFは、サイトアセットとブランドキットに同梱されています。追加のリクエストはブランドチームまでご連絡ください。遊び心がありながらも紛れもなくElevaleらしさを感じさせるループGIFも大歓迎です。
ブランドイメージに合致
承認済みのライブラリGIF、遊び心のある、またはお祝いの雰囲気があり、メッセージを補完し、ファイルサイズが適切であること。
許可されていません
物議を醸すような、政治的な、不快な、あるいは無関係なミーム文化。衝撃的な内容、グロテスクな描写、あるいは釣りネタは禁止。
する
- 明るく、少しユーモラスで、人間味のあるGIFを選びましょう。例えば、チームメイトが祝っているような、会議室のスライドショーのようなものではなく。ユーモアは、その場にふさわしいものであれば歓迎されます。無味乾燥で堅苦しい、あるいは無理やり「企業人」ぶった雰囲気は避けましょう。
- GIFは、人々が既に良い気分になっている場面（お祝い、励まし、達成など）に配置し、無作為に埋め合わせるために使用しないでください。
- ブランドキットまたは承認済みサイトライブラリのファイルを使用してください。不明なURLへの直リンクは行わないでください。
- 装飾的なGIFは画像として扱います。純粋に装飾的な場合はalt属性を空にし、意味を持つ場合はその瞬間を説明します。
- 最適化されたループを優先し、スクロールせずに表示される部分より下の領域に遅延読み込みを行い、1つのビューポートに複数の大きなGIFを表示することは避けてください。
しないで
- たとえ話題になっていても、物議を醸すような、意見が分かれるような、あるいは拡散を狙ったようなコンテンツは禁止です。
- 中傷、ステレオタイプ、暴力、流血描写、性的描写、他者を辱めるような表現は一切禁止です。
- 政治活動、抗議活動のイメージ、党派的なメッセージの発信は一切禁止です。
- 視認性やトリガー感度を損なうような点滅、ストロボ効果、高速ループは一切ありません。
- ブランドの承認なしに、有料キャンペーン、パートナー企業の素材、またはメールに新しいGIF画像を使用することはできません。
提携企業
紹介プログラムアフィリエイトまたは紹介パートナーとして、公式名称とデザインを使用してElevaleをオーディエンスに紹介してください。ElevaleがElevaleとして認識されるようにしてください（独自のホワイトラベル商品として提供しないでください）。このハブから承認済みのアセットを使用し、有料キャンペーンや注目度の高いキャンペーンを実施する前に、書面によるブランド承認を得てください。
交渉不可
再販業者とは異なり、アフィリエイトはホワイトラベルを使用しません。自社ブランドで販売する必要がある場合は、再販業者をご覧ください。ネットワーク内でElevaleのみを共有する場合は、このセクションが適用されます。
絶対です
- ロゴ、色、テンプレートファイルは、ブランドキットまたはロゴライブラリからのみ使用してください。マークを再作成しないでください。
- 承認済みのフルロゴをすべてのアセットに使用してください。背景に合わせてください。明るい面にはフルカラー、暗い面にはロゴ、または複雑な面には反転表示を使用してください。ロゴの使用方法とクリアスペースを参照してください。
- メッセージング、トーン・オブ・ボイス、およびブランド価値の範囲内に留まってください。当社が公開していない誇大広告、保証、または機能に関する主張は行わないでください。
- 登録が正しく記録されるように、指定されたElevale紹介リンク経由でトラフィックを送信してください。トラッキングを回避するために、URLを削除したりリダイレクトしたりしないでください。
- アフィリエイトまたは紹介者としての関係を、必要な箇所（例えば、有料ソーシャルメディア広告、メールのフッター、ブログ記事など）で明確に開示してください。
- 有料広告、ランディングページ、ウェビナー、共同ブランドメール配信などは、公開前に必ずブランド側の書面による承認を得てください。
あなたはしてはならない
- これらのガイドラインに記載されていない方法で、ロゴを変更、色変更、アニメーション化、回転、アウトライン化、または効果と組み合わせることは禁止されています。
- Elevaleを独自のプラットフォームとして提示したり、当社の名前を削除したり、製品を開発または所有していると示唆したりしないでください。
- 書面で確認していない成果、価格、統合、またはコンプライアンスについて約束するものではありません。
- 事前の書面による承認なしに、検索広告でElevaleブランドキーワードに入札する。
- 承認なしに広告、サムネイル、またはソーシャルメディアのクリエイティブでOttoを使用することはできません。Ottoをご覧ください。
- 人々に誤解を与えるような方法で、当社のブランドを模倣したり、誤って表現したりしないでください。Elevale、当社のチーム、またはプラットフォームの所有者であるかのように話したり、デザインしたり、自己紹介したりしないでください。紹介プログラム以外のサービスを当社が推奨しているかのように示唆しないでください。
- ロゴのカスタムイラストを依頼したり、サードパーティのテンプレートに組み込んだり、当社のロゴマークを模倣したストック画像を使用したりすることができます。
使用が承認された資産
ブランドハブとキットから要素を選びましょう。迷ったときは、即興で要素を詰め込むよりも、要素の数を少なくする方が賢明です。
- フルカラー、ダークカラー背景、反転ロゴ（SVG/PNG形式）。スペースが限られている場合や、ブランドが既に認知されている場合は、ロゴマークのみを使用してください。
- ピンク、紫、ニュートラルカラー、グラデーションは、コアカラーとグラデーションで定義されているとおりです。
- このハブサイトまたはマーケティングサイトから見出しや根拠となるポイントを引用してください。新しいキャッチフレーズは作成しないでください。
- ブランドキットに含まれるスライド、ソーシャルメディア用画像、メールヘッダー（利用可能な場合）を使用してください。レイアウトを拡張し、ロゴは描き直さないでください。
アフィリエイトの適切な配置
Elevale 目立つロックアップ、承認された色、紹介リンクへの明確なCTA、そして正直な開示。
Elevale プロモーションにおいて、ロゴの色を変更したり、商品名を創作したり、当社のブランドを貴社ブランドに置き換えたりすること。
顧客紹介プログラム参加者は、Elevaleについて公に言及する際は、このセクションの規定に従ってください。プログラムのルールと手数料については、紹介プログラムページをご覧ください。
執行
Elevaleは、アフィリエイトのアクセスを一時停止または終了したり、コミッションの支払いを保留したり、規約違反のアセットの削除を要求したりする場合があります。繰り返しの不正使用や重大な不正使用は、提携関係の終了につながる可能性があります。
再販業者
再販業者として申し込む承認された再販業者は、Elevaleを自社製品として運用します。ホワイトラベル機能が組み込まれており、クライアントのワークスペース全体に、お客様のロゴ、メインカラー、ドメインが表示され、クライアントエクスペリエンスにおけるElevaleのブランディングは最小限に抑えられます。お客様は常に最前線に立ち、私たちは舞台裏でプラットフォームを支えます。
ホワイトラベルで得られるもの
再販業者プログラムは、Elevaleを主力ブランドとして宣伝するためではなく、顧客との関係構築と市場開拓のために構築されています。
- すべてのクライアントログイン、メール、ワークスペースにおいて、あなたの身元情報に基づいてプラットフォームを表示してください。
- ファウンデーション、ビジネス、プロフェッショナルプランそれぞれに、独自の料金設定が可能です。
- 戦略、OKRs、KPIs、およびレポート作成を、独自のブランドシステムでマーケティングと販売を行う方法論として活用しましょう。
- クライアントが受け取るモジュールを選択し、それらがあなたのチームと連携するか、内蔵のAIアドバイザーと連携するかを選択します。
製品と販売方法
顧客はワークスペース内でしかあなたのブランドを目にしません。マーケティングや営業活動においては、プラットフォームをあなたの製品および手法として、あなたの名前とイメージで提示してください。
ホワイトラベル再販業者はElevaleのアフィリエイトとして販売しません。当社のブランドとの共同ブランディングは、両方の名前を1つのアセットに表示する必要がある稀なケースに限られます。該当する場合は、共同ブランディングを参照してください。それ以外の場合は、Elevaleを顧客向けおよび市場投入用のクリエイティブから除外してください。
チェックインのタイミング
パートナーコンソール内での日常的なホワイトラベル設定には承認は不要です。ただし、Elevaleの名前を明記したり、Ottoを使用したり、自社ブランドと弊社ブランドの境界線を曖昧にするような外部キャンペーンを実施する前に、Elevaleにご連絡ください。
共同ブランド化
Elevaleとパートナーマークが同じアセット（ウェブサイトのヒーロー、スライド、イベントバナーなど）に表示される場合は、共同ブランディングルールに従ってください。Elevaleのみをプロモーションするアフィリエイトは、アフィリエイトに従ってください。リセラーのホワイトラベルは別です。リセラーをご覧ください。
- パートナーロゴの最小高さ：24ピクセル。ロゴを並べて表示する場合は、視覚的な重みを均等に保つこと。
- マーク間には垂直の区切り線を使用するか、24ピクセルの間隔を空けてください。決してマークを重ねないでください。
- Elevale の色を変更したり、どちらのマークにもエフェクトを追加したりしないでください。
ブランドキット
ロゴ、カラーリファレンス、テンプレートは、共有ブランドフォルダからダウンロードできます。
ブランドキットをダウンロード
含まれるもの
- ロゴファイル（SVG、PNG）：ロゴマークのみのバリエーション
- 色の参考資料とフォント（Googleドライブ上のCoolvetica CondensedとSatoshi）
- プレゼンテーションとソーシャルテンプレート
用語集
本ガイドライン全体で使用される用語の簡単な定義。
- ロックアップ
- 完全なロゴファイル：ロゴマークとワードマークが一体となったものです。これはデフォルトのElevaleロゴです。キャッチフレーズはロゴには含まれていません。
- ワードマーク
- 「Elevale」のロゴタイプは、ロゴマークの横にCoolvetica Condensedフォントで配置されています。外部資料では単独で使用せず、ロゴマークと組み合わせて使用してください。
- ロゴマーク
- ワードマークの横にある、ピンクと紫の四角形が組み合わさったもの。古い資料ではシンボルとも呼ばれていました。ブランドが認知された後は、狭いスペースでのみ単独で使用してください。
- キャッチフレーズ
- マーケティングページのロゴの下に表示される補足説明文。例えば、「決して廃れることのない戦略」など。ページデザインで指定されているとおり、本文または表示テキストに設定されます。これはロゴマークの一部ではありません。
- 空きスペース
- ロゴの周囲に設ける最小限の余白。この余白には、文字、グラフィック、またはエッジが入り込んではいけません。これにより、ロゴの視認性とすっきりとした印象が保たれます。
- x
- クリアスペースの測定単位は、標準ロックアップサイズ（20ピクセル）におけるロゴマークのピンク色のコーナーモジュールの高さです。ロックアップの各辺には、少なくとも1倍のクリアスペースが必要です。
- フルカラーロックアップ
- 明るい背景におけるデフォルトのロゴ：フルカラーのロゴマークに濃い色のワードマーク。ブランドグラデーションや、オーバーレイなしで複雑な写真に使用しないでください。
- 暗闇の中での監禁
- 濃い色の背景の場合：フルカラーのロゴマークに白いワードマークが入ります。ロゴマークはピンクと紫のままですが、ワードマークのみが白に反転します。
- 逆ロックアップ
- ブランドのグラデーションやダーク系のアプリUIに適した、オールホワイトのロゴマークとワードマークです。グラデーションや背景によってコントラストが低下するような場面では、フルカラーのロゴマークの代わりにこちらを使用してください。
- ブランドグラデーション
- ヒーローロゴ、CTA（コールトゥアクション）、プレミアムバンドに使用される、特徴的なピンクから紫への直線的なグラデーション。このグラデーションの上にフルカラーのロゴを配置しないでください。ロゴが必要な場合は、反転したロゴを使用してください。
- ロゴバリエーション
- 特定の背景または使用例（例えば、フルカラー、暗い背景、反転、またはロゴマークのみ）に対応した、承認済みのロゴファイル。
- アフィリエイト
- Elevaleを当社の公式ブランド資産と紹介トラッキングを使用して紹介するパートナー。アフィリエイトはElevaleをElevaleとして表示し、アフィリエイトセクションに従います（ホワイトラベルではありません）。
- ホワイトラベル
- 再販業者向け設定では、クライアント製品内のElevaleブランドをパートナーのロゴ、メインカラー、ドメインに置き換えます。クライアントは、プラットフォームをパートナーの製品として利用します。
- 共同ブランド化
- Elevaleロゴをパートナーマークと並べて同じマーケティング資料に掲載します。代理店やイベントでの使用を想定しており、日常的な再販業者クライアントのワークスペースには使用しません。
- ブランドキット
- ロゴ、カラーリファレンス、テンプレート、および関連アセットを含む共有ダウンロードフォルダは、ダウンロードセクションまたはGoogleドライブから入手できます。
- 表示タイプ
- Coolveticaは、見出しやマーケティングにおける強調表現に使用します。長い段落ではなく、短くインパクトのある行に限定して使用してください。
- 体型
- Satoshiは、UIコピー、段落、表などに使用されます。サイト上のほとんどの商品情報や長文記事が掲載されています。
- カラートークン
- HEX、RGB、およびCSS変数値で指定されるブランドカラー（例：ピンク、パープル、ダーク）。トークンを使用することで、デザインとコードの整合性を保つことができます。
- オットー
- Elevaleのキャラクターであり、AI戦略アドバイザー。彼は解決策を象徴する存在です。明確さ、エネルギー、そして目的を持った喜びを体現し、問題ではなく、決してマスコットや小道具として扱われることはありません。
- ブランド価値
- Elevaleの根底にある譲れない原則：製品とコミュニケーションを支える、整合性、明確さ、証拠、そしてリーダーシップレベルの実行力。
- メッセージング
- 市場に対して私たちが伝えるメッセージ：ポジショニング、ターゲット層、約束、そして実績を、見出し、行動喚起（CTA）、そして販売促進メッセージの中で一貫して表現する。
- 声のトーン
- 私たちが言うには、ウェブサイト、製品UI、販売に関する、明確で、決断力があり、人間味のあるライティングルールであり、メッセージングとは異なるが、同じ価値観に基づいて構築されている。
よくある質問
マーケティング、製品、パートナー向け資料にElevaleブランドを適用する際の簡単な回答。
どのロゴバリエーションを使用すべきでしょうか？
白またはオフホワイトの背景には、フルカラーのロゴマークを使用してください。暗い単色の背景には、暗い背景用のロゴマーク（カラーのロゴマーク、白いワードマーク）を使用してください。暗いアプリのUIやコントラストの低い領域には、反転ロゴマーク（すべて白）を使用してください。バリエーションと使用方法を参照してください。
ロゴマークのみを使用することはできますか？
スペースが非常に限られていて、ブランドが既に認知されている場合のみ使用してください。ファビコン、コンパクトなアプリアイコン、または確立された製品内ナビゲーションなどです。スライド、広告、ドキュメントには、フルロゴを使用してください。バリエーションを参照してください。
ロゴの色を変えたり、輪郭線を引いたり、変形させたりすることはできますか？
いいえ。ロゴの色を変更したり、エフェクトを追加したり、回転させたり、引き伸ばしたりしないでください。アートワークを編集する代わりに、ブランドキットまたはロゴライブラリから承認済みのファイルを使用してください。
どのくらいの空きスペースが必要ですか？
ロゴマークのピンク色のコーナーモジュールの高さ（標準ロックアップサイズでは20px）をxとして、各辺に少なくとも1つのxのクリアスペースを確保してください。ロゴの構造と用語集を参照してください。
写真にロゴを入れることはできますか？
はい、コントラストが十分であれば可能です。ロゴの背後に明るい色または暗い色のオーバーレイを追加するか、暗い領域に反転したロックアップを使用してください。十分な分離のない複雑な背景は避けてください。使用方法を参照してください。
公式ロゴファイルはどこでダウンロードできますか？
Google Drive のブランドキット (SVG および PNG ロゴ、カラーリファレンス、テンプレート) を開くには、ダウンロード を使用してください。最新のロゴのみを表示するには、バリエーション セクションの ロゴライブラリへ を使用してください。
パートナーロゴの横にElevaleを表示できるのはいつですか？
両方のマークが同じマーケティング資産（サイト、プレゼンテーション資料、イベントなど）に表示される場合は、共同ブランディングを使用してください。視覚的な重みを均等に保ち、少なくとも24ピクセルの間隔または区切り線を使用し、どちらのマークも変更しないでください。詳しくは共同ブランディングをご覧ください。ホワイトラベルのクライアント製品を提供する再販業者は、代わりに再販業者をご覧ください。
再販業者はElevaleブランドで何ができるのでしょうか？
再販業者は、クライアントエクスペリエンス（ロゴ、色、ドメインなど）をホワイトラベル化し、プラットフォームを自社製品として販売できます。エンドクライアントにはElevaleのブランドを表示しないでください。詳細なガイダンスは、再販業者または再販プログラムページをご覧ください。
アフィリエイトおよび紹介パートナーにはどのようなルールが適用されますか？
公式のElevaleアセット、承認済みのロゴ、ブランドに沿ったメッセージ、およびトラッキングリンクを使用する必要があります。承認なしにロゴを変更したり、ホワイトラベルを使用したり、有料キャンペーンを実施したりすることはできません。アフィリエイトの企業ルールと、友達紹介のプログラム規約をご覧ください。
どのフォントを使えばいいですか？
見出しにはCoolvetica Condensedを、本文とUIにはSatoshi（ウェイト400、500、700）を使用してください。類似フォントは使用しないでください。 Google Drive から Coolvetica と Satoshi をダウンロードするか、Display と Body を参照してください。
ブランド承認について問い合わせるには、誰に連絡すればよいですか？
キャンペーン、商品、またはここに記載されていない用途については、公開前にお問い合わせページからElevaleまでご連絡ください。適切なロゴバリエーションと共同ブランディング処理を確認できるよう、モックアップと使用予定のチャネルをお知らせください。
マーケティングにおいて、Ottoはどのような場合に活用できますか？
彼が解決策を象徴する場合：明確さ、エネルギー、喜び、そして目的のあるガイダンスであり、問題、マスコット、小道具ではありません。文脈と承認ルールについてはOttoをお読みください。外部公開する前にブランドチームにご連絡ください。