ブランド素材
Helipodのロゴ、バッジ、カラー、利用ルール。Helipodについて書くときやリンクを貼るときに自由にお使いください。
すべてダウンロード (.zip、18 KB)SVG 12ファイル: ロゴ、ワードマーク、アプリアイコン、バッジ
カラー
インクとキャンバスの上に エメラルド。
ブランドらしさを担うのはエメラルドです。インクと白が周囲を落ち着かせ、緑だけが際立つようにしています。
Helipod Emerald
HEX #10B981 · RGB 16 185 129
メインカラー。ロゴマーク、ボタン、リンク、ハイライト。
Deep Emerald
HEX #059669 · RGB 5 150 105
ホバー状態と、明るい背景上のエメラルド色のテキスト。
Ink
HEX #09090B · RGB 9 9 11
明るい背景上のワードマークと本文テキスト。
Canvas
HEX #FFFFFF · RGB 255 255 255
明るい背景と、暗い背景上のワードマーク。
タイポグラフィ
2つの書体、 どちらも無料。
どちらもオープンソースで、Google Fontsで利用できます。
UIと本文
Inter
見出しは字間を詰めたBold、本文はRegular。アプリ、VPS、データベースのデプロイをひとつの場所で。
ワードマーク、ラベル、コード
Helipod
JetBrains Mono。ワードマークはBoldの大文字で、字間を広くとって表記します。
利用ルール
してよいことと いけないこと。
OK
- 提供しているファイルをそのまま使用し、ロゴを描き直したりワードマークを打ち直したりしない。
- 背景に対してコントラストが最も強いバージョンを選ぶ。
- ロゴの周囲に、ロゴマークの高さの半分以上の余白をとる。
- 本文中では「Helipod」と表記する。Hは大文字、ひと続きの単語。
NG
- 引き伸ばす、回転させる、傾ける、影や輪郭線などの効果を加える。
- ブランドカラー以外の色に変える、グラデーションをかける。
- 雑多な写真やコントラストの低い背景の上にロゴを置く。
- 「HeliPod」「Heli Pod」「Helipod.io」と表記する、または当社のロゴと自社のロゴを組み合わせて新しいロゴを作る。
当社のロゴを使用しても、書面で承認した場合を除き、Helipodがお客様の製品を支持または後援していることにはなりません。
