Brand Book
ロゴ、配色、書体、使い方のルール。
クリエイティブを作るすべての人へ。
ロゴは2種類。大きく使うときは Update!!、小さく使うときは Up!!。同じ字形から作られているので、並べても同じものに見えます。
ヒーロー、ポスター、名刺、サイネージ。原則こちらを使います。
ファビコン、SNSアイコン、缶バッジ、名札。Update!! が最小サイズを下回る場所で使います。
ステッカー、Tシャツ、タトゥーシール。白フチの太さは文字の高さの26%。必ず濃色地の上で使います。ウェブでは使いません。
これまでイエローは下線として、文字を下から支えていました。新しいロゴでは、2つ目の「!」がイエロー。支えるのではなく、横に並んで、少しだけ跳ねています。
イメージは 「Up! Date!!」。ドレミファソラシドの音階のように、声に弾みがつく感じです。AIは支える存在ではなく、隣にいる存在。その関係を、色と高さの両方に映しています。
色の見え方は、人によって違います。赤と黄色の判別が難しい色覚特性を持つ人は、世界に約3億人。デザインで色に意味を持たせるとき、色だけに頼るのは避けるべきだとされています。
今回のロゴのピンクとイエローは、色の明るさの差(コントラスト比)が十分とは言えません。そこで、色に加えて「高さ」という手がかりを足しました。2つ目の「!」が浮いていることで、色が判別できなくても「これは別の要素だ」と分かるようにしています。
ロゴの周囲には、必ず余白を確保してください。この範囲には文字・図形・画像を置きません。
X=「U」の高さ。上下左右に ½X 以上の余白を空けます。2つ目の「!」が浮いている分、上側の余白は通常より広めに必要です。
これより小さくすると、文字と高さの差の判別が難しくなります。
| デジタル | 印刷 | |
|---|---|---|
| Update!! | 幅 150px | 幅 38mm |
| Up!! | 幅 72px | 幅 18mm |
この6色以外は使いません。ロゴに使うのはピンクとイエローの2色のみです。
単色(イエロー単独)で使うときは、背景の明るさによって置いてよい色が変わります。
| 背景 | 置いてよい色 |
|---|---|
| 白・クリーム・オレンジ(明るい) | ピンクのみ(イエロー・白は不可) |
| ピンク・朱赤 | 白のみ(イエローは不可) |
| 濃色地・紫 | 白・イエローどちらも可 |
淡い地 → 2色版
ピンク地 → 白+白
濃い地 → 白+白
イエロー地 → ピンク単色
ロゴは編集不可の確定データです。拡大縮小以外の加工はしないでください。
傾きを変えない
縦横比を変えない
2つ目の「!」の色を変えない
高さの差を無くさない
影をつけない
枠で囲まない
低コントラストの地に置かない
白フチ+白ロゴを明るい地に置かない
| ロゴ | Agbalumo をベースに調整したアウトラインデータ。フォントとしては使いません。必ずSVGを配置してください。 |
|---|---|
| 欧文 | Poppins ExtraBold(800)/SemiBold(600) |
| 和文 | Zen Kaku Gothic New(Regular / Medium / Bold) |
1.25倍(Major Third)で刻みます。16 / 20 / 25 / 31 / 39 / 49 / 61 / 76
見出しは 1.2〜1.3、本文は 1.6〜1.8。日本語の1行は 25〜35文字に収めます。
実際の制作物にどう載るかの目安です。
ブース背面パネル
3000×2400mm。ピンクのベタ地に白の単色版。遠くから読ませるので、ロゴは面の1/3以上
縦型サイネージ
1080×1920px。淡い地に2色版。装飾は画面の隅からはみ出させる
誘導・受付サイン
ヘッダー帯に Up!! の白版。矢印はイエロー
名札
Up!! を使用。実寸で幅18mm以上を確保
Tシャツ
白地。2色刷りが基本、コストを抑えるならピンク単色版
トートバッグ
Up!! + イベント名。2色刷り
ステッカーシート(濃色の台紙)
白フチ版。Update!! 1枚と Up!! 2枚(大きさ違い)
| 制作物 | 視認距離 | ロゴの推奨幅 |
|---|---|---|
| ブース背面パネル | 3〜10m | 面の幅の 1/3 以上 |
| タペストリー・のぼり | 2〜5m | 面の幅の 1/2 以上 |
| A1ポスター | 1〜2m | 200mm 以上 |
| 誘導サイン | 1〜3m | 80mm 以上 |
| 名札・カード | 30cm | Up!! で 18mm 以上 |
logos/ に15点。すべてSVG(アウトライン化済み・フォント不要)です。
| ファイル名 | 用途 |
|---|---|
update-2color.svg | 基本。淡い地・白地に |
update-white.svg | ピンク地・濃い地に |
update-pink.svg | 1色刷り、イエロー地 |
update-black.svg | モノクロ印刷、FAX |
update-keyline-2color.svg | ステッカー、Tシャツ |
up-*.svg 上記と同じ5種類の Up!! 版bang-*.svg 「!!」だけのマーク 5種類pattern-pink.svg / pattern-cream.svg 会場装飾用のパターン素材 | |