K5

NIHOMBASHI KABUTOCHO, TOKYO
BOOK A STAY Read More
01 / Colors

Color Palette

Brand / Core
White
#ffffff
lorem ipsum dolor
Ink (Black)
#000000
lorem / lorem / lorem ipsum dolor
Accent(lorem ipsum dolor)
Orange
#F15A24
lorem ipsum / lorem ipsum
Deep Blue
#014460
lorem ipsum dolor
Neutral / Grey
Light Gray
#F2F2F2
lorem / lorem
Gray
#B3B3B3
lorem ipsum dolor / lorem
Dark Gray
#808080
lorem ipsum dolor
UI Gray
#7f8181
UI lorem / lorem
02 / Typography — lorem

Typography

lorem K5type(lorem ipsum)＋lorem ipsum dolor. lorem ipsum dolor sit Jost ＋ Noto Sans JP(weight 200/300)lorem. lorem font-feature-settings: "palt" lorem.

K5
Hero Logo — K5type / weight 200lorem
Events & News
Heading 2 — 22.5px / 200 / ls 0.75px(0.03em)main
K5 6th years - color of the seasons
Heading 4 — 20.6px / 300 / ls 0.75px
lorem ipsum dolor — 1923 lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit“lorem(Aimai)”. lorem ipsum dolor palt lorem ipsum dolor sit amet, lorem ipsum dolor sit. ABCabc 123
Body — lorem ipsum dolor / 15px / 300 / line-height 1.8 / ls 0.05em / palt
K5 Story  History  Neighborhood  Access
Nav — K5type / 13–16px / 300 / ls 1px(0.06em)
2026.06.27 — lorem ipsum dolor / lorem(#B3B3B3)
Caption — 12px / 300 / color #B3B3B3
03 / Rooms & Facilities

Stay & Spaces

SUITE
ROOMS

High-ceiling Suite

CAVEMAN
RESTAURANT

Restaurant Caveman

AO
BAR

Library Bar lorem / Ao

04 / Buttons

Buttons

BOOK A STAY
Primary (Text + Underline)
UI (Solid Gray)
UI (Light)
05 / Forms

Forms

lorem ipsum — border: #B3B3B3, radius: 0
lorem ipsum — border: #F15A24 (Orange)
lorem — border: #F15A24
06 / Elevation

Depth & Elevation

K5 lorem ipsum dolor. lorem ipsum / lorem ipsum / lorem ipsum dolor sit amet consectetur.

Level 0: Flat
lorem(lorem)
Glass White
rgba(255,255,255,0.6)
Level 2
0 8px 24px rgba(0,0,0,0.12) — lorem ipsum
07 / Layout — Spacing Scale

Spacing

XS 4
S 8
M 16
L 32
XL 64
XXL 120