Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
HashHub - BrandGuidelines
Search
HashHub
March 15, 2023
Design
2
190
HashHub - BrandGuidelines
HashHub
March 15, 2023
Tweet
Share
More Decks by HashHub
See All by HashHub
HashHub会社案内「なぜ今、パブリックブロックチェーンに賭けるのか」
hashhub
3
75k
Other Decks in Design
See All in Design
プロダクトデザイナー視点から見た チームでの意思決定の難しさと 重要ポイント3点
kei141
0
510
Personal Story Sequence - Vendetta(WIP)
elrns88
0
340
利用者が離れないUX/UIデザイン 長く使われる業務アプリデザインのポイント
ncdc
4
250
Money Forward UIの紹介 / Introducing Money Forward UI
taigakiyokawa
1
2.6k
デザインシステム×プロトタイピングで挑む社会的価値の共創 / Designship2024
visional_engineering_and_design
1
300
ネーミングの極意 - その名は体を現していますか? -
kakukoki
2
400
共創するのはモノではなく価値 ── 日本の「はたらく」を変える挑戦 / Designship2024 MainStage
visional_engineering_and_design
1
570
DMMデザイン組織の生成AI導入プロセス - Adobe Fireflyと振り返る約1年とこれから -
takumasaito
1
600
2024/11/25 ReDesigner Online Meetup 会社紹介
cybozuinsideout
PRO
0
270
Yahoo Newsletter Clicker Template
xuechunwu
0
300
AIネイティブな時代におけるUXデザインの在り方とは
kuni29
0
710
Managing Design Systems (Smashing NY 2024)
nathanacurtis
2
340
Featured
See All Featured
Writing Fast Ruby
sferik
628
61k
A designer walks into a library…
pauljervisheath
204
24k
Navigating Team Friction
lara
183
15k
Designing Experiences People Love
moore
138
23k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
665
120k
Code Reviewing Like a Champion
maltzj
520
39k
Documentation Writing (for coders)
carmenintech
66
4.5k
Visualization
eitanlees
146
15k
Designing for humans not robots
tammielis
250
25k
YesSQL, Process and Tooling at Scale
rocio
169
14k
KATA
mclloyd
29
14k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
365
25k
Transcript
B R A N D G U I D E
L I N E S Version1.0 updated 2023/03
Brand Guidelines 2 このブランドガイドラインは、 HashHubが持つブランドイメージ を一貫性のあるものに保ち、 統一されたメッセージを伝えるため に作成されました。 ブランドイメージに関わるあらゆる要素を網羅しています。 ブラン
ドガイドラインにより、 社内の全員が共通認識を持ち、 企業がブ ランドを一貫して伝えることができます。 また、 ユーザーはブラン ドを認識しやすくなり、 信頼感を醸成できます。 HashHubブランドを守り、 ブランド価値を高めていきましょう。
Brand Guidelines 3 ▪ ロゴデザインについて ▪ ブランドカラーについて ▪ タイポグラフィーについて ▪
イラストレーションについて P04 P09 P11 P13
BRAND GUIDELINES 4 L O G O D E S
I G N
BRAND GUIDELINES 5 HashHubのロゴマークは二つのペンタゴン (五角形) が重なり 合うことでフォルムが成立しています。 中央の交差点に位置する ダイヤモンド (菱形)
はパーパスの 「恩恵」 を表現し、 左右のペン タゴン (五角形) はミッションの 「ワクワク」 と 「経済性」 を表現し ています。 HashHubのビジョンから抽出されたこの造形が、 HashHubブランドの象徴であり、 守り続けていくべき形です。
BRAND GUIDELINES 6 セーフゾーンとは、 ロゴが印刷物やデジタル媒体などで使用され る際に、 周囲に余白を設けることでロゴの視認性を確保するため の領域のことです。 セーフゾーンを設けることにより、 周囲の文字
や画像とロゴが重なった場合でも、 ロゴが読み取りやすくなりま す。 記載されているセーフゾーンの指定に従って使用してください。 a a
BRAND GUIDELINES HashHub 7 ロゴが不適切な状況や方法で使用された場合にブランドイメージが損なわれます。 これを防ぐために、 禁止事項を設けています。 これらの禁止事項は、 企業がブランドイメージを維持するために重要な役割 を果たします。
ガイドラインに従い、 ロゴを適切に使用することで、 ユーザーからの信頼を得ることができます。 変形させる タイプの間隔を変える レイアウトを変える 違うフォントに変える 影やフチをつける 装飾をつける 視認性の悪い背景の上に置く 色を変える
BRAND GUIDELINES 8 これらのロゴのバリエーションは、 異なる媒体や場面での使用に 適したものであり、 ブランドの一貫性を保ちつつ、 柔軟性を持た せることができます。 また、
異なる場面での使用により、 ブランド の視認性や認知度を高めることもできます。 Logo Color Logo Icon (SNS 等) コーポレートブランド サービスブランド Helvetica Neue / Regular
BRAND GUIDELINES 09 B R A N D C O
L O R
BRAND GUIDELINES 10 #1a3d9e #1a3d9e #0664be #139bee #aeeb10 ブランドカラー ブランドカラーは、
企業のブランドイメージを表現する役 割を担っています。 ブランドカラーの指定に従い、 一貫性 のあるデザインを展開することで、 ブランドの視認性や認 知度を高め、 ユーザーにブランドを強く印象づけることが できます。 #f6f6f6 #000 #777 #c4c4c4 ブランドカラー単色(オプション) ベーシック
BRAND GUIDELINES 11 T Y P O G R A
P H Y
BRAND GUIDELINES Roboto Noto sans jp 英文 和文 12 DELIVER
THE VALUE OF PUBLIC BLOCKCHAINS パブリックブロックチェーンの 恩恵をより多くの人に。 使用するフォントの種類を指定しています。 これにより、 ブランドの文字デザインを一貫性のあるものにすること ができ、 ブランドの視認性や認知度を高め、 ユーザーに ブランドを強く印象づけることができます。
BRAND GUIDELINES 13 I L L U S T R
A T I O N
BRAND GUIDELINES 3D Shadow Float 14 Blur ブランドカラー (グラデーション) を用いた3Dオブジェ
クトを積極的に採用してください (推奨であり強制では ありません) 。 空間を意識し、 必要に応じて影や遠近法 を用いてください。 3Dオブジェクトは、 イラストのストックから使用するこ ともできます。