TODAY'S SPECIAL
"lorem ipsum dolor"lorem ipsum dolor DIY"

TODAY'S SPECIAL(todaysspecial.jp)lorem ipsum dolor sit amet consectetur adipiscing. Lato(lorem ipsum)lorem Noto Sans JP(lorem)lorem ipsum dolor sit, font-feature-settings: "palt" lorem ipsum dolor, letter-spacing 0.05em lorem ipsum dolor, border-radius 0 lorem ipsum CTA, #222222 / #000000 / #f7f7f7 lorem ipsum dolor sit amet. computed style lorem ipsum dolor.

VIEW MORE ONLINE STORE
01 / COLORS

COLOR PALETTE

lorem ipsum dolor
BRAND
Ink Black
#000000
Primary CTA / lorem ipsum
Charcoal
#222222
lorem ipsum dolor
Dot Active
#707070
lorem ipsum(lorem ipsum)
Dot Inactive
#aaaaaa
lorem ipsum(lorem ipsum dolor)
SURFACE
White
#ffffff
lorem ipsum
Surface Light
#f7f7f7
lorem ipsum / lorem ipsum dolor
02 / TYPOGRAPHY

TYPOGRAPHY

lorem ipsum dolor sit — lorem
SEASONAL NEWS
Lato / 32px / 400 / line-height: 1.5 (48px) / letter-spacing: 0.05emh2 section
"lorem ipsum dolor"lorem ipsum dolor DIY"
Noto Sans JP / 20px / 400 / line-height: 1.5 (30px) / letter-spacing: 0.05emh3 concept
ONLINE STORE
Noto Sans JP / 18px / 400 / line-height: 1.5 (27px) / letter-spacing: 0.05emnav link
TODAY'S SPECIAL — Logo Text
Noto Sans JP / 16px / 400 / line-height: 1.5 (24px) / letter-spacing: 0.05emh1 logo
lorem ipsum dolor? lorem ipsum dolor, lorem ipsum dolor sit, lorem ipsum dolor. lorem ipsum dolor“lorem ipsum”lorem, lorem ipsum dolor, lorem ipsum dolor. TODAY'S SPECIAL lorem ipsum dolor sit amet, lorem“lorem ipsum”lorem ipsum dolor sit amet consectetur.
Noto Sans JP / 14px / 400 / line-height: 1.57 (22px) / letter-spacing: 0.05embody / p
CONCEPT lorem ipsum dolor?
Noto Sans JP / 14px / 400 / line-height: 1.43 (20px) / letter-spacing: 0.05emspan label
lorem ipsum
Noto Sans JP / 12px / 400 / line-height: 1.83 (22px) / letter-spacing: 0.05emsmall / caption
Privacy policy — Footer Thin Link (weight 100)
Noto Sans JP / 14px / 100 / line-height: 1.5 (21px)footer link
03 / ARTICLE

CONCEPT

lorem ipsum dolor?
SEASONAL NEWS
lorem ipsum dolor sit

lorem ipsum“lorem ipsum”lorem ipsum

lorem, lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor, lorem ipsum. TODAY'S SPECIAL lorem ipsum dolor, lorem ipsum dolor sit amet consectetur“lorem ipsum”lorem ipsum.

lorem ipsum dolor DIY

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

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

04 / BUTTONS

BUTTONS

lorem ipsum dolor sit
VIEW MORE
Primary / Ink Black / radius 0
VIEW MORE
Secondary / White / radius 0
lorem
Primary JP / Noto Sans JP
Contact
Contact / radius 0
DOT PAGINATION
16px / border 1px solid #707070 / active: bg #707070 / radius 50%
05 / PRODUCTS

SEASONAL PICKS

lorem ipsum dolor
FOOD

lorem ipsum dolor sit amet

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

¥2,640
CRAFT

lorem ipsum dolor sit

lorem ipsum dolor sit amet consectetur adipiscing.

¥5,500
KITCHEN

lorem ipsum dolor sit amet

lorem ipsum dolor sit amet consectetur adipiscing.

¥4,180
GIFT

TODAY'S SPECIAL lorem ipsum dolor

lorem ipsum dolor sit amet consectetur adipiscing.

¥3,300
06 / FORMS

FORMS

lorem ipsum dolor
DEFAULT
FOCUS
ERROR
lorem ipsum dolor sit amet
lorem ipsum dolor sit amet consectetur adipiscing
CHECKBOX / RADIO
lorem ipsum dolor sit
lorem ipsum dolor sit amet
lorem
lorem ipsum
lorem ipsum
07 / ELEVATION

DEPTH & ELEVATION

lorem ipsum dolor
Level 0
none — lorem
Level 1
border 1px solid #000 — CTA / lorem
Level 2
border 1px solid #707070 — lorem ipsum
Surface
#f7f7f7 — lorem ipsum dolor

TODAY'S SPECIAL lorem ipsum dolor sit amet. lorem #f7f7f7 lorem ipsum dolor, #000000 lorem ipsum dolor sit amet consectetur.

08 / LAYOUT

LAYOUT

lorem ipsum / lorem ipsum dolor
SPACING SCALE
8px
16px
24px
32px
48px
80px
GRID — 4 Column
1
2
3
4