SOCIALIZING
To live true to yourself, without undue pressure,
and to be accepted for who you are.

TRUNK(HOTEL) CAT STREET

SHIBUYA, TOKYO

TRUNK(HOTEL)(trunk-hotel.com)lorem ipsum dolor sit amet consectetur adipiscing. Roboto＋lorem ipsum dolor, 12px lorem ipsum dolor sit, lorem ipsum dolor(1.92), lorem ipsum dolor sit amet consectetur, lorem ipsum dolor sit amet consectetur adipiscing elit sed do eiusmod tempor. lorem ipsum computed style lorem ipsum dolor.

lorem ROOM & FLIGHTS
01 / Colors

COLOR PALETTE

Foreground
Black
#000000
lorem / CTA lorem
Dark Gray
#363636
lorem ipsum dolor
Mid Gray
#999999
lorem ipsum / lorem ipsum dolor
Surface
White
#ffffff
lorem ipsum
Light Gray
#ececec
lorem ipsum dolor / lorem ipsum
02 / Typography(lorem)

TYPOGRAPHY

SOCIALIZING
lorem / 20px / 400 / line-height: 1.92 / color: #999999HERO CONCEPT
To live true to yourself, without undue pressure,
and to be accepted for who you are.
lorem / 9px / 400 / line-height: 1.92 / color: #999999SUBTITLE EN
Go To lorem ipsum dolor sit amet consectetur
Roboto / 30px / 700 / line-height: 1.4 (42px)BLOG H2
lorem
Roboto / 15px / 700 / line-height: 58px / bg: #000CTA BUTTON
TRUNK(HOTEL) CAT STREET
Roboto / 14px / 700 / line-height: 1.92BRAND NAME
lorem / lorem ipsum dolor sit amet consectetur TRUNK(HOTEL) lorem, “lorem ipsum dolor sit”lorem ipsum dolor sit amet consectetur. lorem ipsum, lorem ipsum, lorem ipsum dolor sit amet consectetur. lorem ipsum dolor sit amet consectetur, lorem, lorem ipsum, lorem ipsum, lorem ipsum dolor sit amet consectetur adipiscing.
Roboto / 12px / 400 / line-height: 1.92 (23px) / letter-spacing: 0.04emBODY
SHARE THIS SOCIALIZING
Roboto / 12px / 400 / line-height: 1.0 / letter-spacing: 0.02emH2 SMALL
CLOSE
Roboto / 10px / 400 / line-height: 2.0 / bg: #000MODAL CLOSE
SOCIALIZING
TRUNK(HOTEL) CAT STREET
lorem ipsum, lorem ipsum, lorem ipsum dolor sit amet consectetur.
lorem ipsum
03 / Rooms

STAY

SUITE

TRUNK SUITE

lorem ipsum dolor

lorem ipsum dolor sit amet consectetur adipiscing
TERRACE

TERRACE ROOM

lorem ipsum dolor

lorem ipsum dolor sit amet consectetur
STANDARD

STANDARD ROOM

lorem ipsum dolor sit

lorem ipsum dolor sit amet consectetur
04 / Buttons

BUTTONS

lorem
PRIMARY BLACK
bg #000 / radius 0 / h:58px
ROOM & FLIGHTS
OUTLINE
border 1px / radius 0 / h:58px
lorem ipsum / Reservation
SMALL BLACK
12px / 400 / h:40px
05 / Forms

FORMS

DEFAULT — border #ececec
FOCUS — border #000000
ERROR — border #c0392b
06 / Elevation & Radius

ELEVATION

TRUNK(HOTEL) lorem ipsum dolor sit amet consectetur adipiscing. border-radius lorem 0. lorem ipsum dolor sit amet consectetur adipiscing.

RADIUS 0
lorem ipsum dolor
BLACK FILL
CTA lorem ipsum
FLAT SURFACE
lorem ipsum dolor, lorem ipsum
07 / Layout

LAYOUT

8px
15px
24px
40px
50px
80px
120px