BAKUROCHO, TOKYO — DESIGN HOTEL & GALLERY

Stay as
an Artwork

馬喰町に佇む、アートとギャラリーを併設したミニマルなデザインホテル。オフホワイトの余白とニアブラックの静けさ、そして特大のセリフタイポグラフィで、滞在そのものを一つの作品として描き出します。computed style 実測値(2026-06-28)に基づく DESIGN.md のショーケース。

Book a Room Read DESIGN.md

01 — COLORS

Color Palette

BRAND / CORE
Off-White
#fafafa
ページ背景
Ink (Near-Black)
#040404
本文・見出し・反転面
Dark Surface
#1b1b1b
ダーク面の階調
Bronze (Accent)
#856d47
差し色・アクセント
NEUTRAL / SURFACE
Surface (Light)
#fdfdfd
明るい面
Nav Muted
#292929
ナビ文字(ホバー前)
On Dark (White)
#fafafa
ダーク地の白文字

02 — TYPOGRAPHY(実測値)

Typography

原典は見出しに Cardo(Latin セリフ)+ヒラギノ明朝、本文に Benton Sans(Adobe Fonts)+ヒラギノ角ゴ。本プレビューは Cardo(同一)+ Noto Serif JP、本文は代替の Libre Franklin + Noto Sans JP で表示。ウェイトは一貫して 400、サイズと余白で階層を作る。

Rooms
Display (XL) — 256.8px / 400 / line-height 1.0 / ls -0.01emrooms h1
Gallery
Nav (Big) — 76px / 400 / ls -0.01em / color #292929nav
Stay & Art
Heading 3 — 71.9px / 400 / line-height 1.05section
馬喰町に佇む、滞在の作品 — リンク見出し
Heading — 25.7px / 400 / 明朝link
Subheading — アートと食をめぐる体験
Subheading — 20.5px / 400 / h2・h4
本文テキスト — DDD HOTEL は、客室・レストラン・ギャラリーが緩やかに繋がる文化的な滞在の場です。余白と素材感、静かなモノクロームの空間が、訪れる人の感覚をそっと研ぎ澄ませます。ABCabc 0123
Body — 13.35px / 400 / line-height 1.9 / ls 0.08em
補足本文 — チェックインは 15:00、チェックアウトは 11:00。ギャラリーは宿泊者以外もご覧いただけます。
Body (Small) — 12.3px / 400 / line-height 1.9
NOTICE — ご予約・お問い合わせはオンラインにて承ります
Small — 11.3px / 400 / caption

A House for Art
and Stay

JOURNAL — ON BAKUROCHO

かつて問屋街として栄えた馬喰町。その一角に、旧ホテルをリノベーションして生まれたのが DDD HOTEL です。

建築・現代美術・食を横断する文化的なホスピタリティを掲げ、ロビーに併設した「PARCEL」「gallery αM」などのアートスペースが、宿泊者と街をゆるやかに結びます。客室はオフホワイトとニアブラックを基調に、装飾を削ぎ落とした静謐な設え。

朝の光が差し込むレストランでは、季節の食材を用いた一皿を。夜は反転したように沈むモノクロームの空間が、滞在に静かな余韻を残します。色を足すのではなく、余白と素材で語る——それが DDD HOTEL の流儀です。

Read the full journal

04 — ROOMS / CARDS

Rooms

Studio
No. 01 / 18m²
Studio
最小限のしつらえで構成した、静けさのための一室。窓辺の光と余白が主役。
View Room
Deluxe
No. 02 / 26m²
Deluxe
ゆとりのある空間に、作品のように置かれた家具。馬喰町の街並みを望む。
View Room
Suite
No. 03 / 42m²
Suite
アートと滞在が溶け合う最上位の客室。深い余白と上質な素材で構成。
View Room

At Night,
Everything Inverts

立体は影でなく、反転で表現する。地が #040404 のニアブラックに沈むと、文字は #fafafa へと反転し、差し色のブロンズ #856d47 だけが静かに灯ります。フッターやフルスクリーンのセクションに多用される、DDD HOTEL の夜の面。

Reservation Gallery αM

06 — BUTTONS / LINKS

Buttons

DDD HOTEL は塗りボタンを持たず、テキストリンク主体。下段は塗りが必要な場合の推奨補完。

Reservation
Text Link(基調)
View Room
Text Link
BOOK NOW
Solid(補完 #040404)
RESERVE
Accent(補完 #856d47)

07 — FORMS

Forms

デフォルト — 下線 1px #d8d8d6, radius 0
フォーカス — 下線 #040404
エラー — 下線 #856d47(ブロンズ)

08 — ELEVATION

Depth

DDD HOTEL はほぼフラット。立体は影でなく反転(ダーク面)で表現する。

Level 0 — Flat
影なし、ボーダーのみ(基本)
Level 1
0 1px 2px rgba(0,0,0,0.05)
Level 2
0 12px 32px rgba(0,0,0,0.12)

09 — LAYOUT / SPACING

Spacing

余白の単位が大きいのが特徴。セクション間は 120〜200px 取る。

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