2021/00/00 update

Color

カラー

カラーは、私たちのブランドが大事にしている親しみやすさ・スマート・自然体であることを象徴しています。ブランドの認知と表現力のバランスを取りながら、一貫したブランドの世界観でコミュニケーションするために使用します。

DOWNLOAD

ブランドカラー

ブランドカラーは、bc orange、bc blue、black、gray、whiteの5色を組み合わせています。bc orangeはクリエイティブへの情熱を、bc blueはビジネスの問題解決に必要なロジカル思考を表しています。

bc orange

PANTONE 1665C

C0 M80 Y100 K0

R234 G85 B4

#EA5504

bc blue

PANTONE 2384C

C95 M70 Y25 K0

R0 G80 B137

#005089

black

C0 M0 Y0 K100

R0 G0 B0

#000000

gray

C0 M0 Y0 K15

R230 G230 B230

#E6E6E6

white

C0 M0 Y0 K0

R255 G255 B255

#FFFFFF

5stepカラー

5stepカラーは、私たちの特徴の一つである「5段階のブランド開発プロセス」を分かりやすく表現するために使用します。「5段階のブランド開発プロセス」を表現するときのみ使用します。

5step gray

C0 M00 Y0 K65

R125 G125 B125

#7D7D7D

5step green

PANTONE 7714C

C100 M55 Y60 K0

R0 G100 B105

#006469

5step yellow

PANTONE 144C

C0 M55 Y100 K0

R240 G140 B0

#F08C00

5step red

PANTONE 2033C

C0 M85 Y75 K18

R205 G65 B50

#CD4132

5step blue

PANTONE 7687C

C70 M60 Y0 K55

R52 G55 B105

#343769

使用比率

ブランドの世界観を一貫して表現するために、使用比率のルールに従います。ブランドの明快さと読みやすさを常に保ちながら、存在感を示す必要があります。

拡張パレット

拡張パレットは、ブランドカラーと5stepカラーで表現しきれないイラストや空間デザイン、製品のパーツにのみ使用します。

#A63900

#CA4800

#EA5504

#EE7736

#f39969

#F7BB9B

#FBDDCD

#003763

#004578

#005089

#3373A1

#6696B8

#99B9D0

#CCDCE7

#4B4B4B

#646464

#7D7D7D

#979797

#B1B1B1

#CBCBCB

#E5E5E5

#00464B

#00565B

#006469

#338387

#66A2A5

#99C1C3

#CDE1E1

#BE6E00

#D78000

#F08C00

#F3A333

#F6BA66

#F9D199

#FCE8CC

#912519

#AE3225

#CD4132

#D7675B

#E18D84

#EBB3AD

#F5D9D6

#191A3C

#23244F

#343769

#5C5F87

#8587A5

#AEAFC3

#D6D7E1

2021/00/00 update

bc Element

bc エレメント

bc elementは、ブランドの世界観をユニークな形で表現するグラフィック要素です。

DOWNLOAD

bc arrow

bc arrowはbrandcreateを象徴するグラフィック要素です。「一貫性を持った戦略デザインで、クライアントと一緒に感動的な顧客体験の創造を推進していく」という、brandcreateの使命を表現しています。作成方法は、ロゴの「b」を基準に、下記のルールを適用します。

カラーバリエーション

bc arrowのカラーはbc orange、bc blue、black、のいずれかを使用します。ネガとポジの両方で使用できます。

長さ

bc arrowは伸縮して使用できます。どこまでも長くすることはできますが、短くするには限界があります。

ロゴと組み合わせる場合の最小表示

ロゴの使用ルールと同様、ロゴサイズに合わせて®️のサイズを最適化しています。下記に示すルールに従い、横幅150px / 32mm以下のサイズでは使用しないでください。

テキストとの組み合わせ

bc arrowの内部スペースにテキストを配置することができます。テキストの周囲には、ロゴの「b」の高さと等しいスペースが必要です。

配置例

bc arrowは、シーンに合わせて重ねたりトリミングして使用することができますが、必ず2色のbc arrowを同じスペース内に配置してください。クライアントの戦略チームの一員となり同じゴールを目指すためには、お互いの存在と協力が必要不可欠です。

誤った使用例

他の色を使用しない
変形させない
立体表現にしない
アウトラインにしない
矢印の角度を変えない
矢印の丸みを変えない

5step arrow

5step arrowは、brandcreate独自の、5段階のブランド開発プロセスを説明する時にのみ使用するグラフィック要素です。形状はストレートとサークルの2種類があり、シーンに合わせて使い分けます。作成方法は、bc arrow と同様、ロゴの「b」を基準に、下記のルールを適用します。
ストレート
サークル

カラー

カラーは下記の5色を使用します。各段階ごとに使用できるカラーが決まっているので注意してください。

テキストとの組み合わせ

5step arrowの内部スペースにテキストを配置することができます。テキストの周囲には、ロゴの「b」の高さの半分のスペースが必要です。

配置例

basic arrow

作図で矢印を使う場合は、basic arrowを使用します。作成方法、テキストと組み合わせる場合のルールは、5step arrowと同様です。カラーの項目で指定されている全ての色を使用できます。

長さ

basic arrow もbc arrow同様、伸縮して使用できます。

配置例

2021/00/00 update

Tone of Voice

トーンオブボイス

トーンオブボイスは、私たちが外部コミュニケーションに使用する口調を表しています。ブランドの個性と口調がブランドを人間味のあるものにします。全てのコンテンツで同じブランド体験を提供することを目的に、ブランドの口調を一貫させることを目指しています。

DOWNLOAD

ブランドボイス

私たちのブランドの性格とそれを支える価値観を次の4つのボイスで定義しています。私たちは、クライアントやチームなどに対して、頼りになり、誠実で、ボジティブで、オープンに話しかけます。私たちは親しみやすく、自然体でスマートに感じられます。
頼りになる
reliable
明確で最適なプロセスでゴールを目指す。
誠実
faithful
相手の話に真摯に耳を傾け、共感し、手助けする。
ポジティブ
positive
未来はここにある。想像できれば創造できる。
オープン
open
みんな仲間で、どんな意見も平等に価値がある。

スタイルのヒント

4つのブランドボイスは、私たちのブランドの性格や価値観の延長であり、私たちが書くもの全てのベースとなります。何を言うか、どのように言うか、そして他の人とコミュニケーションする方法に影響を与えるものです。コンテンツを作成するときは、以下のヒントを参考にしましょう。
頼りになる
reliable
・ビジネス上の問題の解決になっていますか?
・「何をするか」と「なぜするのか」の両方を説明していますか?
・専門用語はシンプルで直感的な表現に翻訳されていますか?
・デザインのガイダンスと学びを提供していますか?
誠実
faithful
・それを読む人は誰ですか?彼らはどんな情報を求めていますか?
・聞き手の視点や背景の違いを考慮していますか?
・温かく人間味があり、対面で会話しているように感じますか?
・私たち自身の話ばかりでなく、読者に焦点を合わせましょう。
ポジティブ
positive
・未来へのインスピレーションや期待を感じますか?
・勇気を与えたり元気づけるものですか?
・否定的な言葉ではなく、肯定的な言葉を使用しましょう。
・読者を楽しませる要素を取り入れましょう。
オープン
open
・親しみやすく歓迎されていると感じますか?
・堅苦しさや大げさでなく、リラックスしていて自然なコミュニケーションですか?
・一部の人を除外しないインクルーシブな表現ですか?
・「私」の代わりに二人称名詞(あなた/あなたたちの)を使いましょう。

トーンオブボイスのスケール

トーンオブボイスのスケールは、私たちのメッセージがどのように聞こえるか、感じられるかを定義したものです。コンテンツのトーンは、ユーモア、形式、尊敬、熱意の4つの側面に沿って分析できます。

編集のヒント

キャッチコピーや文章を書く時の参考になるヒント集です。

「ひらく」

漢字や熟語をひらいて文章をやわらかくします。

不意に→思いがけず
是非→ぜひ

短文

一文を短くしてテンポよく繋げることで、無駄なく、誤解なく伝わります。

魅力的な見出し

具体的なメリットを含めることで、読者感情に響き、好奇心を刺激します。

例え話

例え話や比喩を効果的に用いると、想像力をかきたてたり、記憶に残ります。

洗練させる

書いた文章の量を半分にしてみたり、不要な部文を削るほど質が上がります。

これ?それ?あれ?どれ?

何を指しているのかを、具体的に言い換えましょう。

一人称の規定

brandcreateの一人称は、私、または、私たちです。

受動態×
能動文○

主体をはっきりさせて意図を明確に伝えます。

英文

文章中は「大文字だけ」で書くことは避けましょう。

2021/00/00 update

Typography

タイポグラフィ

タイポグラフィは、私たちが使用する書体です。和文には Noto Sans JP、英文には Montserrat を使用します。媒体の特性や状況に配慮して適した書体を選択し、特殊な場合を除いて書体イメージが全て統一されるように心がけましょう。

DOWNLOAD

和文

和文書体 Noto Sans JPを指定しています。シーンに合わせて6ウェイトの中から適切なスタイルを選んで使用します。Noto Sans JPは、無料でオープンソースです。そのため、使用には有料のライセンスも認定も必要ありません。GoogleFontsから無料でダウンロードできます。

Noto Sans JP

わたしたちは
デザイニング
の専門家です
Thin
わたしたちは
デザイニング
の専門家です
Light
わたしたちは
デザイニング
の専門家です
Regular
わたしたちは
デザイニング
の専門家です
Medium
わたしたちは
デザイニング
の専門家です
Bold
わたしたちは
デザイニング
の専門家です
Black

英文

欧文書体 Montserratを指定しています。シーンに合わせて6ウェイトの中から適切なスタイルを選んで使用します。数字も同様です。Noto Sans JPは、無料でオープンソースです。そのため、使用には有料のライセンスも認定も必要ありません。GoogleFontsから無料でダウンロードできます。

Montserrat

Brand
identity
ExtraThin
Brand
identity
Light
Brand
identity
Regular
Brand
identity
Medium
Brand
identity
SemiBold
Brand
identity
Bold

aの変化

アルファベットの「a」は、下記のシーンで使用するときはブロック体に変更します。
・キャッチコピー / 見出し
・brandcreate / bc arrow / brandを冠するすべての言葉
ブロック体
活字体

ウェイトの組み合わせ

和文書体と欧文書体と組み合わせて使う時は下記を参考にしてください。
想像力豊かなアイデア
creative idea
Noto Sans JP (Thin) / Montserrat(ExtraLight)
想像力豊かなアイデア
creative idea
Noto Sans JP (Light) / Montserrat(Light)
想像力豊かなアイデア
creative idea
Noto Sans JP (Regular) / Montserrat(Regular)
想像力豊かなアイデア
creative idea
Noto Sans JP (Medium) / Montserrat(Medium)
想像力豊かなアイデア
creative idea
Noto Sans JP (Bold) / Montserrat(SemiBold)
想像力豊かなアイデア
creative idea
Noto Sans JP (Black) / Montserrat(Bold)

Call to Aciton

call to actionは、ウェブサイト上で訪問者の行動を促すために使用する重要なアイコンです。アクションを強調表示し、見る人の注意を引きつける魅力的なものである必要があります。フォントやサイズ、モーションは下記のルールを適用して作成します。
2021/00/00 update

Icon

アイコン

私たちのアイコンは、すべてのタッチポイント(提案書からホームページ、マーケティングツールまで)で、メッセージを瞬時により分かりやすく伝えるために使用します。ブランドカラーを用いて、ブランドの世界観と調和した独自性を表現しています。

DOWNLOAD

システムアイコン

私たちのブランドデザインのプロセスとサービス内容を視覚的に表したものです。メッセージの理解を促すために、アイコンを意図的に使用する必要があります。原則として、アイコンは関連するプロセスやサービス内容のテキストと組み合わせて使用​​してください。使用するアイコンが多すぎると視覚的なノイズになる可能性があります。
調査
戦略
創造
構築
管理
視覚基準
言語基準
診断
アドバイザー
戦略デザイン
コーポレートデザイン
コンシューマデザイン
エンバイロメント
デザイン
インタラクティブ
デザイン
デザインマネジメント
デザインアカデミー

アイコンの作り方

すべてのアイコンは、太過ぎず細過ぎない線画で描写します。アウトライン用10x10のグリッドフレームを作成して、9×9のグリッドフレームの中に収まるように描画し、統一感を持たせます。

カラー

bc orange、bc blue、whiteの3色を使用します。bc orangeは焦点を絞るためのアクセントカラーとして使用します。

配置例

2021/00/00 update

Illustration

イラストレーション

私たちのイラストは、コンテンツの理解をサポートし、アイデアを分かりやすく伝えることを目的として使用します。ブランドの世界観と調和した要素を用いて一貫性を保った表現を目指します。

DOWNLOAD

ワークショップのイメージイラスト

イラスト表現の基本

イラストを作成する際は以下の3つのブランド要素を反映してください。
Smart
カラーを絞って洗練されたイメージに。
Kindness
角のない、親しみの持てる柔らかい印象。
Natural
誰にでも理解しやすいシンプルな要素で構成。

イラスト作成のルール

イラストは、下記の構成、角度、階層、カラーを組み合わせて描きます。
カラーを絞って洗練されたイメージに。
角のない、親しみの持てる柔らかい印象。
誰にでも理解しやすいシンプルな要素で構成。
誰にでも理解しやすいシンプルな要素で構成。

カラー

拡張パレットから選択した3つのカラーとその濃淡によって表現します。

#A63900

#CA4800

#EA5504

#EE7736

#f39969

#F7BB9B

#FBDDCD

#003763

#004578

#005089

#3373A1

#6696B8

#99B9D0

#CCDCE7

#4B4B4B

#646464

#7D7D7D

#979797

#B1B1B1

#CBCBCB

#E5E5E5

2021/00/00 update

Motion

モーション

モーションは、ウェブサイトやソーシャルメディアのUIを表現力豊かで魅力的にするために使用します。コンテンツにメリハリをつけて見やすくすることにも役立ちます。

DOWNLOAD

bc arrow

スピード感のあるエフェクトを用い、潜略的プロセスが加速するイメージを表現します。

keynote

資料の冒頭や章の切り替わり、文章/画像の出現時に内容をより効果的に魅せるために使用します。
回転
ディゾルブ
ワイプ