Top Banner
Hamee Brand Guidline Version 1.1 - Sep. 2017 01 - 08 09 10 - 11 12 13 Logo Color Typography Illustration Misuse happy mobile, easy e-commerce
15

happy mobile, easy e-commerce - Hamee株式会社hamee.co.jp/files/company/pdf/hamee_logo_manual...わたしたち...

Jul 04, 2020

Download

Documents

dariahiddleston
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: happy mobile, easy e-commerce - Hamee株式会社hamee.co.jp/files/company/pdf/hamee_logo_manual...わたしたち Hameeは人が本来持つ「クリエイティブ魂に火をつける」というビジョンの実現に向け、

Hamee Brand GuidlineVersion 1.1 - Sep. 2017

01 - 080910 - 111213

LogoColorTypographyIllustrationMisuse

happy mobile, easy e-commerce

Page 2: happy mobile, easy e-commerce - Hamee株式会社hamee.co.jp/files/company/pdf/hamee_logo_manual...わたしたち Hameeは人が本来持つ「クリエイティブ魂に火をつける」というビジョンの実現に向け、

わたしたち Hameeは人が本来持つ「クリエイティブ魂に火をつける」というビジョンの実現に向け、事業領域を happy mobile, easy e-commerce 「世界中のモバイルユーザーに驚きを。ネット通販を簡単に。」とし、本気のプロダクト&サービスをつくり、グローバルにひろめ続けます。

そんなわたしたちの行動を凝縮して表現しているのが、Hameeのロゴになります。このロゴという一つの道しるべを掲げ、一人一人が同じ方向を向くことで、Hameeブランドが築き上げられていきます。

ここにブランドガイドラインをまとめました。しかしまだ完全なものではなく、愛されるブランドになるべく進化を続けていきます。積極的かつ効果的に表現しながら、育て上げていきましょう。

Introduction

Page 3: happy mobile, easy e-commerce - Hamee株式会社hamee.co.jp/files/company/pdf/hamee_logo_manual...わたしたち Hameeは人が本来持つ「クリエイティブ魂に火をつける」というビジョンの実現に向け、

Hamee Brand Guidline

01

Version 1.1 - Sep. 2017

シンボル ロゴタイプ

ロゴHameeのロゴは、シンボルとロゴタイプの組み合わせによって成り立っています。

シンボルの形状は人との出会いや繋がりを握手のかたちで表現しているもので、Hameeイエローは明るく前向きな気持ちを表し、見る人の脳に刺激を与えます。ロゴタイプの「e」の右上がりな曲線は、直線的な規定路線の進化を上回る、驚きの進化を表しています。

Logo

Page 4: happy mobile, easy e-commerce - Hamee株式会社hamee.co.jp/files/company/pdf/hamee_logo_manual...わたしたち Hameeは人が本来持つ「クリエイティブ魂に火をつける」というビジョンの実現に向け、

Hamee Brand Guidline

02

縦組み

横組み

ロゴは横組みと縦組みの2種類があります。これらが基本形になるので、優先的に使用してください。

Logo_基本形

Version 1.1 - Sep. 2017

Page 5: happy mobile, easy e-commerce - Hamee株式会社hamee.co.jp/files/company/pdf/hamee_logo_manual...わたしたち Hameeは人が本来持つ「クリエイティブ魂に火をつける」というビジョンの実現に向け、

Hamee Brand Guidline

03

シンボルとロゴタイプの間には、定められたスペースがありますので、スペースを守って使用してください。

Logo_シンボルとロゴタイプのスペース

0.3AA

0.1A

A

Version 1.1 - Sep. 2017

Page 6: happy mobile, easy e-commerce - Hamee株式会社hamee.co.jp/files/company/pdf/hamee_logo_manual...わたしたち Hameeは人が本来持つ「クリエイティブ魂に火をつける」というビジョンの実現に向け、

A

A

Hamee Brand Guidline

04

Version 1.1 - JULY 2017

アイソレーションとはデザインの視認性や品質を守るために定められた余白のことです。ロゴのイメージを定着させるため、この余白内に一切の要素を入れることを禁止します。

Logo_アイソレーションスペース

0.5A 0.5A

0.5A

0.5A

0.5A0.5A

0.5A

0.5A

Page 7: happy mobile, easy e-commerce - Hamee株式会社hamee.co.jp/files/company/pdf/hamee_logo_manual...わたしたち Hameeは人が本来持つ「クリエイティブ魂に火をつける」というビジョンの実現に向け、

Hamee Brand Guidline

05

アウトライン

単色表示

分離

Logo

使用されるスペースによっては、右に並べたようなバリエーションが使用できます。より効果的にHameeブランドを伝えることができるものを選んで使用してください。

分離タイプに関しては、ロゴタイプがなくてもHameeと分かる場合、またシンボルが表現したい世界観にマッチしないなど、場合によっては分離した表示が可能。

SNSなどの丸いアイコンなどにシンボルを使用する際は、元のシンボルのイメージに近づけるため、SNS用のデータを用意しますので、そちらを使用ください。

_バリエーション

SNS丸アイコン用

元のシンボルライン部分を90%縮小※このデータを用意します

使用イメージ

Version 1.1 - Sep. 2017

Page 8: happy mobile, easy e-commerce - Hamee株式会社hamee.co.jp/files/company/pdf/hamee_logo_manual...わたしたち Hameeは人が本来持つ「クリエイティブ魂に火をつける」というビジョンの実現に向け、

Hamee Brand Guidline

06

最低限の視認性を確保するために、最小使用サイズを守って使用してください。印刷物とスクリーン表示で単位や数値が異なります。

Logo_最小使用サイズ

印刷

基本形

アウトライン

分離

スクリーン

6mm

48px3mm

16px

6mm

3mm48px

16px

3mm

1.3mm10px

16px

Version 1.1 - Sep. 2017

Page 9: happy mobile, easy e-commerce - Hamee株式会社hamee.co.jp/files/company/pdf/hamee_logo_manual...わたしたち Hameeは人が本来持つ「クリエイティブ魂に火をつける」というビジョンの実現に向け、

Hamee Brand Guidline

07

フルカラー表示

単色表示 背景がHamee Yellowの近似色

※シンボルが元のイメージと離れてしまうため 使用禁止

Logo

ロゴと背景色の関係を表したチャートです。こちらは目安ですので、状況に応じてよりロゴが効果的に表示できる組み合わせを選択してください。

単色表示などで黄色が使えない場合も、シンボルの黄色の印象を与えたいので、暗い色の塗りつぶしを使用せず、アウトラインタイプを使用してください。

_カラーチャート

Version 1.1 - Sep. 2017

Page 10: happy mobile, easy e-commerce - Hamee株式会社hamee.co.jp/files/company/pdf/hamee_logo_manual...わたしたち Hameeは人が本来持つ「クリエイティブ魂に火をつける」というビジョンの実現に向け、

Hamee Brand Guidline

08

シンボルをクリエイティブに表現する場合は、根本の形状がある程度保たれていて、右の3つのパターンのいずれかであれば可能とする。使用するのは社名を表示する場所でなく、シンボルを象徴的に使いたい場合のみです。ロゴタイプの有無は状況によって使い分けてください。

基本的に自由に表現して構わないのですが、世間に公開されるものに関してはデザイン部で一度確認させてください。

※他社のロゴマークに似たものは作らないでください。※商品・パッケージには使用しないでください。

Logo_クリエイティブな表現

形は変えず、絵柄を変更 大まかにシンボルに見えれば自由

背景の形状を変更

Version 1.1 - Sep. 2017

Page 11: happy mobile, easy e-commerce - Hamee株式会社hamee.co.jp/files/company/pdf/hamee_logo_manual...わたしたち Hameeは人が本来持つ「クリエイティブ魂に火をつける」というビジョンの実現に向け、

Hamee Brand Guidline

09

ロゴに使用されている「Hamee Yellow」は、明るく前向きで刺激的な気持ちを表します。Hameeを象徴する黄色を引き立たせる配色を心がけてください。

Color

Hamee Yellow Hamee Gray

167 582DIC

C:0, M:0, Y:100, K:0 C:0, M:0, Y:0, K:85CMYK

R:255, G:241, B:0 R:75, G:73, B:72RGB

FFF100 4B4948HTML

Process Yellow U 425 CPANTONE

Version 1.1 - Sep. 2017

Page 12: happy mobile, easy e-commerce - Hamee株式会社hamee.co.jp/files/company/pdf/hamee_logo_manual...わたしたち Hameeは人が本来持つ「クリエイティブ魂に火をつける」というビジョンの実現に向け、

Hamee Brand Guidline

Typography

Hamee株式会社 神奈川県小田原市ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz 0123456789!@#%&*(,.:”?)

Hamee株式会社 神奈川県小田原市ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz 0123456789!@#%&*(,.:”?)

漢字・かな/こぶりなゴシック StdN W6 英数字/Avenir Next Demi Bold

漢字・かな/こぶりなゴシック StdN W3 英数字/Avenir Next Regular

推奨書体は、シンボルやロゴタイプと親和性の高い書体を選定しています。会社の公式なアイテム(名刺や封筒の住所表記)等に積極的にご使用ください。これらの書体が使用できない場合は次ページにある補助書体や、類似の書体を使用してください。ただし、会社の公式なアイテムに使用することを主に想定されたフォントですので、広告などのクリエイティブ表現については、状況に応じて自由にフォントを使用してください。

_推奨書体

10

Version 1.1 - Sep. 2017

Page 13: happy mobile, easy e-commerce - Hamee株式会社hamee.co.jp/files/company/pdf/hamee_logo_manual...わたしたち Hameeは人が本来持つ「クリエイティブ魂に火をつける」というビジョンの実現に向け、

Hamee Brand Guidline

Typography Hamee株式会社 神奈川県小田原市Hamee株式会社 神奈川県小田原市Hamee株式会社 神奈川県小田原市

和文フォント 新ゴ Pro

ABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZABCDEFGHIJKLMNOPQRSTUVWXYZ

欧文フォント Helvetica Neue

ABCDEFGHIJKLMNOPQRSTUVWXYZ ABCDEFGHIJKLMNOPQRSTUVWXYZ

Rift Soft

Hamee株式会社 神奈川県小田原市Hamee株式会社 神奈川県小田原市

秀英丸ゴシック

補助書体は、汎用性の高い書体を選定しています。推奨書体が使用できない場合に使用してください。ただし、会社の公式なアイテムに使用することを主に想定されたフォントですので、広告などのクリエイティブ表現については、状況に応じて自由にフォントを使用してください。

_補助書体

11

Version 1.1 - Sep. 2017

Page 14: happy mobile, easy e-commerce - Hamee株式会社hamee.co.jp/files/company/pdf/hamee_logo_manual...わたしたち Hameeは人が本来持つ「クリエイティブ魂に火をつける」というビジョンの実現に向け、

Hamee Brand Guidline

12

シンボルを構成する繋がりを意味するラインを使用して、文字やイラストを作成することが可能です。黄色い地にグレーのラインが望ましいですが、場合によってはその限りではありません。ただし正式なシンボルに似たものは作らないでください。

Illustration_Hamee Line

Version 1.1 - Sep. 2017

Page 15: happy mobile, easy e-commerce - Hamee株式会社hamee.co.jp/files/company/pdf/hamee_logo_manual...わたしたち Hameeは人が本来持つ「クリエイティブ魂に火をつける」というビジョンの実現に向け、

Hamee Brand Guidline

Misuse

近い距離にシンボルを複数表示してはならない

フルカラー表示のタイプは指定以外の色を組み合わせてはならない

文中にロゴを混ぜてはならない

私たちは です。

アウトライン表示をしてはならない 影をつけてはならない 変形をしてはならない

誤った使用の一例です。これらの表現をすると効果的にHameeブランドを伝えることができないので、このような表現をしないようにしてください。

_誤用例

13

シンボルとロゴタイプの順番を入れ替えてはならない

シンボルとロゴタイプの比率を変えてはならない

シンボルにロゴタイプ以外のフォントで組み合わせてはならない

複雑な背景の上に表示してはならないシンボルと単語を組み合わせてならない フチをつけてはならない

Version 1.1 - Sep. 2017