Research any topic before you write.

Find related topics. | Discover entities. | See connections. | Build a topical map.

Fluent Design System: Companies, Design components & Iconography

Fluent Design System (codenamed "Project Neon") is a design language developed in 2017 by Microsoft. Fluent Design is a revamp of Microsoft Design Language 2 ("Metro") that includes guidelines for the designs and interactions used within software designed for the company's Windows 10 and Windows 11 devices and platforms. The system is based on five key…

Language: English [EN]
Use the mouse wheel or two fingers (on touchscreens) to zoom in and out of the map.
100%
More settings
100% 100% 100% 100% 100%

Fluent Design System topic overview

The analysis highlights Companies, Design components and Iconography as prominent areas in the source structure around Fluent Design System.

Related topics
48
Source areas
6
Connected nodes
54
Extracted relationships
53
Related term clusters
26
Bridge connections
54

What this topic covers Research coverage

Source areas are shown by the number of related topics found in each part of the analysis. Use smaller areas too: they can reveal specialized angles and content gaps.

Design components · 12 topics
Iconography · 12 topics
Implementation · 9 topics
Overview · 7 topics
Compared to Metro and Aero · 5 topics
Influence · 3 topics

Smaller areas are not necessarily less important. They contain fewer connections in this analysis and can be useful for finding specialized angles or coverage gaps.

Key facts & relationships

High-confidence facts extracted from structured source data. Use them as anchors for further research.

Android
Android0.0.11 / February 12, 2021; 5 years ago (2021-02-12) iOS macOS0.2.3 / March 9, 2021; 5 years ago (2021-03-09)Windows2.6.0-prerelease.210315002 / March 17, 2021; 5 years a… · 0.0.11 / February 12, 2021; 5 years ago (2021-02-12)
Cross-platform
0.23.3 / March 15, 2021; 5 years ago (2021-03-15)
Developer
Microsoft
iOS macOS
0.2.3 / March 9, 2021; 5 years ago (2021-03-09)
License
MIT License
More Information
More Information

Start with your topic. Discover where to go next.

Explore different angles and find fresh ideas to shape your next piece of content.

Fluent Design System
5Design language · Microsoft · Metro (design language)
9Cross-platform software · React (software) · Microsoft Windows
7Microsoft Office · Chromium (web browser) · Microsoft Edge

Explore all related topics Closing gaps

Browse the complete topic structure, not only the most central items. Less prominent entities and concepts can reveal missing angles, specialized context and useful research gaps. Each item opens a new analysis centered on that subject.

Overview

Compared to Metro and Aero

Design components

Iconography

Implementation

Influence

For the semantics nerds

You can skip this section if you’re here for content ideas and keyword inspiration.

Advanced semantic analysis

How Fluent Design System connects Entity context

The extracted context around Fluent Design System shows recurring relationship patterns in the source. For example, Fluent Design System → Android: fluentui-android, Cross-platform: fluentui-react-native, iOS, macOS: fluentui-apple, Microsoft Design Language 2, Microsoft UI Fabric, Office UI Fabric, Web: fluentui, Windows: microsoft-ui-xaml Another extracted example is Fluent Design System → Android, Fluent, Fluent UI React, Furthermore, Microsoft's Fluent Design System, React, Windows, WinUI. Use these groups to spot repeated connection types before inspecting the individual relationships.

Fluent Design System

Top relations

Release(s) · 8
Fluent Design System → Android: fluentui-android, Cross-platform: fluentui-react-native, iOS, macOS: fluentui-apple, Microsoft Design Language 2, Microsoft UI Fabric, Office UI Fabric, Web: fluentui, Windows: microsoft-ui-xaml
related to Implementation · 8
Fluent Design System → Android, Fluent, Fluent UI React, Furthermore, Microsoft's Fluent Design System, React, Windows, WinUI
Repository · 5
Fluent Design System → Android: fluentui-android, Cross-platform: fluentui-react-native, iOS, macOS: fluentui-apple, Web: fluentui, Windows: microsoft-ui-xaml
Predecessor · 3
Fluent Design System → Microsoft Design Language 2, Microsoft UI Fabric, Office UI Fabric
related to Influence · 3
Fluent Design System → Apple's, Big Sur, Windows
Android · 2
Fluent Design System → 0.0.11 / February 12, 2021; 5 years ago (2021-02-12), Android0.0.11 / February 12, 2021; 5 years ago (2021-02-12) iOS macOS0.2.3 / March 9, 2021; 5 years ago (2021-03-09)Windows2.6.0-prerelease.210315002 / March 17, 2021; 5 years a…
Other names · 2
Fluent Design System → Fluent UI, Microsoft Fluent Design System
Web · 2
Fluent Design System → 8.122.15 / 15 April 2025; 16 months ago (2025-04-15), Web8.122.15 / 15 April 2025; 16 months ago (2025-04-15)Windows2.8.7 / February 4, 2025; 18 months ago (2025-02-04)
Windows · 2
Fluent Design System → 2.6.0-prerelease.210315002 / March 17, 2021; 5 years ago (2021-03-17), 2.8.7 / February 4, 2025; 18 months ago (2025-02-04)
Cross-platform · 1
Fluent Design System → 0.23.3 / March 15, 2021; 5 years ago (2021-03-15)

Important terminology

Use these terms to understand the vocabulary surrounding the topic, not as a checklist for keyword stuffing.

Important terminology

windows design fluent microsoft 11 depth system used acrylic 10 light material motion metro app icons language different surfaces apps

Fluent Design System relationships Subject–Predicate–Object triples

TTTA extracted 53 structured relationships around Fluent Design System. Examples in this analysis include Fluent Design System → Android → Android0.0.11 / February 12, 2021; 5 years ago (2021-02-12) iOS macOS0.2.3 / March 9, 2021; 5 years ago (2021-03-09)Windows2.6.0-prerelease.210315002 / March 17, 2021; 5 years a… and Fluent Design System → Android → 0.0.11 / February 12, 2021; 5 years ago (2021-02-12). The table shows each extracted connection, where it came from and its confidence.

SubjectPredicateObjectConfidenceSrc
Fluent Design SystemAndroidAndroid0.0.11 / February 12, 2021; 5 years ago (2021-02-12) iOS macOS0.2.3 / March 9, 2021; 5 years ago (2021-03-09)Windows2.6.0-prerelease.210315002 / March 17, 2021; 5 years a…1.00infobox
Fluent Design SystemAndroid0.0.11 / February 12, 2021; 5 years ago (2021-02-12)1.00infobox
Fluent Design SystemCross-platform0.23.3 / March 15, 2021; 5 years ago (2021-03-15)1.00infobox
Fluent Design SystemDeveloperMicrosoft1.00infobox
Fluent Design SystemiOS macOS0.2.3 / March 9, 2021; 5 years ago (2021-03-09)1.00infobox
Fluent Design SystemLicenseMIT License1.00infobox
Fluent Design SystemMore InformationMore Information1.00infobox
Fluent Design SystemOperating systemAndroid, iOS, macOS, Windows, Web browser1.00infobox
Fluent Design SystemOriginal authorMicrosoft1.00infobox
Fluent Design SystemOther namesFluent UI1.00infobox
Fluent Design SystemOther namesMicrosoft Fluent Design System1.00infobox
Fluent Design SystemPlatformARM, x86-641.00infobox
Fluent Design SystemPredecessorMicrosoft Design Language 21.00infobox
Fluent Design SystemPredecessorMicrosoft UI Fabric1.00infobox
Fluent Design SystemPredecessorOffice UI Fabric1.00infobox
Fluent Design SystemRelease(s)Microsoft Design Language 21.00infobox
Fluent Design SystemRelease(s)Microsoft UI Fabric1.00infobox
Fluent Design SystemRelease(s)Office UI Fabric1.00infobox
Fluent Design SystemRelease(s)Web: fluentui1.00infobox
Fluent Design SystemRelease(s)Android: fluentui-android1.00infobox
Fluent Design SystemRelease(s)iOS, macOS: fluentui-apple1.00infobox
Fluent Design SystemRelease(s)Windows: microsoft-ui-xaml1.00infobox
Fluent Design SystemRelease(s)Cross-platform: fluentui-react-native1.00infobox
Fluent Design SystemRepositoryWeb: fluentui1.00infobox
Fluent Design SystemRepositoryAndroid: fluentui-android1.00infobox
Fluent Design SystemRepositoryiOS, macOS: fluentui-apple1.00infobox
Fluent Design SystemRepositoryWindows: microsoft-ui-xaml1.00infobox
Fluent Design SystemRepositoryCross-platform: fluentui-react-native1.00infobox
Fluent Design SystemTypeDesign language software1.00infobox
Fluent Design SystemWebWeb8.122.15 / 15 April 2025; 16 months ago (2025-04-15)Windows2.8.7 / February 4, 2025; 18 months ago (2025-02-04)1.00infobox

Related concept clusters Related term clusters

The concept neighborhoods around Fluent Design System bring nearby vocabulary together. In this analysis, examples include Fluent, System and Microsoft. Use the clusters to find adjacent concepts and terminology that may deserve separate research.

  • Fluent Design System
    • Fluent
    • System
    • Microsoft
    • Software
    • Language
    • Metro
    • Flat
    • Ui
    • Windows
    • Icons
    • Macos
    • Components
  • fluent design system
    • Fluent
    • System
    • Language
    • Macos
    • Microsoft
    • Software
    • Windows
    • Metro
    • Ui
    • Flat
    • Icons
    • Aero
  • design language
    • Fluent
    • Software
    • System
    • Effects
    • Metro
    • Motion
    • Language
    • Depth
    • Windows
    • Aero
    • Microsoft
    • Flat
  • microsoft
    • Icons
    • Windows
    • Apps
    • Software
    • Web
    • Designed
    • Effects
    • Furthermore
    • Metro
    • Office
    • Scale
    • Flat
  • windows 10
    • Used
    • Design
    • Flat
    • Material
    • Fluent
    • Microsoft
    • Macos
    • Software
    • Metro
    • Mica
    • New
    • Apps
  • windows 11
    • Used
    • Design
    • Flat
    • Material
    • Fluent
    • Microsoft
    • Macos
    • Software
    • Metro
    • Mica
    • New
    • Apps
  • windows 10x
    • Used
    • Design
    • Flat
    • Material
    • Fluent
    • Microsoft
    • Macos
    • Software
    • Metro
    • Mica
    • New
    • Apps
  • aero
    • Metro
    • Flat
    • Material
    • Macos
    • Software
    • Web
    • Components
    • Effects
    • Language
    • Office
    • Scale
    • Motion

Connections between topic areas Semantic bridges

For Fluent Design System, one of the stronger structural bridges in this analysis connects Fluent Design System with Design components. Bridges highlight paths between different parts of the map and can reveal research angles that are easy to miss in a flat list.

Min side: 3
Fluent Design System — Design components · splits 42 ⟂ 13
Fluent Design System — Iconography · splits 42 ⟂ 13
Fluent Design System — Implementation · splits 45 ⟂ 10
Fluent Design System — Overview · splits 47 ⟂ 8
Fluent Design System — Compared to Metro and Aero · splits 49 ⟂ 6
Fluent Design System — Influence · splits 51 ⟂ 4

Map overview Semantic statistics

Fluent Design System

Nodes55
Edges54
Triples53
Avg. degree1.96
Density0.036364
Components1

Source & methodology

TTTA analyzes the structure around Fluent Design System to surface related topics, entities, relationships, concept neighborhoods and bridge connections. Use the map to explore areas such as Companies, Design components & Iconography, including less central topics that may reveal useful research gaps. Automatically extracted connections are research leads rather than rewritten encyclopedia content.

Source: Wikipedia — Fluent Design System · EN edition · Analysis: TopicsToTalkAbout

For writers, content strategists, SEOs, marketers and creators — from quick topic research to advanced semantic analysis.

Monitor your Domain Rating with FrogDR

Featured onSUBMITATOR topicstotalkabout.com - Featured on Startup Fame Listed on Turbo0 Featured on Findly.tools Featured on Wired Business topicstotalkabout.com on Nick Launches Featured on neeed.directory Featured on PostYourStartup ShareSpeak on SaaSGrow Featured on DailyPings Startup Benchmarks Featured on EasyDoFollow Featured on EasyLaunch Featured on SubmitMySaas Featured on LaunchVault Featured on DodoDirectory Featured on LaunchZone Launched on LaunchBoard - Product Launch Platform Featured on LemonLaunch 'LiftOff' Default v2 badge Featured on NextBigProduct Listed on CurlShip aListed onamaze.directory Featured on saas.fyi Featured on Brick Launch Featured on Wall of Tools Featured onfreeboard.lol #1 Product on Twelve ToolsFeatured onSUBMITATOR topicstotalkabout.com - Featured on Startup Fame Listed on Turbo0 Featured on Findly.tools Featured on Wired Business topicstotalkabout.com on Nick Launches Featured on neeed.directory Featured on PostYourStartup ShareSpeak on SaaSGrow Featured on DailyPings Startup Benchmarks Featured on EasyDoFollow Featured on EasyLaunch Featured on SubmitMySaas Featured on LaunchVault Featured on DodoDirectory Featured on LaunchZone Launched on LaunchBoard - Product Launch Platform Featured on LemonLaunch 'LiftOff' Default v2 badge Featured on NextBigProduct Listed on CurlShip aListed onamaze.directory Featured on saas.fyi Featured on Brick Launch Featured on Wall of Tools Featured onfreeboard.lol #1 Product on Twelve Tools