グラフィック
システム

イクスラボのグラフィックの考え方と決まりです。報道や紹介に使う資料と画像も、
このページからダウンロードできます。グラフィックの考え方と決まりです。
資料と画像もダウンロードできます。

01 / EXPRESSIONS

色ではなく、
3つの表現で。

新しいロゴのXとビジョンをもとにした
3つの表現で、イクスラボだと分かるように
しています。WebもSNSも提案資料も、同じ
決まりで組みます。

01

向き合う二つの形

ロゴのXは、右を向いた「＞」と左を向いた
「＜」が、中央で向かい合う形です。
この形の窓に袋の線画と工程の図を入れ、
中央で向き合わせます。製造とデジタルの
掛け合わせを表します。

決まり

切り口はXの腕と同じ41°、先端の隙間もXと同じ比率にします。図に言葉を重ねず、窓は1画面に1組です。
02

輪郭から塗りへ

まだ形になっていない課題は細い輪郭で、生まれた価値は塗りで示します。ロゴの動画では、輪郭のXが中央で結んだ瞬間に、塗りに変わります。

決まり

輪郭の線の太さは、画面で1px、1920pxの
スライドと映像で1.5px、
1080pxのSNSの
画像で
2pxです。輪郭のXは、ロゴの代わりに

使いません。
03

ひとつだけ大きく

ロゴのXのように、1画面の核を1つにして、
はっきりさせます。核と次の要素の大きさに
3倍以上の差をつけ、ほかは小さく
そろえます。

決まり

赤は、核の一点だけに使います。この画像では、設立5周年の「5」です。

02 / TYPEFACE

書体は2つ、太さは
400と700。

日本語はZen Kaku Gothic New、英字と
数字はArchivoを使います。文字の大きさと

余白は決めた段階から選び、どの媒体でも
同じ値で組みます。

日本語

Zen Kaku Gothic New

課題を価値に変え、
人を幸せにする

製造とデジタルで、ものづくりの可能性をひらく。

Regular 400・Bold 700

見出し・本文・ラベルの日本語

英字・数字

Archivo

ABC abc 0123

ABCDEFGHIJKLM
NOPQRSTUVWXYZ
0123456789

Regular 400・Bold 700

英字の見出し・ラベル・数字

どちらも、Google Fontsで配布されている
書体です（SIL Open Font License 1.1）。

03 / FORMATS

横長にも縦長にも、
同じ形で。

向き合う二つの形は、画面の比率が変わっても、窓の形と切り口の角度を変えずに組みます。縦長の画面では窓を中央の帯に収め、言葉は帯の外に置きます。

16:9・1920×1080Webや横長の画面

9:16・1080×1920ストーリーズなど、縦長の画面

04 / COLOR

会社の面と骨格は白黒、色は価値として一点だけ現れる。

面と骨格は白と黒の段階で組み、赤は、価値が生まれた一点にだけ使います。写真はカラーのままです。

面と骨格は白黒

色ではなく、3つの表現でイクスラボと分かるようにします。面も文字も罫も、白黒の段階から選びます。

White#FFFFFF基本の背景
Paper#F8F8F5面の切り替え
Ink#171719暗い面・見出し・本文
Text#23232Cボタンの文字
Muted#62626D補足の文字
Rule#D4D4D01pxの罫・区切り

色は価値の一点

ビジョンの言葉にある「価値」が生まれた所だけを、赤で塗ります。白黒の中の一点なので、目がそこへ向きます。

面・帯・罫・飾りを赤で塗りません。
赤は1画面に1か所です。
見出しのラベルと左の短い線は骨格なので、赤にせずInkにします。
写真は実写を、カラーのまま使います。白黒に加工しません。

Red#CF1B1B主なボタン・要の数字・「価値」の語

05 / DOWNLOAD

グラフィックの資料と、表現の画像。

報道や紹介でグラフィックシステムを取り上げるときは、この資料と画像をお使いください。使える範囲は、ページの下の「ご利用の範囲」をご覧ください。

PDF・0.6MB・A4横3ページ