World's Design Journal

lorem ipsum dolor, lorem ipsum dolor sit amet consectetur

DESIGN.md lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor–lorem ipsum dolor sit amet consectetur, AXIS Font lorem ipsum dolor sit amet consectetur. computed style lorem(2026-06-29)lorem ipsum.

lorem ipsum #lorem ipsum dolor sit lorem ipsum
01 / Colors

Color Palette

Brand / Core(lorem ipsum dolor)
White
#ffffff
lorem ipsum
Ink
#000000
lorem / lorem
Text
#333333
lorem / lorem
Muted
#666666
lorem / lorem ipsum
Surface(lorem ipsum dolor)
Surface
#f1f1f1
lorem / lorem
Image
#eeeeee
lorem ipsum dolor sit
Surface Light
#f9f9f9
lorem ipsum
Surface Light 2
#f5f5f5
lorem
Dark
#2b2b2b
lorem ipsum dolor
Semantic(lorem)
Error
#cf2e2e
lorem ipsum(WP vivid-red)

AXIS lorem ipsum dolor sit amet consectetur adipiscing elit sed. WordPress lorem ipsum dolor vivid lorem / gradient /--swiper-theme-color #01aeeb lorem ipsum dolor sit.

02 / Typography — lorem

Typography

lorem ipsum dolor AXIS Font("AXIS ProN M" / "AXIS ProN B", Type Project), lorem ipsum dolor DIN Next LT Pro. lorem ipsum dolor sit IBM Plex Sans JP / Archivo lorem.letter-spacing: normal / font-feature-settings: normal(palt lorem).

lorem ipsum dolor sit amet consectetur adipiscing
Heading (Feature) — AXIS ProN M 32px / 500 / lh 1.4 (44.8px) / ls normal
World's Design Journal
Section Title — AXIS ProN M 24px / 400 / lh 1.0 / ls normalsection
lorem ipsum dolor
Article Title — AXIS ProN B 18px(Bold lorem)/ lh 1.0
Product
English Label — DIN Next LT Pro 16px / 400 / lh 1.0 / ls 0.32px(0.02em)
lorem / lorem ipsum dolor — lorem ipsum dolor sit
Body / Nav — AXIS ProN M 16px / 400 / lh 1.0
lorem ipsum(lorem lh) — AXIS lorem, lorem ipsum dolor sit amet consectetur adipiscing elit sed. lorem / lorem ipsum / lorem ipsum dolor / lorem ipsum dolor, lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor line-height 1.0 lorem, lorem ipsum dolor sit amet 1.6–1.8 lorem ipsum dolor. ABCabc 123
Body (lorem) — 16px / 400 / lh 1.8(lorem. lorem ipsum dolor lh 1.0 lorem ipsum dolor)
lorem ipsum / lorem ipsum — lorem / lorem ipsum / lorem ipsum / lorem ipsum dolor
Sub Nav — AXIS ProN M 14px / 400 / lh 1.0 / #f1f1f1 lorem
NEWS ｜ lorem / lorem　2026.06.23
Caption / Meta — AXIS ProN M 12px / 400 / lh 1.3 / #666
03 / Journal — editorial lorem ipsum

World's Design Journal

IMAGE
REPORT ｜ lorem
lorem ipsum dolor sit amet consectetur adipiscing
2026.06.23
IMAGE
NEWS ｜ lorem
lorem ipsum dolor sit, lorem ipsum dolor sit
2026.06.20
IMAGE
INTERVIEW ｜ lorem ipsum
lorem ipsum dolor sit amet consectetur adipiscing
2026.06.18
IMAGE
FEATURE ｜ lorem ipsum dolor
AI lorem ipsum dolor, lorem ipsum dolor sit amet consectetur
2026.06.15
04 / Buttons — lorem ipsum dolor

Buttons

Category Nav(lorem radius 0)
lorem ipsum
Nav(lorem / lorem ipsum)
#TAKT PROJECT
Tag(lorem pill radius 46px)
lorem ipsum
Newsletter（pill radius 25px）
05 / Forms

Forms

lorem ipsum — bg: #f1f1f1, radius: 0(lorem / lorem ipsum)
lorem ipsum — lorem＋lorem ipsum(inset 1px #000)
lorem — lorem＋lorem(#cf2e2e)
06 / Elevation

Depth & Elevation

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

Level 0: Flat
lorem, lorem ipsum dolor(lorem)
Level 1
0 1px 3px rgba(0,0,0,0.08)
Level 2
0 6px 18px rgba(0,0,0,0.12)
07 / Layout — Spacing Scale

Spacing

WordPress lorem ipsum dolor sit amet(rem lorem)lorem px lorem ipsum dolor.

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