\DESIGNSORCERY>_

Cooleaf: An ITA Group Technology Product for Employee Engagement

Video · Light

Design System Inspiration

Cooleaf — extracted via DESIGN.md

HR · Employee engagement platform

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

Typography

Poppins

Heading

Aa Aa Aa Aa

proxima-nova

Body

Aa Aa Aa Aa

Color palette

TL;DR

Cooleaf utilizes a high-contrast, professional palette dominated by ITA Light Blue (#0086d6) and deep charcoal grays (#414043, #2d2e2e) against a pure white background (#ffffff). The typography system is built exclusively on Poppins, favoring a weight of 400 for both large display headers (40px) and body text (16px), which creates a consistent, approachable geometric feel. Interactive elements are defined by generous 500px "pill" radii and significant internal padding (16px 32px). The visual rhythm is spacious, relying on 8px-grid-aligned spacing (16px, 32px) and a total absence of box shadows, resulting in a flat, modern digital aesthetic.

Target audience

The site targets HR professionals and business leaders seeking an employee engagement platform for their organizations.

Full tech stack

Facebook Pixel Google Analytics Google Font API Google Hosted Libraries Google Tag Manager jQuery

Analytics

Google Tag Manager Google Analytics Facebook Pixel

Meta description

Meet Cooleaf, an ITA Group Technology product. Cooleaf is a ready-to-use employee engagement platform for rewards and recognition, events, and surveys.

Brand Voice

Professional, outcome-oriented, and encouraging.

Positioning

Cooleaf is an award-winning employee recognition and rewards platform designed for HR leaders. It focuses on creating real, lasting engagement through a simplified, technology-driven approach to workplace culture.

Voice principles

  • Empowering: Uses active verbs to describe how the software enables HR leaders and employees to take action.
  • Structured: Organizes information into clear, benefit-driven lists to demonstrate ease of use.
  • Credible: References its parent company (ITA Group) and industry accolades to establish trust.
  • Direct: Uses simple, punchy sentences that focus on the immediate value of the software.

More SaaS/Software Product Designs

← Back to Gallery