共通UIギャラリー（Web）
V2 共通コンポーネントの一覧。各節は components.html の §04〜12 に対応します。
04. Buttons ボタン
ブルー面の上
アイコンサイズ
押下時は translateY(1px) の微沈み込み。無効は無彩面＋補助文字＋影なし。
05. Chips & Tabs 絞り込み・切替
チップ（複数選択 / 単一選択）
セグメント
タブ（下線・標準）
タブ（ピル・6 件は自動で横スクロール）
選択肢が5を超える列は列内だけ横スクロールします（ページ本体は横スクロールしません）。
06. Inputs 入力・フォーム
検索
学生の一覧に表示されます。40文字以内を推奨。
ログインに使用します
入力内容を確認してください
トグル / 5段階入力
オン
じっくり考えるすぐに動く
07. Tags & Badges 状態表示
対応待ち（既定）審査中確定✓ 承認済予想・未確定残席わずか 2/8見送り
通知3フラグNEWアバターNSはる
ステータスドット下書き対応待ち公開中却下旧タグ（Tag・再スキンで SqTag へ）IT・通信・インターネットメーカー（製造業）
状態色は意味で固定します。赤=緊急/残席わずか、緑=完了、橙=注意、青=進行中、グレー=無効。
08. Cards カード
ヒーローカード
はる
山田 はるか
N大学 経済学部 · 2027卒
12
応募
5
参加
4.3
基本評価
汎用カード
影あり（既定）
罫線のみ（.flat）
統計タイル
Revenue — 今月の成果報酬
¥210,000
確定参加 42名分の成果報酬
Applicants — 応募者数
24 名
承認済 18名
Review — 案件審査待ち
3
09. Table データテーブル
10. Navigation ナビゲーション
サイドバー（濃紺面 / 白ピル）
アコーディオン
当日の持ち物は？
筆記用具とノートPCをご持参ください。服装は私服で構いません。
キャンセルはできる？
開催3日前まではマイページからキャンセルできます。
11. Feedback トースト・モーダル・メニュー
トースト
お気に入りに追加しました
通信に失敗しました
ドロップダウン
プログレス / スケルトン / 空状態
進捗60%
まだ応募がありません
掲載中の案件を増やすと応募が届きやすくなります。
モーダル（開いた状態）
この案件を承認しますか？
「1日で新規事業のアイデアを企画する体験」を公開します。
公開後の内容変更には再審査が必要です。
公開後の内容変更には再審査が必要です。
12. Match マッチ度
バッジ
92%マッチ78%マッチ42%マッチ
見出し
92%あなたのアンケート回答との一致率
チームで進めたい③ 社風・雰囲気重み 1.5
現場に出たい④ 働き方重み 1.0
専門性を深めたい⑤ キャリア重み 1.0
マッチ度は登録時アンケート③〜⑥の重み付き一致率です。数値は目安であり、選考結果を保証するものではありません。
両極スケール（友達からの評価）
3
動き出し方
じっくり考えるすぐに動く
人との関わり方
一人で集中するみんなを巻き込む
友達が『どちらのタイプに近いか』を 5 段階で回答した項目別の平均です（優劣ではありません）