Jobright は AI 求職をスタートアップらしい高揚感で包みます。Titillium Web のウェイト 700 の見出しが淡いミント #ecffe0 の帯に載り、Inter 300 の本文は静かに控え、日常の主操作は 28px の黒いピルです。シグネチャーのミントピル（#00f0a0 の塗り、黒いラベル、1px の黒い枠、36px 角丸）は締めの CTA だけに使い、40px の非対称な角を持つ白いプロダクトモックアップが帯の上に浮かび、黒い求人ティッカーがページを横切ります。
JobrightAI・大規模モデル
プロンプトテンプレート
基本テンプレート
Design a Jobright-inspired interface. - Spring-mint #00f0a0 as the single electric accent, always against black and white; - Pale mint #ecffe0 full-width bands carrying hero, features, FAQ and closing CTA, alternating with white and solid black; - Dual pill system: 28px black pills for everyday primary actions, a 36px mint pill with black label and 1px black border for the signature CTA; - Titillium Web 700 display headlines over Inter 300 body copy; - White product mockups with 40px asymmetric corners floating on whisper-soft shadows, plus a scrolling black job ticker. Colors: #ffffff, #ecffe0, #000000, #00f0a0 with #00f0a0 accent. Typography: Titillium Web (display) + Inter (UI/body).
バリエーションプロンプト
📱 モバイル
Design a mobile app with Jobright aesthetics. Use Jobright color identity with #00f0a0 accents. Stacked mint bands, full-width black pills, and compact job-match cards.
💻 Web
Design a web application with Jobright style. Use Jobright color identity with #00f0a0 accents. Two-column feature rows, floating mockup cards, and a black job ticker.
📊 ダッシュボード
Design a dashboard with Jobright design language. Use Jobright color identity with #00f0a0 accents. AI match scores in mint rings, white cards on a pale mint wash, and quiet Inter labels.
📄 ランディングページ
Design a landing page with Jobright visual identity. Use Jobright color identity with #00f0a0 accents. Mint hero band, 40px asymmetric mockup cards, and a mint CTA pill at the close.
使用例
Jobright 求職ワークスペース
ダッシュボードBuild a job-matching dashboard with Jobright design language: white cards on pale mint #ecffe0, mint score rings, black pill filters, and light Inter body text.
Jobright 獲得向けランディング
ランディングページCreate a landing page using Jobright style: Titillium Web 700 hero on a mint band, product mockup with a 40px asymmetric corner, scrolling black job ticker, and a mint CTA pill.
✅ 適した用途
- AI 求職と履歴書マッチングのプロダクト
- スタートアップの獲得向けランディングページ
- プロダクトモックアップで機能を見せる紹介ページ
❌ 適さない用途
- 厳格な金融コンプライアンスと監査の画面
- 高級ラグジュアリーブランドのサイト
DESIGN.md ファイル
design.md オープン形式に準拠したデザインシステム記述。コピーまたはダウンロードして AI コーディングツールに渡せます。