\DESIGNSORCERY>_

Home - CareerJSM

Video · Light

Design System Inspiration

Careerjsm — extracted via DESIGN.md

HR · Career services

corporate clean dark-theme minimalist typographic sticky navigation card-based layout dark mode toggle scroll-triggered animations

Typography

open sans

Heading

Aa Aa Aa Aa

Lato

Body

Aa Aa Aa Aa

Color palette

TL;DR

Careerjsm utilizes a high-energy "Sky Blue" (`#29abe2`) as its primary brand signal, often paired with a warm amber (`#faad51`) for secondary emphasis. The system relies on a clean white foundation (`#ffffff`) with deep gray text (`#444444`) to maintain professional readability. Typography is dominated by **Open Sans**, used at significant weights (600-700) and large scales (46px) for display moments, while **Lato** provides a softer touch for body links. Componentry is characterized by extreme pill-shaped buttons (`9999px` radius) and soft-shadowed cards that float over the white canvas.

Target audience

The target audience is professionals and job seekers looking for career resources and guidance in a clean, easily navigable digital environment.

Full tech stack

Google Analytics Hotjar jQuery jQuery Migrate MySQL PHP WordPress Yoast SEO

Analytics

Hotjar Google Analytics

Brand Voice

Professional, efficient, and data-driven, focusing on the intersection of career services and operational technology.

Positioning

CareerJSM is an outplacement and career management platform for businesses and post-secondary institutions. It provides AI-powered tools to help job seekers manage their search while allowing organizations to monitor performance and lower consultant costs.

Voice principles

  • Efficient: Uses direct, action-oriented verbs to describe how the software saves time for both consultants and job seekers.
  • Operational: Focuses on business outcomes like margins, volume discounts, and activation credits rather than emotional storytelling.
  • Authoritative: Speaks with the confidence of an industry leader by referencing technical capabilities like AI and ATS-friendly resumes.
  • Transparent: Discusses pricing, milestones, and technical stacks openly to build trust with B2B buyers.

More SaaS/Software Product Designs

← Back to Gallery