lorem ipsum dolor

“lorem ipsum dolor”
lorem ipsum dolor sit

lorem ipsum dolor sit
30lorem ipsum dolor g lorem
0lorem ipsum dolor lorem
100lorem ipsum lorem ipsum
01 / Colors

PALETTE

lorem 3 lorem

CTA lorem / lorem ipsum / lorem ipsum dolor sit.lorem ipsum--service-color-primary lorem ipsum dolor.

Brand Green(lorem)
#63a351
CTA lorem / lorem / lorem. lorem 70 lorem.lorem ipsum dolor sit
Price Green
#52a530
--service-color-primary. lorem 22 lorem.lorem ipsum dolor sit
Focus Green
#39bf00
--alias-color-border-primary-highlight. lorem ipsum dolor sit amet
Green Dark
#3e8a1f
--service-color-primary-dark. lorem
Green Light
#e2f3db
--service-color-primary-light
nosh club
#1f3d06
--alias-color-noshClub-default. lorem #335f06
nosh Gift
#0b7043
--alias-color-noshGift-default
Premium Border
#af9546
lorem #94651b / lorem #fcf8f4 lorem ipsum
Sale
#ff4000
“lorem¥1,500OFF”lorem. lorem ipsum dolor sit amet
Background
#fdfcfa
lorem ipsum dolor sit.body lorem
Text Primary
#333333
--alias-color-text-primary-default. lorem 5,375 lorem
Border
#dddddd
lorem / lorem ipsum. #dedede lorem ipsum dolor sit amet

lorem ipsum dolor(lorem ipsum)

lorem No.1 lorem No.2 lorem No.3 lorem No.8

lorem#d4b932 / lorem#94a1a9 / lorem#d29c4b / 4 lorem#195c32。lorem ipsum dolor sit amet consectetur.

lorem ≠ lorem

lorem ipsumloremlorem
--service-color-primary#52a530CTA / lorem ipsum#63a351. #52a530 lorem ipsum dolor(22 lorem)
--service-size-lineheight-primary1.7lorem1.8(14px/25.2px, 16px/28.8px). 1.7 lorem ipsum dolor
--service-size-letterspacing-primary0.04emlorem0.3px(≒0.021em). 0.04em lorem ipsum dolor sit amet consectetur
--n-border-radius-max100vmax0 lorem. lorem ipsum dolor 9999px / 1440px
--service-color-border-primary#dededelorem ipsum dolor sit#dddddd(alias lorem)
lorem ipsumline-height: 1.7 / letter-spacing: 0.04em lorem ipsum dolor, lorem ipsum dolor sit amet consectetur. lorem ipsum1.8 lorem0.3px lorem ipsum. lorem ipsum dolor, lorem ipsum#52a530 lorem ipsum dolor#63a351 lorem.
02 / Typography

TYPOGRAPHY

lorem 2 lorem, lorem ipsum dolor sit

lorem"Noto Sans JP", Roboto, lorem ipsum dolor sit amet consecteturRoboto, "Noto Sans JP" lorem ipsum dolor.

Display
Roboto lorem / 56px / 700
lh 1.0 / ls .3px
100+
Heading 1
Noto Sans JP lorem / 40px / 700
lh 1.7 (68px) / ls .3px
lorem ipsum dolor sit
Heading 1(lorem ipsum)
28px / 500
lh 1.8 (50.4px) / ls .3px
lorem ipsum dolor sit
Heading 2
28px / 700
lh 1.5 (42px) / ls .3px
lorem ipsum ＝ lorem ipsum
Heading 2(lorem)
24px / 700
lh 1.6 (38.4px) / ls .3px
lorem ipsum dolor
Eyebrow
16px / 700
lh 1.8 (28.8px) / ls .3px / #63a351
What’s nosh?
Heading 3
18px / 700
lh 1.6 (28.8px) / ls .3px
1 lorem ipsum dolor sit
Heading 4
16px / 700
lh 1.0 (16px) / ls .3px
lorem ipsum dolor
Lead
16px / 500
lh 1.6 (25.6px) / ls .3px
lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet consectetur
Body(lorem ipsum dolor)
14px / 500
lh 1.8 (25.2px) / ls .3px
lorem 297 lorem
lorem ipsum dolor sit, lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit, lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit 1.8 lorem ipsum.
Card Text(lorem ipsum)
14px / 500
lh 1.2 (16.8px) / ls .3px
lorem 513 lorem ipsum
[8/21 lorem] lorem ipsum dolor sit amet consectetur
Number(lorem ipsum)
Roboto lorem / 14px / 700
lh 1.8 / ls .56px (=0.04em)
¥1,000 ／ ★ 4.5 ／ 2026.09.02
Caption
12px / 500
lh 1.6 (19.2px) / ls .3px
lorem 171 lorem
※ lorem ipsum dolor sit. lorem ipsum dolor sit
Micro
10px / 700
lh 1.8 (18px) / ls .3px / #63a351
NEW

lorem ipsum dolorline-height lorem 1.8 lorem 1.2 lorem ipsum dolor. lorem ipsum dolor 1.8, lorem ipsum dolor sit amet 1.2 lorem ipsum. lorem 2 lorem ipsum dolor nosh lorem ipsum dolor, lorem 1.8 lorem ipsum dolor sit amet consectetur.

palt lorem0 lorem(DOM lorem 6,449 lorem).lorem ipsum dolor sit amet consectetur, lorem ipsum 2 lorem ipsum dolor sit.

04 / Buttons

BUTTONS

CTA lorem ipsum dolor, lorem ipsum 8px

lorem ipsum9999px lorem1440px lorem ipsum dolor,lorem ipsum dolor9999px lorem ipsum。

lorem ipsum lorem ipsum dolor lorem / lorem ipsum dolor lorem lorem
lorem lorem ipsum lorem ipsum
lorem ipsum dolor sit

lorem ipsum dolor sit amet（border-radius: 5px). CTA lorem ipsum dolor8px lorem ipsum dolor.

05 / Forms

FORM

Forms

lorem ipsumborder-radius: 3px, lorem 40px,font-size: 16px。lorem ipsum dolor sit#39bf00 lorem ipsum dolor outline lorem ipsum.

lorem ipsum dolor sit amet consectetur

lorem #39bf00 lorem ipsum

lorem ipsum 7 lorem ipsum dolor sit

lorem ipsum dolor / lorem ipsum dolor

Warning — lorem ipsum dolor
Error — lorem ipsum dolor sit
Caution — lorem ipsum dolor sit amet
Notice — lorem ipsum dolor sit amet
06 / Elevation

ELEVATION

Depth & Elevation

lorem ipsum dolor sit amet 3 lorem. lorem ipsum“lorem ipsum / lorem ipsum / 1px lorem”lorem ipsum.

Level 0 — lorem(lorem)box-shadow: none
lorem / lorem / lorem ipsum dolor sit
Level 1 — lorem CTA lorem ipsum dolor0 4px 4px rgba(0,0,0,.25)
lorem 3 lorem

lorem ipsum dolor sit amet.

07 / Layout

LAYOUT

4px lorem ipsum dolor

lorem--service-size-0〜10(4→256px)lorem ipsum.

max-width: 1280px(lorem ipsum)
max-width: 1200px（--alias-size-mypage-width-max-default）
max-width: 840px（--alias-size-lp-width-max-default）
1 / 4
2 / 4
3 / 4
4 / 4
TokenValue
--service-size-04px
--service-size-18px
--service-size-216px
--service-size-324px
--service-size-432px
--service-size-548px
--service-size-664px
--service-size-796px
--service-size-8128px
lorem ipsumValuelorem ipsum
lorem ipsum(LP)90px--n-c-header-height
lorem ipsum(lorem ipsum)70px--n-l-header-height
lorem ipsum50px--n-p-horizontal-banner-height
lorem ipsum45px--n-p-user-breadcrumb-height
lorem ipsum dolor80px--n-c-button-cart-submit-height
BreakpointWidthlorem / lorem
Mobile< 481pxlorem(lorem ipsum dolor)
Small≥ 481px95
Tablet≥ 768px1,628 — lorem ipsum dolor sit
Desktop≥ 1024px257 — 2–3 lorem ipsum
Wide≥ 1180px162
Extra Wide≥ 1480px30

min-width lorem ipsum dolor sit amet consectetur. lorem ipsum(any-hover: hover)(61 lorem)lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet consectetur.