コンポーネントカタログ
デザイントークンに沿ったUIコンポーネントの一覧です。開発用の画面で、本番の導線からはリンクしていません。
カラートークン
--ink-900
見出し・本文
--ink-600
補助テキスト
--ink-400
ラベル・非活性
--brand-600
主要CTA
--brand-700
ホバー
--brand-50
選択状態の背景
--accent-600
スカウト・注目
--surface
ページ背景
--border
罫線
--success
成功
--warning
警告
--danger
エラー
タイポグラフィ
display / ページタイトル 40px
h1 / 求人タイトル 28px
h2 / セクション見出し 20px
h3 / 小見出し 16px
body / 本文 15px・行間1.85。日本語で1行あたり36〜42文字に収まるよう、コンテンツ幅を制御しています。
sm / 補助説明 13px
caption / ラベル・注記 11px
数値：600〜900万円／1,234件／2026-08-13
ボタン
入力フィールド
必須
ラベルは上部固定。プレースホルダをラベル代わりにしません。
必須
ファイルサイズが10MBを超えています。圧縮するか、別のファイルを選んでください。
- React
- TypeScript
128
0
ONにすると企業の検索結果に表示されます。
バッジ・ステータス
neutralbrandsuccesswarningdangerinfoaccent
新規応募書類選考中面接調整中面接設定済内定見送り辞退
下書き審査待ち掲載中差戻し掲載終了期限切れ
未開封開封済み興味あり辞退
マッチ度98%マッチ度72%マッチ度41%
スケルトン・空状態
まだスカウトは届いていません
プロフィールを充実させると、企業の目に留まりやすくなります。特に職務経歴とスキルの登録が効果的です。
カード・統計
本日の応募
24件
未読メッセージ
8件
掲載中の求人
12件
内定
3件
カードヘッダー
説明文がここに入ります。
オーバーレイ・ナビゲーション
タブ1の内容