\DESIGNSORCERY>_

Wisedoc: Hiring Intelligence for Smarter Recruiting

Video · Dark

Design System Inspiration

Wisedoc — extracted via DESIGN.md

HR · AI recruiting platform

corporate clean typographic dark-theme geometric split-screen hero sticky navigation card-based layout dark mode toggle

Typography

Roboto

Heading

Aa Aa Aa Aa

DM Mono

Body

Aa Aa Aa Aa

Color palette

TL;DR

Wisedoc utilizes a "Dark Mode by Default" aesthetic for its primary marketing presence, shifting to a clean white canvas for utility pages like pricing. The system is defined by a high-voltage electric cyan (`#00d4ff`) used for critical signals, borders, and text highlights. Backgrounds alternate between a deep navy-black (`#0b0e16`) and a softer charcoal (`#151c28`), often layered with subtle glassmorphism effects (10% white overlays). Typography is strictly functional, relying on Roboto for display and body, occasionally punctuated by DM Mono for technical labels. Geometry is versatile, moving from sharp 0px containers to ultra-soft 9999px pill buttons.

Target audience

The site targets hiring teams and recruiters seeking AI-powered solutions for smarter recruiting and improved quality of hire.

Full tech stack

Contentful Gatsby Google Analytics Google Tag Manager React Tawk.to Webpack

Analytics

Google Tag Manager Google Analytics

Meta description

Wisedoc helps hiring teams hire faster with AI-powered job fit analysis, skills-based candidate scoring, and structured workflows that improve quality of hire.

Brand Voice

A bold, diagnostic, and high-intelligence authority that exposes the failures of legacy recruiting tools.

Positioning

Wisedoc is an AI-driven intelligence layer for recruiters and hiring teams that replaces rigid keyword matching with deep skill validation. It is designed for high-growth teams who need to identify high-impact talent that traditional Applicant Tracking Systems (ATS) overlook.

Voice principles

  • Diagnostic: Identifies specific systemic failures (like "linear path bias" or "broken filters") with clinical precision.
  • Assertive: Uses strong, definitive verbs to describe the product's impact (e.g., "validates," "maps," "identifies," "conducts").
  • Transparent: Speaks plainly about costs, commitments, and the "real problem" without marketing fluff.
  • Analytical: Focuses on depth and layers rather than surface-level features, emphasizing "intelligence" over simple automation.

More SaaS/Software Product Designs

← Back to Gallery