EU lorem ipsum dolor sit amet consectetur ｜ Temporary Suspension of Shipping to the EU

Design System Preview

2026 AUTUMN / WINTER

kolor(kolor.jp)lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor #283249 lorem ipsum, lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor #fbc02d lorem ipsum. computed style lorem ipsum dolor.

View Collection Newsletter

01 / colors

Color Palette

Brand

kolor Navy

#283249

lorem. lorem / lorem / lorem / CTA

Limited Yellow

#fbc02d

lorem ipsum dolor. Limited lorem ipsum

Neutral

Text Body

#666666

lorem ipsum dolor

Text Input

#222222

lorem ipsum

Product Gray

#e5e5e5

lorem ipsum dolor(lorem #e7e7e7)

Chip Gray

#f3f3f6

lorem / lorem ipsum dolor

Field Gray

#f1f1f1

lorem ipsum

Border

#e0e0e0

lorem ipsum dolor

Surface / Text on Dark

Page White

#ffffff

lorem ipsum / lorem ipsum dolor

Hero Navy

#283249

lorem ipsum / lorem ipsum / lorem ipsum

Overlay

rgba(18,17,39,.72)

lorem ipsum dolor sit

02 / typography — lorem

Typography

kolor official online store

LTUnivers → Inter / 32px / 400 / line-height 1.0 / palt / #666666h1 Store Title

2026 AUTUMN/WINTER

LTUnivers → Inter / 24px / 700 / line-height 1.0 / lorem / lorem ipsumh2 Hero

kolor BEACON

LTUnivers → Inter / 24px / 700 / line-height 1.4 (33.6px) / #283249h2 Section

Accessories

LTUnivers → Inter / 22px / 400 / line-height 1.4 (30.8px) / #283249h2 Collection Label

MEN — WOMEN — COLLECTION

LTUnivers → Inter / 16px / 700 / line-height 1.4 / #283249a Nav Label

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

LTUnivers → Inter+Noto Sans JP / 16px / 400 / line-height 1.4 (22.4px) / palt / #666666Body

lorem ipsum dolor sit amet

LTUnivers → Inter / 13px / 400 / line-height 1.5 / letter-spacing 1.04px (0.08em) / #283249a View All

26SBM-T14237S-08 Tailored Jacket

LTUnivers → Inter / 12px / 700 / line-height 1.3 (15.6px) / #283249h2 Product Title

¥26,400

LTUnivers → Inter / 12px / 400 / line-height 1.5 (18px) / #283249p Price

News Letter

LTUnivers → Inter / 10px / 400 / line-height 1.4 (14px)h5 Footer Heading

03 / collection

Collection

26AW / 01Limited

kolor

kolor BEACON — Collection Note

lorem ipsum dolor sit amet, lorem ipsum dolor sit amet

2026 Autumn/Winter lorem ipsum dolor, lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor incididunt ut labore. lorem ipsum dolor sit amet, lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit amet consectetur kolor lorem ipsum.

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

Posted 2026.07.21 — kolor BEACON

04 / buttons & badges