Capgo ブランドリソース
公式のCapgoロゴをダウンロードし、カラーやタイポグラフィを確認してください。ディレクトリ、連携、共同マーケティングにおいてブランドの一貫性を保つためのガイドラインを用意しています。
ロゴのダウンロード
各ロゴを確認して、SVGまたはPNGをダウンロードしてください。ファイルは本番環境ですぐに使える品質で、capgo.appで使用されているベクターデータと一致しています。
YouTubeチャンネルバナー
2560×1440のYouTubeチャンネルアートです。白いロゴは、Capgoのネイビーバナー上で、YouTubeがすべてのデバイスで表示するセーフエリア内に配置されています。
カラーパレット
これらの色はCapgoマーケティングサイトのテーマに基づいています。ブランド要素にはBanner NavyとIcon Navyを使用し、インタラクティブなハイライトにはAccent Blueを使用してください。
Banner Navy
主要なマーケティング用背景および横型のロゴロックアップ用。
ネイビーのアイコン
明るい背景色における、アプリアイコンの背景およびnavyのロゴ構成。
ヘッダー領域
ウェブサイト上のナビゲーションピルおよび浮き上がったUIパネル。
アクセントブルー
リンク、フォーカスリング、および主要なCTAのハイライト (azure-500)。
フォーカスリング
暗い背景色における、キーボードフォーカスおよびインタラクティブな強調表示。
ページ背景
サイトのデフォルトのボディ背景色 (gray-900)。
タイポグラフィ
Satoshi Variable (主要なブランドおよびUI用書体)
利用可能なウェイト: 300から900まで(イタリック体を含む)。サイトのフォントバンドルから可変WOF2形式で提供されます。
Capgo は Live Update を提供します。
capgo.app の本文には、段落、ラベル、UIテキスト用に、SatoshiファミリーのRegularおよびMediumウェイトが使用されています。
使用ガイドライン
Capgo のロゴロックアップは、一つのユニットとして扱ってください。アイコンのみのアセットを使用する場合を除き、ダイヤモンドマークとワードマークは常にセットで使用してください。
推奨事項
- ロゴ全体の周囲には、Capgo マークの高さと同じ分のアイソレーションを確保してください。
- ロゴ全体の最小サイズは、画面上では幅 120px、印刷では幅 0.75 インチとしてください。
- 十分なコントラストを確保してください:暗い背景には白のロゴ、白または非常に明るいニュートラルカラーの背景にはネイビーのロゴを使用します。
- 製品名は Capgo と表記してください(Cは大文字、apgoは小文字)。文章内で CAPGO、CapGo、または Cap Go と表記しないでください。
禁止事項
- ロゴの縦横比を変えたり、引き伸ばしたり、押しつぶしたりしないでください。
- 承認されたネイビーと白の組み合わせ以外で、マークやワードマークの色を変更しないでください。
- ロゴにドロップシャドウ、グロー、アウトライン、3D効果などを追加しないでください。
- ウェブサイトのヘッダーにある控えめなマークのアニメーションを除き、ロゴの回転、歪み、アニメーションは禁止です。
- 複雑な写真やコントラストの低いグラデーションの上に、白のロゴを配置しないでください。
名称について
Capgo は一単語です。文章中では固有名詞として使用してください(例:「Capgo は Capacitor アプリに Live Update を配信します」)。
プレス向け概要
Capgo は、Capacitor および Ionic アプリ向けのオープンソース live update プラットフォームです。Capgo を活用することで、App Store の審査を待つことなく、JavaScript、HTML、CSS のアップデートを即座に配信し、リリースチャネルの管理、Native Build の実行、ロールアウト状況のモニタリングをチームで行うことができます。