Jobright

Difficulty:
Company
Jobright Effect Preview

Effect Preview

Design Tokens

Key tokens derived from official brand references and this style's prompt. Copy them or pair with the DESIGN.md below.

Colors

  • primaryBrand

    Primary actions & highlights

  • on-primaryDerived

    Text on primary

  • secondaryDerived

    Chips, badges & soft emphasis

  • on-secondaryDerived

    Text on secondary

  • neutralPrompt

    Page canvas

  • on-neutralDerived

    Text on canvas

  • surfaceDerived

    Cards, panels & elevated containers

  • on-surfaceDerived

    Text on surface

  • borderDerived

    Borders & dividers

Radius & Shapes

Prompt
sm · 4px
md · 8px
lg · 12px
full

Interactive controls use fully rounded pill shapes.

Spacing

Derived
  • sm8px
  • md12px
  • lg24px

Elevation

Prompt

Depth is expressed through soft, low-contrast shadows.

Typography

Prompt
  • Ag

    Headings 32px · bold

    Inter

  • Ag

    Body 16px · regular

    Inter

  • Ag

    Labels 13px · medium

    Inter

Jobright wraps AI job hunting in startup marketing energy: Titillium Web at weight 700 carries the display headlines over pale mint #ecffe0 bands, Inter 300 keeps body copy quiet, and the everyday primary action is a 28px black pill. The signature mint pill — #00f0a0 fill, black label, 1px black border, 36px radius — is saved for the closing CTA, while white product mockups with a 40px asymmetric corner float above the bands and a black job ticker cuts across the page.

JobrightAI

Prompt Template

Base Template
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).

Variant Prompts

📱 Mobile
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.
📊 Dashboard
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.
📄 Landing Page
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.

Usage Examples

Jobright Job Workspace

Dashboard
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 Acquisition Landing

Landing
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.

✅ Best For

  • AI job matching and resume products
  • Startup acquisition landing pages
  • Feature tours built around product mockups

❌ Avoid For

  • Regulated finance and audit consoles
  • Luxury brand websites

DESIGN.md File

A design system description in the open design.md format. Copy or download it and hand it to AI coding tools.