Skip to main content

Filo ブランドガイド

私たちのロゴは、FiloMailブランドを象徴する最も認知度の高いアイコンです。以下のセクションでは、ロゴがさまざまな状況、フォーマット、コミュニケーションにどのように適応できるかを説明します。

Logo Horizontal

標準組み合わせ仕様(横型ロックアップ)

Logo Horizontal Clearspace

クリアスペース(横型ロックアップ)

Logo Vertical

標準組み合わせ仕様(縦型ロックアップ)

Logo Vertical Mono

クリアスペース(縦型ロックアップ)

02 アプリ&ソーシャルアイコン

Downloadダウンロード

このセクションでは、アプリアイコンの適用基準と最小使用サイズを規定し、さまざまなシナリオでのソーシャルメディアアバターの使用方法を定義します。

App Icon on light backdrop

明るい背景上

App Icon on dark backdrop

暗い背景上

The minimum display size

最小表示サイズ

Social Icons Light

明るい背景上のソーシャルアイコン

Social Icons Blue

青い背景上のソーシャルアイコン

03 カラー

Downloadダウンロード

プライマリカラー

コアパレットはカラー戦略の基盤であり、ブランドの主要なタッチポイントでの第一印象として機能します。一貫した使用により、FiloMailブランドの認識可能なビジュアルキューが確立され、セカンダリパレットによって補完されます。

HEX #22A0FB

RGB 34 160 251

PMS 2382C

HEX #002346

RGB 0 35 70

PMS 540C

HEX #0D93F3

RGB 13 147 243

PMS 2382C

HEX #9DDEFF

RGB 157 222 255

PMS 2905C

HEX #EEF9FF

RGB 238 249 255

PMS 290C

HEX #EEF9FFHEX #FFFFFF
HEX #0D93F3HEX #22A0FBHEX #9DDEFF

セカンダリカラー

セカンダリパレットはブランド表現の幅を広げ、FiloMailが喜びと活力の精神を維持しながらさまざまな文脈に適応できるようにします。これらの色は、コミュニケーションに興味を加えたり、特定の画像やメッセージを補完したりするために使用できます。

HEX #A02313
HEX #CB8E0A
HEX #487E3E
HEX #26879A
HEX #5045A7
HEX #BA3970
HEX #DE6C45
HEX #EFBA49
HEX #52A643
HEX #4CB4C9
HEX #8374F1
HEX #E35F91
HEX #FFCFBF
HEX #FFE7B3
HEX #B3EAA9
HEX #A1E6F3
HEX #C4ABFF
HEX #FCB7D3

04 さまざまな背景でのロゴ使用

コアパレットを背景としたシナリオでのロゴ適用基準

Black 100%
Black 100%
Black 80%
Black 80%
Black 60%
Black 60%
Black 40%
Black 40%
Black 20%
NoBlack 20%
Black 10%
Black 10%
Blue 100%
NoBlue 100%
Blue 80%
NoBlue 80%
Blue 60%
NoBlue 60%
Blue 40%
NoBlue 40%
Blue 20%
Blue 20%
Blue 10%
Blue 10%
Blue 100%
Blue 100%
Blue 80%
Blue 80%
Blue 60%
Blue 60%
Blue 40%
Blue 40%
Blue 20%
NoBlue 20%
Blue 10%
NoBlue 10%

05 画像上でのロゴ使用

私たちのロゴは、画像のコンテキスト内で常に明確に識別でき、尊重されるべきです。背景写真とロゴの間に十分なコントラストがあることを確認してください。

正解:ロゴと背景に十分なコントラストがあります。
正解:ロゴと背景に十分なコントラストがあります。
正解:ロゴと背景に十分なコントラストがあります。
正解:ロゴと背景に十分なコントラストがあります。
不正解:ロゴの配置が複雑な背景と干渉しています。
不正解:ロゴの配置が複雑な背景と干渉しています。
不正解:ロゴの配置が複雑な背景と干渉しています。
不正解:ロゴの配置が複雑な背景と干渉しています。

06 ロゴの禁止使用例

ブランドシグネチャーの一貫性とインパクトを確保するため、ロゴを再解釈、変更、または装飾することは避けてください。このページでは、避けるべき変更例を示します。

ロゴを引き伸ばしたり歪めたりしないでください
ロゴを引き伸ばしたり歪めたりしないでください
ロゴを回転させないでください
ロゴを回転させないでください
ロゴの配置を変更しないでください
ロゴの配置を変更しないでください
ロゴにアウトラインを追加しないでください
ロゴにアウトラインを追加しないでください
低解像度のロゴを使用しないでください
低解像度のロゴを使用しないでください
ロゴをマスクとして使用しないでください
ロゴをマスクとして使用しないでください
グローやドロップシャドウなどの効果を適用しないでください
グローやドロップシャドウなどの効果を適用しないでください
ロゴに未承認の色の組み合わせを使用しないでください
ロゴに未承認の色の組み合わせを使用しないでください
シンボルとワードマークのスケール関係を変更しないでください
シンボルとワードマークのスケール関係を変更しないでください

07 タイポグラフィ

Downloadダウンロード

さまざまなシナリオでの使用に対応するため、包括的なウェイトを持つ2つのGoogleフォントを選択しました:Maven Proは見出しフォントとして、Montserratはシステム埋め込みまたは本文テキストに適用されます。

Maven Pro Font

タイトルフォント

Montserrat Font

本文フォント

08 パートナーロックアップ

FiloMailのロゴは、パートナーブランドやコラボレーターのロゴと組み合わせることができます。以下は、主要な横型ロックアップ構成の例です。

Partner Logo Lockup

ロゴ

Partner Icon Lockup

アイコン