DESIGN SYSTEM

lorem ipsum dolor sit amet consectetur

Our Palette

lorem ipsum dolor

Brand
Brand Red
#DC000C
CTA / lorem / lorem
Brand Red Dark
#D7000F
lorem ipsum
Black
#000000
lorem / lorem
White
#FFFFFF
lorem ipsum
Backgrounds
Hero Bg
#F7F6F6
lorem ipsum dolor
Info Card Bg
#F2F1EC
lorem ipsum(lorem ipsum)
Subtle Bg
#EFEFEF
lorem ipsum / lorem
Text
Text Primary
#000000
lorem
Text Sub
#404040
lorem ipsum dolor
Text Tertiary
#757575
lorem / lorem ipsum dolor
Text Meta
#999999
lorem / lorem
Text Disabled
#C9C9C9
lorem ipsum
Beige Accent
#9F9889
lorem ipsum dolor
Tag (Category)
Tag Green
#4DA262
lorem ipsum dolor
Tag Blue
#4A94BD
lorem ipsum dolor
Typography

lorem ipsum dolor sit

TOPICS
Century Gothic / 58px / 700 / lh: normal / ls: normallorem ipsum dolor
NEWS
Century Gothic / 46px / 700 / lh: normallorem ipsum dolor sit
SUSTAINABILITY
Century Gothic / 40px / 700 / lh: normallorem ipsum dolor sit(lorem)
lorem ipsum dolor sit amet consectetur
Noto Sans JP / 34px / 700 / lh: 47.6px (×1.4)lorem ipsum dolor H1
lorem ipsum dolor, lorem ipsum dolor.
Noto Sans JP / 28px / 700 / lh: 39.2px (×1.4)lorem ipsum dolor H2
lorem ipsum dolor
Noto Sans JP / 24px / 700 / lh: 33.6px (×1.4)lorem ipsum dolor sit
lorem ipsum dolor sit amet consectetur adipiscing DNA
Noto Sans JP / 22px / 700 / lh: 30.8px / color: #9F9889lorem / lorem ipsum
lorem ipsum dolor
Noto Sans JP / 18px / 700 / lh: 25.2px (×1.4)lorem ipsum dolor sit amet
lorem ipsum dolor sit, lorem ipsum“lorem ipsum dolor sit amet”lorem ipsum dolor sit, lorem ipsum dolor sit amet consectetur adipiscing. lorem line-height 32px (×2.0) lorem ipsum dolor, lorem ipsum dolor sit amet consectetur adipiscing.
Noto Sans JP / 16px / 400 / lh: 32px (×2.0)lorem(lorem)
lorem ipsum dolor sit amet consectetur line-height 25.6px (×1.6) lorem ipsum dolor sit amet consectetur adipiscing.
Noto Sans JP / 16px / 400 / lh: 25.6px (×1.6)lorem(lorem)
Our Business
Century Gothic / 24px / 400 / color: #999lorem ipsum dolor
HOME > NEWS > PRESS RELEASE
Century Gothic / 12px / 400 / color: #404040lorem ipsum / lorem
Article Sample

lorem / lorem ipsum dolor sit amet consectetur

2026.04.25 — Press Release

“lorem ipsum dolor sit. ”lorem TVCM lorem ipsum dolor sit

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

lorem ipsum dolor(lorem: lorem ipsum dolor, lorem ipsum: lorem)lorem, lorem ipsum dolor sit amet“lorem, lorem. lorem, lorem. ”lorem, lorem TVCM lorem 2026 lorem 4 lorem 25 lorem(lorem)lorem ipsum dolor sit amet consectetur.

lorem TVCM lorem ipsum

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

lorem ipsum: 2026 lorem 4 lorem 25 lorem(lorem) – 2026 lorem 6 lorem 30 lorem(lorem)
lorem ipsum: lorem ipsum
lorem: lorem ipsum / BS lorem

lorem ipsum dolor sit amet consectetur

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

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

Display Headlines

lorem ipsum dolor sit amet consectetur

TOPICS

lorem ipsum dolor sit amet consectetur.

NEWS

lorem ipsum dolor sit amet consectetur.

SUSTAINABILITY

lorem ipsum dolor sit amet consectetur.

Buttons

lorem ipsum dolor

CTA Pill
bg: #DC000C / radius: 50px
Search
bg: #DC000C / radius: 32px / 22px
Filter Tag
bg: #EFEFEF / radius: 0
Clear (text)
color: #DC000C
Modal Close
radius: 50%
Cards

lorem ipsum dolor

PRESS RELEASE
2026.04.25

“lorem ipsum dolor sit. ”lorem TVCM lorem ipsum

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

SUSTAINABILITY
2026.04.18

lorem ipsum dolor sit amet consectetur adipiscing

2030 lorem ipsum dolor sit amet consectetur adipiscing elit.

OFFICE
2026.04.10

lorem ipsum dolor sit lorem ipsum dolor sit

lorem ipsum dolor sit amet consectetur adipiscing.

lorem ipsum dolor

OFFICE

lorem ipsum dolor
SHOPPING

lorem ipsum dolor
RESIDENTIAL

lorem ipsum
HOTEL

lorem ipsum
AIRPORT

lorem ipsum
LOGISTIC

lorem ipsum dolor
Forms

lorem ipsum

lorem ipsum dolor sit amet consectetur
lorem ipsum dolor sit(border: lorem)
lorem ipsum dolor sit amet
Elevation

lorem ipsum

lorem ipsum dolor sit amet consectetur. box-shadow lorem ipsum, lorem ipsum(lorem ipsum)lorem ipsum dolor sit amet consectetur.

FLAT
border 1px
TONAL (Beige)
bg #F2F1EC
TONAL (Subtle)
bg #EFEFEF
Layout

lorem ipsum dolor

HEADER: lorem / lorem 110px / bg #FFFFFF / lorem nav + lorem ipsum dolor CTA
PAGE TITLE BAR: bg #F7F6F6 / H1 Noto Sans JP 34px 700 / lorem ipsum dolor
CONTENT: lorem ipsum / max-width lorem 1200px / lorem ipsum dolor / lorem ipsum dolor sit 80px+
GRID: 2-4 lorem ipsum dolor sit / lorem ipsum dolor sit amet consectetur
Font Note

lorem ipsum dolor

lorem ipsum dolor sit amet consecteturCentury Gothic lorem ipsum dolor sit amet consectetur. Century Gothic lorem macOS / Windows lorem ipsum dolor sit amet consectetur adipiscing, Linux lorem(puppeteer lorem headless Chrome lorem)lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sitJost(Google Fonts)lorem Century Gothic lorem ipsum dolor sit amet consectetur.

loremNoto Sans JP lorem Google Fonts lorem weight 400 / 500 / 700 lorem ipsum dolor sit. lorem ipsum dolor sit ametNoto Sans JP lorem, lorem ipsum / lorem / lorem ipsum dolor sit ametCentury Gothic lorem lorem stack lorem ipsum dolor sit.

letter-spacing lorem ipsum normal, font-feature-settings lorem normal. lorem ipsum dolor(palt)lorem ipsum, lorem ipsum dolor sit amet. lorem ipsum dolor sitfont-size × 1.4, lorem× 1.6〜2.0 lorem ipsum dolor.