lorem ipsum lorem lorem ipsum lorem lorem

Design System Preview — ±0

plusminuszero.jp lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor sit amet consectetur, lorem / lorem / lorem ipsum EC lorem ipsum. computed style lorem ipsum dolor.

lorem ipsum / lorem ipsum
01 / Colors

3 lorem ipsum dolor sit UI

Brand
Plus Minus Blue
#0999d8
lorem UI lorem ipsum
Text & Surface
Text Primary
#444444
lorem(lorem ipsum dolor)
Background
#ffffff
lorem ipsum
Surface Pale Gray
#f0f0f0
lorem / lorem
Footer Dark
#444444
lorem ipsum
Product Color Variants(lorem ipsum dolor sit / UI lorem ipsum)
Brass Gold
#bda730
lorem / lorem ipsum dolor
Stainless Silver
#c4c4c3
lorem
Copper
#a77b3d
lorem ipsum dolor
02 / Typography — lorem

12px / Light lorem ipsum dolor

lorem — Heading (h3)
Noto Sans JP / 20px / 700 / line-height: 1.5 (30px)lorem ipsum dolor
lorem ipsum dolor sit amet consectetur
Noto Sans JP / 16px / 400 / line-height: 1.5 (24px)lorem ipsum dolor(lorem)
lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor sit.
Noto Sans JP / 14px / 300 / line-height: 1.5lorem ipsum dolor
lorem — 12px / weight 300(Light). ±0 lorem ipsum dolor sit amet / lorem / lorem / lorem, lorem ipsum / lorem ipsum dolor sit amet. lorem ipsum dolor sit, lorem ipsum dolor sit amet consectetur. ABCabc 123
Noto Sans JP / 12px / 300 / line-height: 1.5 (18px)lorem(lorem)
lorem ipsum dolor sit — Bold
Noto Sans JP / 12px / 700 / lorem ipsum dolor Bold lorem
03 / Products

lorem ipsum dolor sit

±0 lorem

±0 lorem

¥14,300(lorem)
lorem ipsum / lorem ipsum
±0 lorem

±0 lorem

¥3,300(lorem)
lorem ipsum / lorem ipsum
±0 lorem ipsum dolor sit

±0 lorem ipsum dolor sit

¥27,500(lorem)
lorem ipsum / lorem ipsum
±0 lorem ipsum dolor

±0 lorem ipsum dolor

¥36,300(lorem)
lorem ipsum / lorem ipsum
04 / Buttons

CTA lorem 1 lorem ipsum

lorem ipsum / lorem ipsum
Primary CTA (radius 0)
lorem ipsum / lorem ipsum
Primary Large

±0 lorem pill lorem / outline lorem / lorem ipsum dolor sit ametlorem ipsum. CTA lorem#0999d8 lorem ipsum dolor 1 lorem ipsumlorem, lorem ipsum dolor“lorem ipsum dolor”lorem ipsum dolor.

05 / Forms

lorem ipsum dolor

lorem ipsum — radius 0 / border 1px solid #e8e8e8
lorem ipsum — border #0999d8
06 / Layout

Spacing & Width

Spacing Scale

4px
8px
12px
20px
40px
80px

Content Widths

Page Container 1100px
Product Grid (4 col) 1100px / 4 = 275px