ブランドアセット

VibesCool ロゴキット

VibesCool を紹介・掲載するときは、このページの公式ロゴを使用してください。背景、構成、形式に合わせて選べます。

ダウンロード

ロゴを個別にダウンロード

背景別に、アイコンのみ / テキストのみ / アイコン + テキストを一覧で確認できます。必要な形式だけ選んでください。

明るい背景

白や明るい背景向け

アイコンのみ

アプリアイコン、プロフィール画像、正方形の表示に。

テキストのみ

横幅が狭く、シンボルを置きにくい場所に。

アイコン + テキスト

迷ったらこれ。記事、スライド、紹介ページの標準ロゴです。

暗い背景

黒や濃い背景向け

アイコンのみ

暗い UI、動画の右上、サムネイルの隅に。

テキストのみ

濃色背景でワードマークだけを置くときに。

アイコン + テキスト

濃色背景で最初に使う標準ロゴです。

ルール

使い方のルール

使ってよい場面

  • 紹介記事、登壇資料、イベント告知、連携先一覧で VibesCool を示す
  • VibesCool の名称と合わせて、どのサービスを指すか分かるように使う

ロゴの選び方

  • 明るい背景には on-light、暗い背景には on-dark を使う
  • 迷ったら、アイコン + テキストの SVG を使う

配布ファイル

  • このページからダウンロードしたファイルをそのまま使う
  • スクリーンショットからの切り出しや、見た目をまねた再作成は使わない

余白と視認性

  • ロゴの周りに、アイコン幅の半分以上の余白を取る
  • 写真や低コントラストの背景では、読みやすい面を作ってから置く

改変しない

  • 色、比率、文字間、パーツの位置を変えない
  • 影、縁取り、回転、アニメーション、別の図形を足さない

確認が必要

  • 共同企画、正式提携、スポンサー、承認済みと読める表記をするとき
  • ほかのロゴと並べて一体のロゴや公式ロックアップのように見せるとき