\DESIGNSORCERY>_

Yardstik – Trust, Reimagined

Video · Light

Design System Inspiration

Yardstik — extracted via DESIGN.md

HR · Background checks

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

Typography

Inter

Heading

Aa Aa Aa Aa

Bebas Neue

Body

Aa Aa Aa Aa

Color palette

TL;DR

Yardstik employs a "dark mode by default" aesthetic that leans heavily into high-voltage accents. The system is built on a foundation of absolute black (#000000) and deep navy (#00071a), which provides a high-contrast stage for the primary brand color, Electric Cyan (#00f4ff). Typography is a dual-threat system: **Bebas Neue** provides a loud, condensed display voice for heroes and section headers, while **Inter** handles high-legibility body and UI tasks. Visual depth is achieved not through traditional shadows, but through "glow" effects—cyan and mint (#36ffb8) outer shadows that simulate light emission from cards and buttons.

Target audience

The site targets businesses and enterprises seeking a human trust platform, likely B2B clients interested in data-driven credibility and verification solutions.

Full tech stack

cdnjs Cloudflare FitVids.JS Google Analytics Google Tag Manager Hotjar jQuery jQuery Migrate Linkedin Ads Linkedin Insight Tag LiveIntent MySQL PHP WordPress Yoast SEO

Analytics

Linkedin Insight Tag Hotjar Google Tag Manager Google Analytics

Meta description

Yardstik is the Human Trust Platform (HTP), a technology platform that makes human credibility into something you can continuously see, measure, and rely on.

Brand Voice

Urgent, authoritative, and protective, positioning itself as a modern defense against evolving workforce deception.

Positioning

Yardstik is a "Human Trust Platform" for organizations that need to move beyond static background checks. It provides end-to-end workforce visibility and fraud prevention for the entire employee lifecycle.

Voice principles

  • Urgent: Uses high-stakes language to highlight modern threats like AI-driven fraud and workforce crises.
  • Direct: Employs short, punchy sentences that challenge the status quo of "legacy" providers.
  • Protective: Focuses on defense, monitoring, and "full lifecycle protection" to keep trust intact.
  • Technical but Accessible: Uses developer-friendly terms like "API-first" and "white-label" while keeping the value proposition clear for business leaders.

More SaaS/Software Product Designs

← Back to Gallery