Branding & Design Since 1978

A Proposal for a New Lifestyle

lorem ipsum dolor. lorem ipsum dolor, lorem ipsum dolor sit amet, lorem ipsum dolor sit amet consectetur. computed style lorem(2026-06-29)lorem ipsum.
View Works DESIGN.md lorem
01 / Colors

Color Palette

Brand / Core
Black (Hero)
#000000
lorem ipsum dolor / lorem
White (Surface)
#ffffff
lorem ipsum dolor
Teal Accent
#006790
lorem ipsum dolor
Surface / Gray
Surface Gray
#efefef
lorem(count 18)
Surface Light
#fcfcfc
lorem ipsum
Footer Tint
#f6f6f6
lorem ipsum
Text / Semantic
Text Primary
#000000
lorem / lorem
On Dark
#ffffff
lorem ipsum dolor
Error
#cf2e2e
lorem(lorem)
02 / Typography — lorem

Typography

lorem ipsum dolor sit amet＝PPEiko-Light, lorem ipsum＝Graphik＋lorem ipsum Pr6N, lorem ipsum＝lorem ipsum dolor ProN. lorem ipsum dolor sit Playfair Display / Inter / Zen Kaku Gothic New lorem.palt lorem ipsum / lorem ipsum dolor sit, lorem ipsum dolor sit.

A Proposal for a New Lifestyle
Display (Hero) — PPEiko-Light 24px〜 / 300 / lh 1.5 / ls 0.6px(0.025em) / paltlorem ipsum dolor
Featured Journal
Heading (lorem) — Graphik Medium 16px / lh 1.0 / palt
Milan Design Week 2026 ≪LAST SAMPLE≫
Title (lorem) — Graphik Semibold 16px / lh 1.25 / palt
lorem ipsum dolor — DRAFT lorem ipsum dolor sit amet consectetur／lorem ipsum dolor. lorem ipsum dolor, lorem ipsum, lorem ipsum dolor sit, lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit amet ProN lorem ipsum(palt lorem). ABCabc 123
Body / Link — lorem ipsum dolor ProN 16px / 400 / lh 1.0–1.5 / ls normal / palt lorem
Product
Label / Category — Graphik Medium 11px / lh 1.0 / palt
03 / Works — lorem ipsum dolor sit

Selected Works

PRODUCT
01
View
Product
Milan Design Week 2026
BRANDING
02
View
Branding
A New Yokohama Lifestyle
INTERIOR
03
View
Interior
CIBONE Aoyama
ARCHITECTURE
04
View
Architecture
Hospitality Project
04 / Buttons — lorem pill

Buttons

Architecture
Dashed pill(lorem)
Contact
Solid(lorem / lorem)
See All Journal
Text link(lorem ipsum)
Filter(lorem)
View
On Dark(lorem ipsum pill)
Read More
lorem ipsum CTA
05 / Forms

Forms

DRAFT lorem ipsum dolor. lorem ipsum dolor(radius 0px), lorem 1px solid #000000.

lorem ipsum — border: #000000 / radius: 0
lorem ipsum — border: #000000 + lorem
lorem — border: #cf2e2e
06 / Elevation

Depth & Elevation

DRAFT lorem ipsum dolor sit. lorem／lorem ipsum dolor sit amet consectetur adipiscing.

Level 0: Flat
lorem, lorem ipsum dolor sit amet(lorem)
Level 1
6px 6px 9px rgba(0,0,0,0.2)
Level 2
12px 12px 50px rgba(0,0,0,0.4)
07 / Layout — Spacing Scale

Spacing

XS 7
S 11
M 16
L 24
XL 36
XXL 54
3XL 81