DESIGN SYSTEM PREVIEW

lorem ipsum dolor sit amet consectetur
lorem / lorem / lorem / lorem ipsum dolor sit amet consectetur adipiscing

DESIGN.md lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor sit amet consectetur, lorem ipsum dolor, lorem ipsum dolor, lorem ipsum dolor sit amet consectetur. computed style lorem ipsum dolor.

01 / Colors

lorem ipsum dolor — lorem ipsum dolor sit amet consectetur

Category Colors(lorem ipsum dolor)
INFORMATION
#829a2a
lorem ipsum dolor — lorem
EAT / DINING
#eeb200
lorem ipsum dolor — lorem
PEOPLE
#949490
lorem ipsum dolor — lorem
EXPERIENCE
#89b2c9
lorem ipsum dolor — lorem
ART
#dc8f74
lorem ipsum — lorem
EVENT
#4082ab
lorem ipsum dolor — lorem ipsum
SUSTAINABILITY
#5f9133
lorem ipsum dolor
FARM
#9eaf19
lorem ipsum dolor — lorem
STAY
#a8aaa9
lorem ipsum dolor — lorem
OTHER
#dcdedd
lorem ipsum dolor — lorem
Neutral
Black
#000000
lorem ipsum dolor / lorem
Nav Background
#eff4f8
lorem ipsum dolor sit
Light Gray
#dcdedd
lorem ipsum / lorem
White
#ffffff
lorem ipsum / lorem
Brand / Highlight
Primary
#829a2a
lorem ipsum dolor(lorem)
Highlight
#ffff00
lorem / lorem ipsum dolor
Semantic
Success
#5f9133
lorem / lorem
Danger
#c04040
lorem / lorem
Warning
#d4960a
lorem / lorem
02 / Typography

lorem ipsum dolor sit — lorem

lorem ipsum dolor — H1 Content (14px/700)
14px / weight 700 / line-height 1.71 / letter-spacing 0.1emNoto Sans JP
lorem ipsum dolor sit — Nav Label (15px/700)
15px / weight 700 / line-height 1.5 / letter-spacing 0.1emlorem ipsum dolor
lorem ipsum — Info Tag (15px/500)
15px / weight 500 / line-height 1.5 / letter-spacing 0.087emlorem ipsum
lorem ipsum — Info Detail (14px/500)
14px / weight 500 / line-height 1.5 / letter-spacing 0.093emlorem ipsum
［lorem ipsum］ — Nav Category (13px/500)
13px / weight 500 / line-height 1.23 / letter-spacing 0.115emlorem ipsum dolor
KURKKU FIELDS lorem ipsum dolor sit — Logo (13px/700)
13px / weight 700 / line-height 1.23 / letter-spacing 0.1emlorem
lorem ipsum dolor sit — Body Default (13px/400)
13px / weight 400 / line-height 1.23 / letter-spacing 0.1emlorem ipsum
lorem ipsum dolor — lorem ipsum dolor sit amet, lorem ipsum dolor. line-height: 2.0 lorem ipsum dolor sit amet consectetur adipiscing. lorem ipsum dolor sit amet consectetur adipiscing, lorem ipsum dolor sit amet consectetur adipiscing. ABCabc 123
12px / weight 400 / line-height 2.0 / letter-spacing 0.1emlorem / lorem
ONLINE SHOP · RESERVATION · ACCESS — EN Label (10px/700)
10px / weight 700 / letter-spacing 0.065emHelvetica stack / lorem UI lorem
lorem ipsum dolor — Footer (11px/400)
11px / weight 400 / line-height 1.5 / letter-spacing 0.045emlorem ipsum
03 / Article

lorem ipsum dolor sit amet

FARM

lorem ipsum, lorem ipsum dolor sit amet

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

lorem ipsum dolor sit amet consectetur

lorem ipsum dolor sit / lorem ipsum dolor sit amet consectetur adipiscing, 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 amet consectetur.

EAT

lorem ipsum dolor, lorem ipsum dolor sit

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

04 / Buttons

lorem ipsum dolor sit

lorem ipsum dolor
Category CTA (INFORMATION)
lorem ipsum dolor
Category CTA (EAT)
lorem ipsum dolor
Category CTA (EVENT)
lorem ipsum
Outline
lorem ipsum dolor
Text Link (underline)
ONLINE SHOP
EN Label Button
FARM
Category Badge
ART
Category Badge
EXPERIENCE
Category Badge
SUSTAINABILITY
Category Badge
STAY
Category Badge
05 / Cards

lorem ipsum dolor — lorem ipsum dolor sit amet consectetur

FARM
FARM

lorem ipsum dolor sit

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

2026.05.09
ART
ART

lorem ipsum dolor sit amet consectetur

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

2026.04.22
EAT
EAT

lorem ipsum dolor sit amet consectetur

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

2026.04.15
EVENT
EVENT

lorem ipsum dolor

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

2026.06.01
EXPERIENCE
EXPERIENCE

lorem ipsum dolor sit

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

2026.03.28
SUSTAINABILITY
SUSTAINABILITY

lorem ipsum dolor sit amet

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

2026.03.10
INFORMATION
INFORMATION

lorem ipsum / lorem ipsum dolor

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

2026.05.01
STAY
STAY

lorem ipsum dolor sit

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

2026.02.20
PEOPLE
PEOPLE

lorem ipsum dolor sit

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

2026.02.05
06 / Forms

lorem ipsum dolor

lorem ipsum — border: #dcdedd, radius: 0
lorem ipsum — border: #829a2a (INFORMATION green)
lorem ipsum dolor sit amet consectetur
lorem — border: #c04040 (danger)
07 / Elevation

Depth & Elevation

Level 0: Flat
shadow: none / border lorem
Level 1: Card
2px 4px 5px 0px rgba(4,0,0,0.3)
Level 2: Hover
4px 8px 10px 0px rgba(4,0,0,0.3)
Card Shadow lorem: X lorem ipsum 2px lorem ipsum dolor. lorem rgba(4,0,0,0.3) lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit amet consectetur. border-radius lorem ipsum 0px(lorem).
08 / Layout

lorem ipsum & lorem ipsum dolor

3-Column Grid
INFORMATION
EAT
ART
2-Column Grid
EXPERIENCE
EVENT
Spacing Scale
4px (XS)
8px (S)
16px (M)
24px (L)
48px (XL)
80px (XXL)
Border Radius
0px
lorem ipsum border-radius: 0 lorem. lorem ipsum dolor sit. lorem ipsum dolor sit, lorem ipsum“lorem”lorem ipsum dolor sit amet.