Microsoft FAST DESIGN.md

github.com/microsoft/fast

The design system shared by Microsoft FAST's example apps, written as semantic CSS tokens for type, spacing, color and light and dark themes.

Open the official DESIGN.md

At a glance

Group: Brands
Main color: #242424Black and white design systems

Colors in this file

#242424
Unnamed
#1f1f1f
Unnamed
#fafafa
Unnamed
#ffffff
Unnamed

Use it with your agent

Save the file as DESIGN.md in your project root, then ask your agent to follow it for UI work.

Download

curl -o DESIGN.md https://raw.githubusercontent.com/microsoft/fast/main/examples/design-system/DESIGN.md

Microsoft

Brands · Segoe UI Variable Text

Microsoft makes public experiences for people, teams, and organizations across consumer software, cloud services, devices, and developer tools. Its current public marketing uses generous white space, product imagery,…

Microsoft Teams

iOS apps · Circular

Microsoft Teams' iOS app is an organizational nervous system rendered as an app. Its job is to collapse chat, meetings, files, and teams into a single dependable surface that an enterprise can live inside all day.…

Framer

Brands · Inter

A confident dark-canvas builder marketing site that treats the page like a working artboard — pure black surfaces, white display type set in GT Walsheim Medium with aggressive negative tracking, and a single…

Gangnamunni (강남언니)

Brands · PretendardVariable

강남언니 is a Korean consumer service for finding and comparing medical-procedure information, hospitals, and event prices. Its current public product routes put this research task ahead of ornamental branding: the…

Gaudiy

Brands · Noto Sans JP

Gaudiy (株式会社Gaudiy Group) is a Tokyo Web3 fan-community platform — the maker of Gaudiy Fanlink, backed by Sony Group and Bandai Namco — and its public surfaces wear a deliberately monochrome, almost defiant "glitch"…

Mintlify