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
260
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
SAMSUL KAMAR ABDUL RAHMAN
samsulrahman32
0
120
FigmaのFigmaファイルから学ぶTips & Tricks
hilokifigma
0
620
1920*1080pxに設定したケース / Google Slide Size Test
arthur1
0
3.1k
真・altはつけるだけじゃなくて -alt属性の考察 2025年版-
securecat
5
1.6k
共通認識のためのユーザビリティテスト by AIエージェント - Accelerating Value Delivery
gakuoya
1
700
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
t_east
1
1.1k
portfolio.pdf
onof003
0
110
BPStudy#213〜ビジネスアナリシスとDDD(ドメイン駆動設計)パネルディスカッション資料 / BPStudy213-panel
haru860
0
460
タイミーでフィールドワークしたら、サービスデザインが始まった
kenichiota0711
2
2.8k
Yahoo!フリマ:生成AI利用機能ならではのインターフェース設計について / Yahoo! JAPAN Flea Market: Interface Design Specific to Generative AI Utilization Features
lycorptech_jp
PRO
0
360
Goodpatch Tour💙 / We are hiring!
goodpatch
31
870k
プロジェクト内でデザイナーができること 日経電子版アプリ機能開発「For You」#nikkei_tech_talk
nikkei_engineer_recruiting
8
4.3k
Featured
See All Featured
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1k
Become a Pro
speakerdeck
PRO
29
5.5k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
53k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
49
2.9k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
Speed Design
sergeychernyshev
32
1.1k
Art, The Web, and Tiny UX
lynnandtonic
301
21k
Done Done
chrislema
185
16k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
870
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Building Applications with DynamoDB
mza
95
6.5k
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オブジェクトは、 イラストのストックから使用するこ ともできます。