春薄荷綠鋪底，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 程式設計工具使用。