\DESIGNSORCERY>_

All-in-one HRMS & Payroll solutions | BrioHR

Video · Light

Design System Inspiration

Briohr — extracted via DESIGN.md

HR · HRMS & Payroll

corporate clean dark-theme typographic minimalist sticky navigation split-screen hero scroll-triggered animations card-based layout

Typography

Switzer-Regular

Heading

Aa Aa Aa Aa

Roboto

Body

Aa Aa Aa Aa

Color palette

TL;DR

Briohr utilizes a "Forest and Coral" palette to distinguish itself in the HR tech space. The system is anchored by a deep green foundation (`#026653`) and a high-energy primary action color (`#f86247`). Typography is a sophisticated pairing of **Merriweather** (heavyweight 900) for authoritative display headlines and **Inter** for functional UI and body copy. Layouts favor generous white space, rounded containers (up to 50px radius), and subtle depth through soft, tinted shadows (`rgba(17, 96, 96, 0.12)`).

Target audience

The target audience is HR professionals and business owners seeking an integrated, scalable HR management and payroll solution.

Full tech stack

Adobe Fonts cdnjs Cloudflare Facebook Pixel Google Analytics Google Hosted Libraries Google Tag Manager Hotjar HubSpot HubSpot Analytics HubSpot Chat jQuery jQuery Migrate Linkedin Insight Tag MySQL OWL Carousel PHP Typekit WordPress Yoast SEO Yoast SEO Premium

Analytics

Linkedin Insight Tag HubSpot Analytics Hotjar Google Tag Manager Google Analytics Facebook Pixel

Meta description

One platform. All your HR needs. With our scalable, user-friendly HR Software, HR is now empowered to play a strategic role and drive company performance.

Brand Voice

Professional, efficient, and regionally grounded, focusing on speed and simplicity to empower HR teams.

Positioning

brioHR is an all-in-one HRMS and payroll solution built specifically for the Asian market. It serves businesses ranging from 10 to 3,000+ employees, positioning itself as a comprehensive partner that replaces fragmented systems with a single, intuitive platform.

Voice principles

  • Efficiency-Driven: Uses hard data and time-saving metrics to prove value.
  • Supportive and Local: Emphasizes regional expertise and "by your side" partnership.
  • Straightforward: Avoids corporate jargon in favor of simple, declarative descriptions of software functions.
  • Outcome-Oriented: Focuses on the end goal (reaching business goals, saving work, reducing errors) rather than just technical features.

More SaaS/Software Product Designs

← Back to Gallery