JP

Deleted Reality 2025 ／ laser, motion capture, real-time rendering

Colors
01 — lorem ipsum dolor sit. lorem ipsum dolor sit amet consectetur
Text
Ink#000000
Heading（h1）#333333
Text Sub(lorem / lorem)#666666
Text Muted(lorem / lorem ipsum)#999999
Text Faint#C8C8C8
Border / Surface
Border(lorem ipsum dolor)#C4C4C4
Divider#E5E5E5
Surface Faint（Links）#EEEEEE
Surface(Work lorem)#F0F0F0
Surface Light#F8F8F8
Surface Lighter（News）#F9F9F9
Background#ffffff
Footer(lorem ipsum dolor)#000000

lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit amet(#000 → #333 → #666 → #999)lorem lorem ipsum(#fff → #F9F9F9 → #F0F0F0 → #EEEEEE)lorem ipsum dolor.

Typography
02 — lorem ipsum dolor. lorem＝Noto Serif JP / lorem＝Libre Baskerville / palt lorem ipsum dolor
Section Title
Libre Baskerville 26px / 400 / 1.23 / #333333
Work
Lead
lorem 22px / 400 / 1.23 / 0.036em
lorem ipsum dolor sit amet consectetur adipiscing elit
Sub Head（h4）
Noto Serif JP 19.2px / 600 / 1.0
Projects
Body
Noto Serif JP 15px / 400 / 1.8 / 0.021em
lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet consectetur adipiscing, lorem ipsum dolor sit amet consectetur / lorem / lorem ipsum dolor sit amet consectetur adipiscing, R&D lorem ipsum dolor sit amet consectetur adipiscing elit sed do.
List Item
Noto Serif JP 15px / 400 / 2.0 / 0.011em
WORLD FENCING LEAGUE(LA)lorem“Fencing Visualized”lorem ipsum dolor sit amet consectetur
Slider Caption
Libre Baskerville 15px / 500 / 2.0
tv asahi MUSIC STATION SUPER LIVE2025
Filter / Tag
lorem 14px / 400 / 1.8
_Installation
Nav
Libre Baskerville 13px / 400 / 1.23 / #666666
Careers
Date
Noto Serif JP 13px / 400 / 1.23 / #999999
April 17, 2026
Button
Libre Baskerville 12px / 400 / 1.33 / #666666
View More
Credit
Libre Baskerville 12px / 400 / 1.42 / #999999
Perfume
3 lorem ipsum dolor sit amet consectetur

lorem ipsum dolor →'Noto Serif JP', serif
lorem ipsum dolor →'Libre Baskerville', serif
lorem ipsum dolor →'Libre Baskerville', 'Noto Serif JP', serif（lorem ipsum）
lorem ipsum dolor sit amet(lorem ipsum dolor / lorem)lorem ipsum dolor sit, lorem ipsum generic lorem serif lorem ipsum.

body lorem line-height lorem 1. lorem ipsum dolor sit 1.8–2.0 lorem ipsum dolor. letter-spacing lorem normal lorem, lorem ipsum 0.011–0.036em lorem ipsum—— palt lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet consectetur.

Article
03 — News lorem ipsum. lorem #F9F9F9 lorem ipsum
April 17, 2026

Fencing Visualized, lorem ipsum dolor sit

lorem ipsum dolor sit amet consectetur“Fencing Visualized”lorem, WORLD FENCING LEAGUE(LA)lorem ipsum dolor. lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod, lorem ipsum dolor sit amet consectetur adipiscing elit.

Technical Notes

lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor, lorem ipsum dolor sit amet consectetur 240 lorem ipsum dolor sit amet. lorem ipsum dolor LED lorem ipsum dolor sit amet consectetur.

View More
Buttons
04 — lorem ipsum dolor 1 lorem. lorem ipsum dolor sit
View More Contact

width 249px / transparent / 1px solid #C4C4C4 / border-radius 0 / padding 13px 0 / Libre Baskerville 12px / color #666666 / text-align center. lorem ipsum dolor sit amet consectetur.

Filter(lorem / lorem ipsum dolor, lorem ipsum dolor sit amet consectetur)
All _Dance _Installation _Music _Research _Stage

lorem #333333 / lorem #999999. lorem ipsum dolor _(lorem ipsum dolor)lorem ipsum dolor sit.

Work
05 — lorem ipsum dolor sit / lorem ipsum / lorem. lorem ipsum dolor sit amet
work image
Fencing Visualized
World Fencing League
work image
Deleted Reality 2025
ELEVENPLAY
work image
MUSIC STATION SUPER LIVE
Perfume
work image
lorem ipsum lorem ipsum dolor “Klassik Arena”
Stage Design

lorem: transform: scale(1.03) lorem filter: brightness(125%) lorem 2 lorem. lorem ipsum dolor sit amet consectetur(lorem ipsum dolor sit amet consectetur). 860px lorem ipsum dolor sit transition: none / transform: none lorem ipsum dolor.

News & Forms
06 — lorem ipsum dolor 2.0. lorem ipsum dolor sit amet
Forms — lorem ipsum / lorem ipsum / lorem
lorem ipsum dolor sit amet
lorem ipsum dolor sit #333333 lorem ipsum dolor
lorem ipsum dolor sit. lorem #000000 lorem

border / background / padding / border-radius lorem ipsum dolor, border-bottom: 1px solid #E5E5E5 lorem ipsum dolor sit amet.

Elevation
07 — box-shadow lorem CSS lorem 0 lorem
lorem ipsum #ffffff → #F9F9F9 → #F0F0F0 → #EEEEEE. lorem ipsum dolor sit amet consectetur adipiscing, lorem ipsum dolor.
lorem ipsum dolor #000 → #333 → #666 → #999 → #C8C8C8. lorem ipsum dolor sit amet consectetur.
lorem ipsum dolor lorem ipsum dolor sit amet. padding 90px 0 60px(lorem ipsum 60px 0 40px).

lorem ipsum brightness(125%) lorem, lorem ipsum dolor“lorem”lorem ipsum dolor sit amet.

Layout
08 — lorem ipsum dolor 1156px. lorem ipsum dolor sit 860px lorem 1 lorem
1600px — lorem
1300px — lorem(lorem ipsum)
1156px — lorem ipsum dolor
860px — lorem ipsum dolor sit amet
Spacing Scale
5
13
20
40
60
90

768px lorem 1024px lorem ipsum, 860px lorem 1 lorem ipsum dolor (@media screen and (max-width: 860px) lorem 24 lorem). lorem ipsum dolor sit amet. lorem ipsum dolor sit amet max-width: 88% lorem ipsum.