Fluent 2

Styleplatform/system

fluent 2, microsoft, enterprise, calm, rounded, tokenized, cross-platform, copilot. Best for Microsoft 365, Windows, Copilot, and enterprise line-of-business tools.

fluent 2 microsoft enterprise calm rounded tokenized cross-platform copilot

Preview

A sample page drawn from this style’s tokens — a guide to the look, not the exact output.

New · weekly review

Plan the week in ten minutes

Pull in every task, see what matters, and share one clear plan with the team.

Get startedSee how it worksDocs

Tasks done1,284+12% this week

Emailyou@example.com

Remember meContinue

Today

Review roadmapDone

Ship onboardingIn progress

Team sync3 pm

Prompt

Paste into any AI assistant before describing what to build — or attach it to a project below.

# Visual style: Fluent 2

Keywords: fluent 2, microsoft, enterprise, calm, rounded, tokenized, cross-platform, copilot
Primary colours: Fluent neutral palette with brand and status tokens
Secondary colours: System semantic tokens; product brand accents
Effects & animation: Subtle depth, calm transitions, platform-adaptive motion
Best for: Microsoft 365, Windows, Copilot, and enterprise line-of-business tools
Do not use for: Products that should not inherit Microsoft platform conventions

## Prompt keywords
Design a Fluent 2 product surface using calm hierarchy, standardized corners, semantic tokens, subtle depth, and platform-aware components. Preserve Microsoft interaction patterns and accessible focus states.

## CSS / technical
design tokens, semantic color, component states, focus-visible, reduced motion

## Implementation checklist
Use official tokens and components; preserve platform conventions; test keyboard, contrast, zoom, motion preferences, and responsive behavior

## Design system variables
--color-primary, --color-surface, --color-on-surface, --radius-control, --motion-duration, --focus-ring

Use it in an app

Create a free account to attach this style to a project: the hub adds it to the prompt your AI assistant gets, so it builds every page in this look.

Start building — free I already have an account

From UI/UX Pro Max (MIT, commit 477bcb2).View source