PATTERN
DARK PHOTO DECK
NOT A HOTEL風：ダーク写真型パターン集
ampl-noir.css
01 Section
Section
フルブリード写真＋大文字の章扉。
Vision
写真の上に、
極太の一行を置く
左に濃いグラデを敷き、白文字を抜く。英字キャップスの小ラベル＋特大の日本語見出し＋本文2段。1スライド1メッセージ。
余白を大きく取り、読ませず「見せる」。色は写真だけが持ち込む。
Glass Cards
磨りガラスのカードで整理する
Item 01
カードA
写真の上に半透明の白カードを重ね、backdrop-filterでぼかす。3枚並列が基本。
Item 02
カードB
容器を完全には捨てず、透かして使うのがこのモードの肝。
Item 03
カードC
角丸は大きめ（18px）。影は薄く。高級感はぼかしと余白で出す。
How We Build
暗いガラスで、手順を見せる
01 Find
見つける
明るい写真には暗いガラス（.glass-dark）の方が文字が締まる。
02 Build
つくる
番号は英字キャップスで。手順・プロセスの3〜4段に。
03 Verify
確かめる
明/暗ガラスは写真の明るさで選ぶ。
Role
縦3段のファネル
満足度体験を最大化する
▼
ユーザー数満足が次を連れてくる
▼
GMV積み重ねが事業になる
By the Numbers
巨大な数字で、実績を見せる
460+指標A の説明ラベル
809指標B の説明ラベル
30指標C の説明ラベル
System Map
多枠グリッドで、全体像を一望
予約管理
ハウス管理
ストア
コンシェルジュ
収支管理
CRM
タスク
ロジ
チェックイン
顧客情報
Key Message
核心の一文だけを、
大きく置く。
© Catalog
プロダクト全画面
Values
横並びラベル行で価値観を語る
超ワクワクBe inspired
無謀と言われることに挑戦する。その常識を超えてワクワクするものがつくれるかを大事にします。
超クリエイティブBe creative
全メンバーがクリエイティブである必要がある。無理と諦めず、解を見つけ出すチームをつくります。
超自律Be the owner
働く場所も時間も自由。何をすべきかを自ら考え行動する、超自律したチームをつくります。
Detail
容器を捨て、罫だけで3分割
設備統合
建築フェーズから関与し、図面作成にとどまらず快適な滞在を実現する設計をリードします。
マルチ制御
空調・照明・床暖房など多様な設備を統合し、単一のシステムで制御可能にします。
高信頼NW
設備制御と直結するため、極めて高い安定性とセキュリティを自社で設計・運用します。
Org
チーム体制を図で見せる
Smart Homeスマートホーム
Infra
Apps
Owner Experienceオーナー体験
Core
New
Brand
Operationオペレーション
Tools
AI
Evo
Process
アジャイルな開発プロセス
無彩色のなかで、ここぞの一手だけ青を差す。大矢印＋ループで反復を示す。
PRODUCT STRATEGY
SPRINT
Tech Stack
使っている技術を一望する
Go
TS
Next
Swift
K
3D
Lua
Py
SQL
⛓
gRPC
GCP
◆
AWS
CF
Az
A
◇
▤
◈
◐
◍
KNX
DALI
MQTT
U
GH
Fig
Slk
No
◉
◯
■
Product
カードの中にプロダクト画面を載せる
暮らす
アプリで完結する滞在体験。
支える
AIコンシェルジュが即サポート。
管理する
収支まで一元管理。
Join Us
締めの一行を、
中央に。
example.com