[ ABORT TO HUD ]
SEQ. 1
SEQ. 2

Fluent 2 Design Tokens & Copilot Embedded Controls

⚡ Next-Generation Power Apps & Natural Language Building⏱ 15 min⭐ 150 BASE XP⌨ HANDS-ON LAB

Visual Cohesion with Fluent 2

Modern enterprise applications demand visual harmony. Fluent 2 delivers the exact visual design system, elevation tokens, corner radiuses, and color palettes used across Microsoft 365 Copilot and Teams.

⌨ HANDS-ON LABBundle Fluent 2 Theme in Custom Control
⭐ +150 XP

Ensure custom PCF control matches Microsoft 365 Copilot visual language with Fluent 2 design tokens.

1Build the PCF component with Fluent 2 web components.
lab-sandbox — simulated environment
INFINITY LAB SANDBOX v2.6 — simulated shell
Type the command for the current objective. Helpers: "hint", "solution", "clear".
$
OBJECTIVE 1 / 1 — type "hint" if stuck
SYNAPSE VERIFICATION
QUERY 1 // 1
Why should custom PCF controls implement Microsoft Fluent 2 tokens?
It is required to connect to the internet
It ensures pixel-perfect visual cohesion with Microsoft 365 Copilot and Teams
It disables all styling
It reduces the size of photos