【lorem ipsum】lorem ipsum dolor sit amet
Colors
01 — lorem ipsum. lorem ipsum dolor 4 lorem ipsum dolor
Base
Background
#ffffff
Ink
#121212
Ink Black
#000000
Text Muted
#555555
Text Caption
#787878
Text Sub
#676767
Indigo(lorem)
Navy
#1a1a41
Indigo(lorem CTA)
#4d4d77
Indigo Border
#6c6c84
Indigo Text
#717188
Navy Deep
#0f0d3f
Violet Navy
#4b4a86
Badge(lorem ipsum)
lorem
#8b1b18
lorem ipsum
#1a1a41
lorem ipsum
#8d654a
lorem
#e4ab9c
Neutral(lorem / lorem)
Border
#d8d8d8
Border Wide
#d9d9d9
Border Gray
#b4b4b5
Divider Gray
#979797
Overlay
rgba(0,0,0,.05)

lorem ipsum dolor sit amet, UI lorem ipsum dolor 4 lorem ipsum dolor. “lorem”“lorem”lorem ipsum dolor sit.

Typography
02 — lorem ipsum. line-height lorem ipsum 1.0, letter-spacing lorem 0.1em lorem
Logo
lorem ipsum 28px / 400 / 1.0 / normal
Page Title
lorem 26px / 400 / 1.0 / 0.15em
font-feature-settings: "palt" 0
lorem ipsum
Section Title
lorem 22px / 400 / 1.0 / 0.1em
lorem ipsum
Lead
lorem 21px / 400 / 1.7 / 0.08em
lorem ipsum dolor sit, lorem ipsum dolor sit amet, lorem ipsum
Sub Head
lorem ipsum 21px / 400 / 1.0
lorem ipsum dolor sit amet consectetur
Card Title
lorem 16px / 400 / 1.6 / 0.1em
【lorem ipsum】2026 lorem, lorem ipsum
List Title
lorem 15px / 400 / 1.6 / 0.1em
lorem ipsum dolor sit amet consectetur, lorem ipsum“lorem ipsum”
Nav
lorem 14px / 400 / 1.0 / normal
lorem ipsum dolor
Article Title
lorem 14px / 400 / 1.7 / 0.1em
【lorem ipsum / lorem lorem ipsum dolor】lorem ipsum dolor sit amet consectetur
Category Label
lorem 12px / 400 / 1.0 / 0.12em
lorem ipsum dolor
Price
lorem 12px /700 / 1.0 / 0.08em
19,800 lorem(lorem)
Caption
lorem 11px / 400 / 1.8 / 0.1em
[lorem ipsum] lorem ipsum dolor sit, lorem ipsum dolor sit amet consectetur adipiscing.
Badge
lorem 10px /700 / 1.0 / 0.04em
lorem lorem ipsum lorem ipsum lorem
EN Heading
Helvetica 38px / 300 / 1.4 / 0.02em
Shopping Guide
EN Body
Helvetica 15px / 400 / 1.7
We are a shop and local enterprise based in Yame, Fukuoka.

lorem ipsum 400 lorem 700 lorem 2 lorem(lorem ipsum dolor 300 lorem ipsum dolor). 700 lorem ipsum dolor sit amet consectetur.

Article / Product
03 — lorem ipsum dolor ＋ lorem 870px lorem 2 lorem
[lorem ipsum dolor]

lorem ipsum dolor sit

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

lorem ipsum dolor, lorem ipsum dolor

lorem ipsum dolor sit amet consectetur, lorem 36 lorem. lorem ipsum dolor sit amet consectetur, lorem ipsum dolor“lorem”lorem ipsum dolor. lorem ipsum dolor sit amet, lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit amet consectetur.

lorem ipsum dolor sit

Product Grid
loremproduct
lorem ipsum MONPE lorem / lorem ipsum
19,800 lorem(lorem)
lorem ipsumproduct
UNA PRODUCTS lorem ipsum lorem
9,900 lorem(lorem)
lorem ipsumproduct
lorem ipsum lorem ipsum lorem ipsum
14,300 lorem(lorem)
loremproduct
lorem ipsum dolor lorem
1,320 lorem(lorem)
Buttons
04 — lorem ipsum dolor sit amet(lorem 4px / lorem 20px / lorem 2px / lorem 0px)
Filled(lorem CTA)
lorem ipsum dolor
Outline Pill
lorem ipsum dolor lorem ipsum lorem ipsum dolor sit
Outline Tiny
lorem
Wide Outline(lorem ipsum)
lorem / lorem ipsum dolor
On Dark Surface(lorem ipsum dolor)
lorem ipsum dolor lorem

lorem CTA lorem #4d4d77 lorem 1 lorem. padding lorem“20px 0 18px 2px”lorem ipsum dolor sit amet consectetur adipiscing.

Cards
05 — lorem / lorem. lorem ipsum dolor sit
feature

【lorem ipsum】2026 lorem, lorem ipsum

lorem ipsum dolor sit amet / lorem ipsum / lorem ipsum 3 lorem ipsum.

feature

lorem ipsum dolor sit amet consectetur

lorem ipsum dolor, lorem ipsum dolor sit amet consectetur.

feature

lorem ipsum, lorem ipsum dolor

lorem 20 lorem ipsum dolor. lorem ipsum dolor sit.

Forms
06 — lorem ipsum / lorem ipsum / lorem
lorem ipsum dolor sit
lorem ipsum dolor sit amet #4d4d77 lorem ipsum
lorem ipsum 7 lorem ipsum dolor sit
Elevation
07 — lorem ipsum dolor. lorem ipsum dolor sit amet consectetur
Level 0 — nonelorem. lorem / lorem / lorem ipsum dolor. 1px lorem ipsum dolor.
Level 1rgba(0, 0, 0, 0.1) 2px 6px 10px 0px
lorem ipsum dolor(lorem ipsum / lorem ipsum dolor).
Focusrgb(128, 128, 128) 0px 0px 5px 0px
Layout
08 — lorem 870px. lorem ipsum dolor sit
1440px — lorem ipsum dolor
870px — lorem ipsum(lorem)
824px — lorem ipsum dolor
730px — lorem ipsum dolor
340px — lorem ipsum dolor(lorem)
Spacing Scale
4
8
20
40
80

lorem ipsum dolor sit 600 / 767px(lorem ipsum)lorem, 1300 / 1340 / 1360 / 1380 / 1400 / 1415 / 1439 / 1455px lorem “lorem ipsum dolor”. 2 lorem ipsum dolor sit amet consectetur adipiscing.