# Vodlix ブランドガイドライン — ロゴ、カラー、書体 **Source:** https://vodlix.com/ja/brand **Summary:** Vodlix のロゴとアイコンを SVG・PNG でダウンロードし、使い方を確認できます。余白、最小サイズ、ブランドカラー、タイポグラフィ、禁止事項をまとめています。 **Publisher:** Vodlix --- ## ブランドガイドライン Vodlixのロゴをウェブサイト、プレゼン資料、記事、イベントバナーに掲載するために必要なものをまとめました。ファイル、カラー、書体、そしていくつかの禁止事項です。申請フォームも、当社からの返答を待つ必要もありません。 ## ロゴ 背景の種類ごとに1つずつ、計4つのバージョンがあります。手元にあるファイルではなく、配置する面に合わせて選んでください。 - 白や明るい面には**明るい背景用**ロゴを使います。これがメインのロゴであり、基本となる選択です。 - 黒や暗い面には**暗い背景用**ロゴを使います。赤いマークが黒に近い背景でもくっきりと見えます。 - ブランドレッドやグラデーションの上では**白の単色のみ**を使います。赤の上に赤いマークでは判読できません。 - **アイコン単体**：ニュートラルな背景にはフルカラー、暗い背景や赤には白、色を使えない場合の明るい背景には黒を使います。「Vodlix」がすでに認知されている場所でのみ使用してください（アバター、ファビコン、アプリのタイルなど）。 **明るい背景用ロゴのロゴタイプは、暗い背景用よりわずかに太くなっています。**これは意図的なもので、今後も変わりません。明るい地の上では文字が細く見えることを補正しています。太さをご自身で調整せず、各バージョンをその名前が示す背景で使ってください。 媒体が対応している場合は、必ずSVGを使ってください。どのサイズでも鮮明で、印刷にも適しています。PNGはベクターを扱えない場面のためのものです。 ## 余白と最小サイズ ロゴの周囲には十分な余白を取り、ロゴタイプが判読できなくなるほど縮小しないでください。 ロゴの高さの½ - 四辺すべてに、少なくとも**ロゴの高さの半分**の余白を確保してください。テキスト、画像の端、他のロゴ、罫線など、何もこの範囲に入れないでください。 - これより小さくすると、ロゴタイプがつぶれ始めます。さらに小さく表示する必要がある場合は、代わりにアイコン単体を使ってください。 - フルロゴ：幅120 px / 25 mm - アイコン：幅24 px / 8 mm ## カラー ブランドレッドは**#E61D2C**です。これはアクセントカラーであり、面を塗るための色ではありません。Vodlixは白と黒を基調に赤を差し色とするブランドのため、全面を赤で塗ったパネルは当社のスタイルではありません。 ブランド - ブランドレッド - レッド（ホバー） - レッドティント ニュートラル（ライト） - インク - セカンダリーインク - ミュート - ヘアライン - サーフェス - ページ - インクバンド ニュートラル（ダーク） - ページ - サーフェス - インク - ヘアライン - レッド（ホバー） グラデーション - Stop 1 - Stop 2 - Stop 3 - Stop 4 グラデーションはヒーローエリアの背景とディスプレイ用の大きな文字にのみ使います。アイコン、バッジ、ボタンには決して使わないでください。グラデーションの上では、ロゴは白の単色です。 ## タイポグラフィ 書体は2つで、どちらも無料でGoogle Fontsから入手できます。ライセンス契約なしでVodlixのレイアウトに合わせられます。 - Merriweather Sans：ディスプレイ用 — 見出し、カードやプランのタイトル、統計の数値、フッターのブランド表記。ウェイトは400–700。 - Noto Sans：本文とUI用 — それ以外のすべて：本文、ラベル、ボタン、表。ウェイトは400–700。Notoファミリーがアラビア語、中国語、日本語をカバーしているため、本文用の書体に採用しています。 - どちらも読み込めない場合 — システムUIのサンセリフ（system-ui、次にHelveticaまたはArial）にフォールバックしてください。セリフ体やコンデンス体で代用しないでください。 ページ見出し セクション見出し リード文。見出しよりはっきりと一段小さく、ディスプレイサイズにはしません。 本文テキスト。Vodlixは、大手ストリーミング企業が自社のために構築したようなプラットフォーム（ウェブサイト、アプリ、サブスクリプション、分析）を、エンジニアチームなしで実現します。 メタデータ · 2026年8月27日 · 6分で読めます $1,550 見出しの字間は−2%です。価格、統計、表の値などの数字は、列がそろうよう等幅数字で組みます。 ## 禁止事項 ロゴは固定されたアートワークです。配置し、縦横比を保って拡大・縮小する以外は、一切手を加えないでください。 - 色を変えない — 当社のマークに貴社のブランドカラーを使わないでください。代替色は黒と白のみで、どちらもファイルとして提供しています。 - 引き伸ばしたり、つぶしたりしない — 縦横を同じ比率で拡大・縮小してください。収まらない場合はアイコンを使ってください。 - 効果を加えない — ドロップシャドウ、光彩、ベベル、アウトライン、グラデーションの塗りは使わないでください。 - 明るい背景用のロゴを暗い地に置かない — ロゴタイプが黒に近いため、ほとんど見えなくなります。暗い背景用のファイルか、白の単色を使ってください。 - Vodlix — ロゴタイプを作り直さない — 入力し直せるフォントで組まれたものではありません。必ず提供されたファイルを配置してください。 - 回転させたり、切り抜いたりしない — ロゴは水平に、欠けのない状態で配置します。傾けたり、マークの一部だけを切り取ったりしないでください。 また、ロゴを独自の図形や枠の中に入れること、当社が合意していない提携や推奨を示唆する形で使用すること、貴社の製品名やロゴの一部として使用することもお控えください。 ## ファイルのダウンロード このページのすべての素材を、個別に、またはひとつのアーカイブでダウンロードできます。媒体が対応していればSVGを、対応していなければPNGをお使いください。 すべての素材をダウンロード（ZIP、約1 MB） ロゴ - ロゴ（明るい背景用） — メインのロゴ。白や明るい面に。 - ロゴ（暗い背景用） — 黒や黒に近い面に。 - ロゴ（黒の単色） — 1色印刷、刺しゅう、彫刻に。 - ロゴ（白の単色） — 暗い背景での1色使用に。ブランドレッドやグラデーションの上で使える唯一のロゴです。 アイコン - アイコン（フルカラー） — ニュートラルな面に。SVGのみ。 - アイコン（白） — 暗い面や赤い面に。 - アイコン（黒） — 色を使えない場合の明るい面に。 メール署名：280 × 65 - メール用ロゴ — 明るい表示のメールクライアント向けにサイズ調整済みのPNG。 - メール用ロゴ（白） — 暗い表示のメールクライアント向けにサイズ調整済みのPNG。 ## ここにないものが必要ですか？ 特殊なサイズ、印刷用データ、製品のスクリーンショット、制作物が正しいかの確認など、ご相談いただければお送りします。