決定事項(7/10): 昼の大改装で確定・実装済み。 地はピンクの面塗りから白磁 + 墨のヘアライン(案Bメゾンの構造)へ刷新、 アクセントのロゼは現行同値のまま、この案からは「金の光」(公開中スポットライト・称賛)を採用。 下のノワール(夜)モックは、将来の時間帯連動ナイトモード候補として保留します。

Design Proposal A · v2 現行トンマナ版

Rose Noir — 夜の楽屋

セラピストがこの画面を開くのは、出勤前の楽屋・帰りのタクシー・深夜のベッドの中。 いまの淡いピンクの「昼の管理画面」を、夜に開くと心地よい、自分だけの楽屋に変えます。 v2 はトンマナを現行に寄せた版です — アクセントは現行と同じ #e8366d / #f25e8a、角丸・部品・文言も現行を継承し、 変えるのは地色(夜へ)と、金の「舞台の光」(公開中・称賛のみ)だけ。 いまの画面のダークモード進化として、ブランドの連続性を保ったまま載せられます。

23:47
🔋 82%

こんばんは、りん さん

CRYSTAL SPAID: jJY5sdM9
本日出勤 18:00–24:00 ・ 公開中 お客様の出勤一覧に表示されています
⚡ 今すぐOK
🕐 休憩中

今日やること

+3
新規フォロワー
5
投稿
+12
ひと推し
今週、12人があなたを「推し」ています

HOME — 23:47、出勤中に開いた画面

23:47
🔋 82%
投稿りん の投稿管理
自分の投稿
みんなの投稿

他のセラピストの公開投稿です。投稿づくりの参考にどうぞ

ゆあAROMA LUXE21:04

本日24時まで出勤してます🌙 ラスト1枠だけ空きあります。あったかいオイル用意して待ってます☺️

♥ 34💬 3
みおCRYSTAL SPA19:48

新しい制服にしました💜 さっそく今日から…見に来てくれたら嬉しいな

♥ 51💬 7
さくらSalon NOIR18:12

雨の日はご来店のお客様にホットアイマスクのサービスしてます☔ 今日もゆっくり癒されにきてください

♥ 28💬 2

POSTS — みんなの投稿(参考フィード)

Design Tokens(v2 — 現行 --t-* との対応)

現行の --t-* 変数15個の値を差し替えるだけで全画面に効く。アクセント2色は現行と同値なので、ボタン・タブ・FAB のブランド色は一切変わらない。

Noir — 地
#1c1118(← --t-bg #faf0f3)
Surface — カード
#261722(← --t-card #ffffff)
Rose — 主役
#e8366d(= 現行 --t-accent)
Rose Soft — 文字強調
#f25e8a(= 現行 --t-accent-soft)
Champagne — 称賛
#e2b98a(公開中・推し のみ新設)
Ink — 文字
#f7edf2 / #d6c2cd / #a18d9b

DISPLAY — 明朝(実装は Cormorant + Noto Serif JP、読込済み)

こんばんは、りん さん — +12

使いどころ: 挨拶の名前・ハイライトの数字だけ。地の文には使わない

BODY — ゴシック / DATA — MONO

本日出勤 18:00–24:00 ・ 公開中
未読メッセージ 2件に返信する

時刻・件数・IDは等幅(tabular-nums)で桁を揃える

なぜこの方向か

夜に開く道具だから

利用のピークは出勤前後と深夜。淡ピンクの白地は夜の目に刺さり、写真も沈む。暖色のノワール地は深夜に心地よく、自撮り・ギャラリーが一番きれいに見える地色です。

金は「舞台の光」専用

色に意味を固定します。ロゼ=操作と現在地、金=「いま舞台に立っている(公開中)」と「称賛(推し・ハイライト)」だけ。毎日の小さな達成が、事務的な緑チェックではなくスポットライトとして返ってくる。

構造は変えない

今日起点のホーム、5タブ、マイページハブ、みんなの投稿——直近で固めた情報設計はそのまま。変えるのはトークン(色・影・光)とディスプレイ書体の使いどころで、機能の学び直しは発生しません。

v2: 現行との連続性

アクセント2色(#e8366d / #f25e8a)は現行値をそのまま使用。角丸・カード形状・ボタン・文言も現行どおりで、グラデーション表現も廃止しました。セラピストから見ると「いつもの画面が夜仕様になった」以上の変化はなく、リブランドではなくダークモード進化として受け取られます。

実装プラン(トークン差し替えが主・構造変更なし)

  1. Step 1 — トークン: therapist/base.html の --t-* 15変数をノワール値に差し替え + 環境光の radial を夜仕様に(半日)
  2. Step 2 — 色直書きの掃除: テンプレ内の bg-white / emerald / amber 直書きを意味トークン(称賛=金・完了=ミント)へ寄せる(1日)
  3. Step 3 — ディスプレイ書体: 挨拶の名前とハイライト数字に font-display を適用、公開中バナーをスポットライト化(半日)
  4. 検証: コントラスト比 AA 確認(ノワール地 × ink-sub で 7:1 確保済み)→ 全画面スクショ回帰 → セラピストのフィードバックモーダルで反応を計測
← 提案一覧に戻る 案B メゾン 案C ピーチソーダ 案D ムーンミルク 案E 湯上がり