Creative Agency — Tokyo

We inspire
the mark.

lorem ipsum, lorem ipsum, lorem ipsum dolor, lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet.

DESIGN.md lorem ipsum dolor sit amet consectetur adipiscing. lorem / lorem ipsum dolor / lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit #f23030. lorem ipsum dolor sit amet consectetur. computed style lorem(2026-07-21)lorem ipsum.

WORKS lorem CONTACT DESIGN.md lorem
01 / Colors

Color Palette

lorem ipsum dolor, lorem ipsum dolor #f23030 lorem ipsum. lorem / lorem ipsum dolor / lorem ipsum dolor sit amet consectetur adipiscing, lorem ipsum dolor sit amet.

Accent(lorem ipsum)
Accent Red
#f23030
lorem ipsum / lorem ipsum dolor
Base / Surface
White
#ffffff
lorem / lorem ipsum
BG Cover
#eeeeee
lorem ipsum / cover lorem
Surface Tint
#f7f7f7
NEWS lorem ipsum dolor
Surface Dark
#1a1a1a
WORKS lorem ipsum
Surface Dark Alt
#262626
lorem alt
Text
Text Strong
#222222
lorem / lorem
Text Primary
#404040
lorem
Text Muted
#808080
lorem / lorem
Button Text
#333333
lorem ipsum dolor
02 / Typography — lorem

Typography

lorem ipsum＝Maison Neue(Milieu Grotesque), lorem＝YakuHanJP ＋ lorem ipsum. lorem ipsum dolor sitWork Sans / Noto Sans JP lorem. lorem ipsum line-height 2.0, lorem ipsum dolor letter-spacing 0.1em, lorem ipsum dolor -0.015em lorem ipsum.

We inspire the mark.
Display (Hero, en) — Maison Neue(lorem Work Sans)/ 80px / 700 / lh 1.1 / ls -0.015emheader.main_copy
TOYOTA
GR Brand Communication
Work Title / Client (en, lorem ipsum) — 48px / 24px / 400 / lh 1.0 / lorem #ffffffarticle.title / .client
lorem ipsum dolor — lorem ipsum, lorem ipsum, lorem ipsum dolor, lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet consectetur adipiscing.ABCabc 0123
Body (lorem) — YakuHanJP+lorem ipsum(lorem Noto Sans JP)/ 18px / 400 / lh 2.0 / ls 0.04emarticle.text.ja
NEWS lorem — ADFEST 2026 lorem ipsum ENTERTAINMENT lorem ipsum 8 lorem ipsum dolor 1 lorem ipsum dolor sit amet consectetur.
Body S / News (lorem) — 16px / 400 / lh 2.0 / ls 0.04em / lorem #808080article.text.ja
NEWS
Section Label (en) — 16px / 400 / lh 1.0 / ls 1.6px (0.1em) / lorem #808080article.title.ja
WORKS　SERVICE　PEOPLE　NEWS　CONTACT
Nav / UI — 14px / 400 / lh 1.0 / ls 0.7px (0.05em) / lorem #222222nav.gnav
03 / Works — editorial lorem ipsum

Selected Works

CTA lorem ipsum dolor sit amet consectetur, lorem ipsum dolor #1a1a1a lorem＋lorem ipsum dolor sit amet. lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet / lorem / READ MORE lorem ipsum. lorem ipsum.

IMAGE
TOYOTA
GR Brand Communication
READ MORE
IMAGE
SMBC lorem ipsum
lorem ipsum dolor
READ MORE
IMAGE
popIn
popIn Aladdin
READ MORE
04 / Buttons

Buttons

lorem ipsum dolor sit amet consectetur. CTA lorem ipsum dolor＋lorem ipsum dolor. lorem ipsum(lorem)lorem ipsum dolor sit amet, lorem #f23030 lorem ipsum dolor sit amet. lorem ipsum dolor(radius 0).

WORKS lorem
Primary(#1a1a1a lorem / lorem)
CONTACT
Ghost(#222 lorem / hover lorem)
READ MORE
Text link(lorem ipsum)
lorem ipsum dolor
Accent(#f23030 / lorem ipsum)
05 / Forms

Forms

lorem ipsum dolor sit amet consectetur adipiscing, lorem ipsum dolor sit amet consectetur. lorem ipsum(radius 0)lorem. lorem ipsum dolor #222222 ＋lorem ipsum dolor, lorem ipsum dolor sit amet.

lorem ipsum — border: #dddddd, radius: 0
lorem ipsum — border: #222222 + lorem ipsum dolor
lorem — border: #f23030(lorem ipsum dolor sit)
06 / Elevation

Depth & Elevation

lorem ipsum dolor, lorem / lorem ipsum dolor / lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor sit amet consectetur adipiscing elit. lorem ipsum dolor.

Level 0: Flat
lorem, lorem ipsum dolor sit amet(lorem)
Level 1
0 1px 3px rgba(0,0,0,0.08)
Level 2
0 12px 32px rgba(0,0,0,0.16)
07 / Layout — Spacing Scale

Spacing

8px lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit amet consectetur(lorem 6vw). lorem ipsum dolor sit amet consectetur.

XS 8
S 16
M 24
L 40
XL 64
XXL 104