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
49
Source areas
6
Connected nodes
55
Extracted relationships
57
Concept neighborhoods
26
Bridge connections
55

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 · 4 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

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

Advanced semantic analysis

Deeper signals for content research, entity SEO and topical coverage. The plain-language headings explain what each technical view is useful for.

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, Fluent, Fluent UI React, Furthermore, It, Microsoft's Fluent Design System, React, Windows, WinUI Another extracted example is 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. Use these groups to spot repeated connection types before inspecting the individual relationships.

Fluent Design System

Top relations

related to Implementation · 9
Fluent Design System → Android, Fluent, Fluent UI React, Furthermore, It, Microsoft's Fluent Design System, React, Windows, WinUI
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
Repository · 5
Fluent Design System → Android: fluentui-android, Cross-platform: fluentui-react-native, iOS, macOS: fluentui-apple, Web: fluentui, Windows: microsoft-ui-xaml
related to Influence · 5
Fluent Design System → Apple's, Big Sur, It, The, Windows
Predecessor · 3
Fluent Design System → Microsoft Design Language 2, Microsoft UI Fabric, Office UI Fabric
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 57 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 SystemRelease2017; 9 years ago (2017) .mw-parser-output .cisb-header{line-height:normal;padding:0.2em}.mw-parser-output .cisb-table{width:100%}.mw-parser-output .cisb-table.cisb-last{margin-…1.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

Related concept clusters Concept neighborhoods

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 43 ⟂ 13
Fluent Design System — Iconography · splits 43 ⟂ 13
Fluent Design System — Implementation · splits 46 ⟂ 10
Fluent Design System — Overview · splits 48 ⟂ 8
Fluent Design System — Compared to Metro and Aero · splits 50 ⟂ 6
Fluent Design System — Influence · splits 51 ⟂ 5

Map overview Semantic statistics

Fluent Design System

Nodes56
Edges55
Triples57
Avg. degree1.96
Density0.035714
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.