lorem ipsum dolor sit? lorem ipsum dolor sit GOOD NATURE HOTEL ✕
lorem ipsum dolor sit, lorem ipsum, lorem.
lorem ipsum dolor sit
“GOOD NATURE”lorem / lorem ipsum dolor
01 / Colors

COLORS

lorem ipsum dolor sit amet consectetur 1 lorem. lorem#000000 lorem ipsum dolor sit#221715。

GOOD NATURE Green
#009b4c
lorem CTA / lorem ipsum dolor / lorem ipsum. CSS 13 lorem
Green Dark
#009249
lorem / lorem ipsum dolor. CSS 12 lorem
Ink
#221715
lorem / lorem / lorem ipsum / lorem ipsum dolor. lorem ipsum dolor
Utility Bar
#f2f2f2
lorem ipsum“lorem ipsum dolor sit?”lorem
Table Head
#efefef
lorem ipsum dolor sit amet
Chip
rgba(226,226,226,.5)
lorem ipsum dolor. lorem ipsum dolor sit amet consectetur
Border
#969696
lorem ipsum dolor / lorem ipsum dolor
Muted
#9a9a9a
lorem ipsum dolor / lorem ipsum dolor
⚠️ CSS lorem ipsum dolor sit#40b87c(23 lorem)lorem 1 lorem ipsum dolor sit amet. WordPress lorem ipsum dolor sit amet consectetur. lorem#dee5ec lorem WOVN lorem ipsum dolor sit,#d22d3b lorem ipsum dolor sit, #27313b / #bf2318 / #0970af lorem ipsum dolor sit amet consectetur(lorem).
02 / Typography — lorem

TYPOGRAPHY

lorem Lato lorem 0.16em, lorem ipsum dolor Medium lorem 0.04–0.12em. loremnormal。

Section H2(lorem)
Lato / 48px / 700
lh 1.33 / ls 0.16em
TOPICS
Page H2(lorem)
42px / 700
lh 1.5 / ls 0.12em
lorem ipsum / lorem ipsum dolor
Date(lorem ipsum dolor)
Lato / 26px / 700
lh 1.81 / ls 0.05em
2026.06.18
Hero Lead
22px / 500
lh 1.5 / ls 0.1em
lorem ipsum dolor sit amet
Card Title
18px / 700
lh 1.67 / ls normal
lorem ipsum dolor sit amet consectetur“lorem ipsum dolor sit amet consectetur”
Body
16px / 500
lh 1.5 / ls normal
lorem ipsum dolor sit amet consectetur adipiscing, lorem, lorem ipsum. lorem / lorem ipsum dolor, lorem ipsum dolor sit amet consectetur adipiscing.
Table Cell
16px / 500 / lh 1.81
1F ／ GOOD NATURE MARKET ／ 10:00–20:00
Nav(lorem)
Lato / 13px / 700
lh 2.38 / ls 0.16em
MARKET　RESTAURANT　HOTEL
Small
13px / 500 / lh 1.69
lorem ipsum / lorem ipsum dolor sit amet consectetur
Meta(lorem)
Lato / 12px / 400 / ls 0.06em
2026.08.17　EXPERIENCE
Caption(lorem)
Lato / 10px / 400 / ls 0.05em
© BIOSTYLE Co.,Ltd.

loremfont-weight lorem500. 400 lorem ipsum Windows lorem ipsum dolor Regular lorem ipsum dolor sit amet. font-feature-settings lorem ipsum0 lorem（＝ palt lorem ipsum)lorem, lorem ipsum dolorletter-spacing lorem.

03 / Cards — 4 lorem ipsum

TOPICS

“lorem → lorem(Lato / lorem ipsum dolor)→ lorem ipsum → lorem”. lorem ipsum dolor.

2026.06.18
lorem ipsum dolor sit amet consectetur“lorem ipsum dolor sit amet consectetur”
experience
2026.06.18
lorem ipsum dolor sit amet“lorem ipsum dolor”
experience
2026.04.02
lorem ipsum dolor ＜8/15＞
event
2026.07.03
7/18(lorem)＜lorem ipsum dolor sit＞lorem ipsum dolor
shop

lorem ipsumrgba(226,226,226,.5) lorem ipsum dolor,border-radius: 0、13px / 700 / padding: 2px 12px. lorem ipsum#MARKET lorem ipsum dolor sit amet consectetur.

04 / Buttons

BUTTONS

loremborder-radius: 0. lorem ipsum2px solid lorem ipsum, lorem ipsum dolor sit amet consectetur adipiscing.

lorem ipsum dolor sit amet lorem ipsum GOOD NATURE lorem ipsum dolor

① lorem ipsum#009b4c / lorem / 2px solid #009b4c / radius 0 / 14px 700 / ls 0.04em / padding 16px 16px 15px(lorem:11px 16px／lorem: 16px /22px 10px）

MARKET RESTAURANT & CAFE HOTEL

② lorem ipsum dolor(lorem / lorem ipsum)transparent / lorem / 2px solid #009b4c / radius 0 / 13px 700

lorem ipsum / lorem ipsum dolor sit amet consectetur　lorem ipsum →

③ lorem ipsum#221715 / lorem / radius 0 / 14px 500 / padding 23px 36px 20px. lorem ipsum dolor sit amet.

05 / Forms

FORMS

Default / Focus / Error. lorem ipsum dolor.

Default: 1px solid #969696 / radius 0
Focus: outline: 2px solid #009b4c
lorem ipsum dolor sit amet consectetur
06 / Table — lorem ipsum dolor

FLOOR GUIDE

loremloremlorem ipsum
1FGOOD NATURE MARKET10:00 – 20:00
2FRESTAURANT & CAFE11:00 – 22:00
3FCOSME / NEMOHAMO・RAU11:00 – 20:00
4–9FGOOD NATURE HOTEL KYOTOlorem ipsum dolor 15:00

lorem 16px / 500 /line-height: 29px(1.81). lorem ipsum dolor#efefef。

07 / Elevation

ELEVATION

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

none(lorem)lorem / lorem / lorem ipsum dolor sit
lorem ipsum0 2px 4px 0 rgba(0,0,0,.2)(CSS 8 lorem)

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

08 / Layout

LAYOUT

lorem 1440px, lorem 1288px(lorem 76px lorem ipsum), lorem ipsum 4 lorem.

lorem 1440px ／ lorem 1288px(lorem 76px)
288px
288px
288px
288px
loremloremlorem
lorem1440pxmax-width. lorem 18 lorem
lorem1288pxlorem 76px lorem ipsum
2 lorem ipsum720pxlorem ipsum 2×2 lorem
lorem ipsum dolor76 × 76px#221715 lorem ipsum / lorem ipsum
lorem ipsum dolor sitlorem 56px#f2f2f2

Radius Scale

loremlorem
0lorem / lorem / lorem / lorem / lorem — lorem
50%lorem ipsum(lorem ipsum dolor sit amet consectetur)lorem

1 lorem ipsum dolor sit amet, lorem ipsum dolor sit amet.