\DESIGNSORCERY>_

copilot-cx | The IoT user engagement platform

Video · Light

Design System Inspiration

Copilot.cx — extracted via DESIGN.md

Customer Support · IoT user engagement

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

Typography

Montserrat

Heading

Aa Aa Aa Aa

Color palette

TL;DR

Copilot.cx utilizes a high-voltage "monochrome+" system where a deep navy foundation (#020925) is punctuated by a single, high-visibility primary yellow (#ffd407). The interface relies on Montserrat for all typographic layers, favoring medium weights (500) for display and headings to maintain a technical, engineering-forward aesthetic. Layouts are characterized by significant vertical breathing room (120px section gaps) and a distinct "stadium" geometry for primary CTAs and decorative containers. Surfaces alternate between a clinical off-white (#f8fbfd) and deep dark-mode sections to signal transitions between marketing content and technical product depth.

Target audience

The target audience is B2B clients in the consumer electronics and IoT sectors looking for a platform to improve user engagement and retention.

Full tech stack

Craft CMS Google Tag Manager Linkedin Insight Tag OneTrust PHP SEOmatic Yii Alpine.js

Analytics

Linkedin Insight Tag Google Tag Manager

Meta description

Copilot.cx, is the only consumer electronics focused solution to turn your transactional customers into prime users that continuously benefit your brand.

Brand Voice

Professional and growth-oriented, balancing high-level business outcomes with a supportive, human touch.

Positioning

Copilot.cx is an automated engagement platform specifically for consumer electronics and IoT brands. It helps companies maximize the customer lifecycle by turning transactional product users into loyal brand advocates.

Voice principles

  • Outcome-focused: Focuses on business results like growth, maximization, and opportunity.
  • Illuminating: Uses metaphors of light and clarity to describe data and product insights.
  • Polite: Maintains a courteous and apologetic tone when things go wrong, avoiding robotic error messages.
  • Industry-specific: Uses precise terminology related to the IoT and consumer electronics sectors.

More SaaS/Software Product Designs

← Back to Gallery