\DESIGNSORCERY>_

Microsoft Copilot: Your AI companion

Video · Light

Design System Inspiration

Copilot — extracted via DESIGN.md

AI/ML · AI assistant

clean interactive dark-theme minimalist futuristic conversational UI dark mode toggle interactive hero section scroll-triggered animations

Typography

Ginto

Heading

Aa Aa Aa Aa

Color palette

TL;DR

Copilot utilizes a monochrome foundation that prioritizes legibility and soft elevation. The system is anchored by a warm-white background `#f8f4f1` and high-contrast text in `#272320`. Interaction points are defined by generous border radii (up to 32px) and subtle, tinted shadows that create a sense of physical layering. Typography is exclusively **Ginto**, used at a singular weight (400) across all roles, relying on scale and letter-spacing for hierarchy rather than bold weights.

Target audience

The target audience is individuals and professionals seeking an AI companion for information, entertainment, and inspiration, valuing a clean and intuitive digital experience.

Full tech stack

Microsoft Advertising

Meta description

Microsoft Copilot is your companion to inform, entertain and inspire. Get advice, feedback and straightforward answers. Try Copilot now.

Brand Voice

A welcoming, collaborative companion that uses informal curiosity to spark action.

Positioning

Copilot is an AI assistant designed to help users explore ideas and execute tasks. It positions itself as a ready partner for creative and intellectual "deep dives."

Voice principles

  • Casual: Uses informal greetings and contractions to lower the barrier to entry.
  • Action-oriented: Focuses on verbs and the immediate next step of a project.
  • Collaborative: Positions itself as a partner in the work rather than a static tool.
  • Transparent: Clearly states its nature as an AI and its potential for error.

More SaaS/Software Product Designs

← Back to Gallery