Design Proposal · menesnow /manage/therapist/

Rose Noir — 夜の楽屋

セラピストがこの画面を開くのは、出勤前の楽屋・帰りのタクシー・深夜のベッドの中。 いまの淡いピンクの「昼の管理画面」を、夜に開くと心地よい、自分だけの楽屋に変えます。 温かみのあるノワール地にロゼを灯し、金は「舞台に立っている瞬間」と「称賛」だけに使う。 情報設計(今日起点のホーム・5タブ)は先日固めた構造のまま、肌だけを総取り替えします。

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

現行の --t-* 変数の値を差し替えるだけで全画面に効く設計。構造・クラスは触らない。

Noir — 地
#191016(青くない暖黒)
Surface — カード
#221723
Rose — 主役
#f0568c(操作・現在地)
Champagne — 称賛
#e2b98a(公開中・推し のみ)
Ink — 文字
#f5ebf0 / #cbb4c4 / #927c8d
Mint — 完了
#7fd8b0(success トースト等)

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

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

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

BODY — ゴシック / DATA — MONO

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

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

なぜこの方向か

夜に開く道具だから

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

金は「舞台の光」専用

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

構造は変えない

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

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

  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 湯上がり