アプリUIテーマ 落ち着いた版
毎日・長く使う業務ツールの画面に使う、アプリUIテーマの落ち着いた版。骨格（墨の枠とぼかし無しの影・丸ゴシック・淡い地とドット・押すと沈むボタン・意味に割り当てた色）は標準と同じで、彩度と枠の強さを落としている。
正本＝共有ページ/アプリUIテーマ/tokens.calm.css。収録で映えるデモは標準（tokens.css）と使い分ける。
地・面・墨
地＋ドット--bg #eae9f0
面--surface #fdfdfe
淡い面--surface-2 #f4f3f8
墨（枠・影・文字）--ink #26243a
記入欄の枠--ctl-line #6d6a82
意味の色（4 系統だけ・塗りは淡く、文字は墨）
主操作・エラー--shu #dc8a76
完了--sage #b4d8c4
注意・要確認--mus #e8cb80
情報・いまの手順--blue #b6c7e3
朱＝押してほしい 1 つのボタン（主操作）とエラーだけ。主操作は画面に常に 1 つ。題材の色に差し替えてよい。
セージ＝済んだこと。チェックの印と一緒に使う。
からし＝確かめてほしいこと（要確認）。三角の印と一緒に使う。
くすみ青＝いまの手順・作成中・フォーカスの輪・お知らせ。
字（画面の文言は丸ゴシック、データは角ゴシック）
見出し 900 — 名札を作る
ラベル・ボタン 700 — ファイルを選ぶ
本文 500 — 一覧から作る人を選び、画面下のボタンで作成します。
データ由来の文字（角ゴシック）— 架空 太郎／東京都千代田区架空町1-2-3／meibo_2026.csv
ボタン（押すと沈む・主操作は 1 つ）
手順のカード・番号札・状態の札
1ファイルを選ぶ
「meibo_2026.csv」を読み込みました（12 件）
入力欄・ドロップ枠・注意書き
箱（いまの状況）と表
いまの状況
名簿12 件
写真11 枚
要確認写真なし 1 名
進み具合
使うときの決まり
- 墨の枠と影は、カード・レール・固定バー・ボタンだけ。注意書き・表・補足は淡い地と 1px の罫にする。
- 枠と影は整数 px（2px・3px 3px 0）。2.5px のような半端な値は Windows の等倍で強弱が消える。
- 色は意味の 4 系統だけ。朱の塗りのボタン（主操作）は画面に常に 1 つで、段階に合わせて移す。
- 状態は色だけで示さない（チェック・三角・点・「！」の形を添える）。
- 丸ゴシックは 500・700・900 の 3 段。単一 HTML で配るツールは、画面の文字だけにサブセットした丸ゴシックを内蔵する。
- ダークモードは作らない。コントラストは 4.5:1 以上、フォーカスの輪は消さない、動きを減らす設定では沈む動きを止める。
- 禁止: 色付き・太い左ボーダーのバー、絵文字、彩度の高い紫。
選択 11 名 → 2 ページ