\DESIGNSORCERY>_

Pyn | Employee Journey Automation for HR Teams

Video · Light

Design System Inspiration

Pynhq — extracted via DESIGN.md

HR · Employee journey automation

minimalist corporate dark-theme typographic clean elegant split-screen hero sticky navigation typographic hierarchy dark mode toggle

Typography

Domaine Display

Heading

Aa Aa Aa Aa

Reckless Neue

Body

Aa Aa Aa Aa

Color palette

TL;DR

Pynhq utilizes a sophisticated "Dark Editorial" aesthetic that pairs high-contrast achromatic foundations with vibrant, multi-chromatic accents. The system is anchored by **Domaine Display** and **Reckless Neue**, two high-character serifs that provide an authoritative, magazine-like feel. While the primary interface relies on a stark white (#ffffff) and deep black (#000000) palette, the brand voltage is delivered through iridescent 3D objects and soft, multi-color background gradients. Layouts are characterized by generous vertical spacing (up to 160px) and a strict adherence to sharp corners (0px radii), except for specific interactive "pill" elements.

Target audience

The likely target audience is HR professionals and business leaders looking for automated employee journey solutions, as well as designers interested in sophisticated B2B SaaS website design.

Full tech stack

Chili Piper Google Tag Manager Prismic React

Analytics

Google Tag Manager

Meta description

Pyn is an AI-powered employee journey automation platform. Automate onboarding and 100+ lifecycle moments from your HRIS — no engineering needed.

Brand Voice

Empowering, efficient, and human-centric automation for HR leaders.

Positioning

Pynhq provides AI agents and automation tools for HR teams and managers to manage employee journeys. It bridges the gap between complex HRIS data and personalized communication to enhance the employee experience.

Voice principles

  • Empowering: Uses active verbs to describe how the tool elevates the user's role (e.g., "Give your HR team superpowers").
  • Operational: Focuses on the mechanics of work, using clear language about tasks, triggers, and systems.
  • Human-centric: Emphasizes that while the backend is automated, the output feels personal and comes from "real people."
  • Direct: Uses short, punchy headlines that lead with the primary benefit or action.

More SaaS/Software Product Designs

← Back to Gallery