MIZLY公式トップへ ↗

MIZLY BRAND GUIDELINES
COLOR & MOTION

Three ways
to build our palette.

基本色・補助色・無彩色。
主役はアクア。色数を増やすより、
色の面積と組み合わせで表現します。

Core Colors 基本色

Accent Colors 補助色

Greys 無彩色

カーソルを横に動かすと、カードが重なりながら浮き上がります。タップでも選択できます。HEXをコピーできます。補助色は1つのビジュアルにつき原則1色まで。

Matching color
to imagery.

写真の中の色と隣の色面を響かせる。
人・街・水の自然な色を生かし、
写真ごとに視線の集まる場所をつくります。

街を走るランナーのシーン。既存のコンセプト画像。
Deep Teal#007A82
オフィスでの接点を表す既存のコンセプト画像。
MIZLY Aqua#00C8CE
イベントでの接点を表す既存のコンセプト画像。
Orange#FF5C28

写真は既存のコンセプト素材です。実施実績や取引先を示すものではありません。

BRAND IN THE WORLD / SECTION STUDIES

色から、体験へ。

大きな写真、短いモーション、街の接点。
ブランドが使われる場面まで見せる。

ランニング後に水を手渡すブランドイメージMIZLY
01 / EVERYDAY CONNECTIONS日常の接点を、大きな一枚で。

A little water.
A new connection.

手に取る、読む、誰かに話す。
水を受け取る瞬間を起点に、
人とブランドの接点を描きます。

02 / BRAND MOTION ブラウザーアニメーションによる動画構成の試作
MIZLY 正式ロゴ

出会いは、
いつもの
場所に。

WATER. PEOPLE. BRANDS.
03 / CAMPAIGN EXPRESSION
街とボトルの接点を表すコンセプト画像
04 / LIFE AROUND THE BRAND
NEXT / FILM PRODUCTION

実写動画は「街の風景 → 水を手渡す → ラベルに目を留める → ロゴ」の短い流れを想定。無音でも伝わる構成で、横長と縦長に展開します。

掲載画像・コピーは検討用のコンセプトです。配布実績や広告主との契約を示すものではありません。実写動画ファイルは未制作です。

See our color
come to life.

広告、Web、営業資料へ。
同じ色のルールで、表現をつなぐ。

MIZLY 正式ロゴ

Water.
People.
Brands.

ひと口から、つながる。

MIZLY 正式ロゴABOUT / CONTACT

水を、出会いの
きっかけに。

ブランドとの新しい接点
MIZLY / FOR PARTNERS

街との接点を、
一緒につくる。

BUSINESS PRESENTATION

コピーと使用例は検討案です。色を切り替えると、3つの使用例に同じ配色が反映されます。

Bright.
And readable.

鮮やかさと、読みやすさを両立。
アクアの上は黒。
白い本文には、深いティールを。

Aaアクア × 黒
9.13:1 / 通常本文に使用可
Aaティール × 白
5.11:1 / 通常本文に使用可
Aaアクア × 白は2.07:1
本文には使いません
制作・印刷時のルール

既存ロゴは正式データをそのまま配置し、形・字間・縦横比を変えません。HEXは画面用の基準です。印刷はラベル素材で色校正を行い、再現性を確認します。商品形状は採用容器の仕様で確認します。

基本色のアクアとティールは既存色。オレンジ・黄・青・ピンクは提案色です。本文はコントラスト比4.5:1以上を基準にしています。