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
250
HashHub - BrandGuidelines
HashHub
March 15, 2023
Tweet
Share
More Decks by HashHub
See All by HashHub
HashHub会社案内「なぜ今、パブリックブロックチェーンに賭けるのか」
hashhub
3
76k
Other Decks in Design
See All in Design
1920*1080pxに設定したケース / Google Slide Size Test
arthur1
0
2.9k
The Spectacular Lies of Maps
axbom
PRO
0
110
株式会社デイトラ様│コーポレートサイト│コンセプトシート
haruka_capeo
0
2.2k
アクセシビリティに取り組むメリット
magi1125
1
170
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
1
210
minpaku-community-scrum-patterns
norinity1103
1
120
Saudade typeface
tiagoporto
0
330
Building foundations 堅牢なデザイントークンの設計
hilokifigma
2
3.5k
私とデザインの10年
iflection
0
160
Storyboard Honey
rocioparronrubio
0
280
“ブロック”で作る、WordPress制作フロー変革のすすめ
koots2021
4
1.8k
児童相談所における養育里親委託時の親権者同意に向けたコミュニケーションの実態
trivia
0
480
Featured
See All Featured
Being A Developer After 40
akosma
90
590k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Optimizing for Happiness
mojombo
379
70k
Testing 201, or: Great Expectations
jmmastey
43
7.6k
Balancing Empowerment & Direction
lara
1
430
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
5.9k
Agile that works and the tools we love
rasmusluckow
329
21k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
181
54k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
48
2.9k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.5k
Making Projects Easy
brettharned
116
6.3k
RailsConf 2023
tenderlove
30
1.1k
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オブジェクトは、 イラストのストックから使用するこ ともできます。