UI Skillbook
2

Design systems set in Segoe UI

Brands and apps whose DESIGN.md names Segoe UI as a typeface, including 17LIVE, Alipay and Anthropic (Claude). Each file also lists the sizes, weights and colors that go with it, so your coding agent can match the whole style.

30 files

Files

17LIVE

Brands · Segoe UI

17LIVE is one of the world's largest live-streaming and interactive-entertainment platforms — a place where a "LIVER" (17LIVE's word for a livestreamer) broadcasts to fans who react in real time with virtual gifts,…

Alipay

Brands · Segoe UI

Alipay began in 2004 as a way to create trust between online buyers and sellers, and Ant Group now describes it as a one-stop digital daily-life platform that works with partners across payments, public services, and…

Anthropic (Claude)

Brands · Styrene A

AI safety research company with warm editorial elegance. Cream backgrounds (#FAF9F5) and warm terracotta accents (#DA7756, #C4553D), dark charcoal text (#1F1915), Styrene typeface with clean letter-spacing, research…

Appier

Brands · Segoe UI

Appier is a Taiwan-founded, Tokyo-listed enterprise AI company — its software helps businesses "turn AI into ROI" through marketing, personalization, and data clouds — and its design system carries the confidence of…

Booking.com

Brands · Segoe UI

Booking.com uses a custom icon set with consistent styling.

eBay

Brands · Market Sans

eBay is a global e-commerce marketplace connecting buyers and sellers worldwide. Founded in 1995, eBay has evolved from an auction-only platform to a comprehensive marketplace featuring fixed-price listings, deals,…

Epic Games Store

Brands · Brutal Type

Digital gaming marketplace with sleek, cinematic dark aesthetic. Deep black backgrounds (#121212, #202020), vibrant blue accent (#0074e4), bold yellow free game promotions, and immersive game imagery for a next-gen…

LinkedIn

Brands · Segoe UI

This design system reflects LinkedIn's professional, corporate aesthetic focused on career networking, job discovery, and professional content sharing.

Lyft

Brands · Rubik

Rideshare mobility with human warmth. Lyft's live surfaces serve Rubik as the primary brand font, combining deep magenta-black foundations (#1A1A2E, #0A0A0F) with vibrant pink-magenta brand accents (#EA0B8C, #FF00BF)…

MaiCoin / MAX

Brands · Segoe UI

MaiCoin is the largest crypto-exchange group in Taiwan, and its design splits cleanly across two surfaces with two distinct personalities. The consumer-facing buy/sell site (www.maicoin.com) is warm and approachable:…

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,…

Reddit

Brands · Segoe UI

Reddit is the internet's self-described "front page" — and its design system, the Reddit Product Language (RPL), reflects exactly that: a platform built for content discovery at massive scale, where the design…

SHOPLINE

Brands · Noto Sans TC

SHOPLINE presents itself as a bright, optimistic, merchant-friendly commerce platform built for the Taiwan and Hong Kong markets — its homepage opens on a clean white canvas (#ffffff) with a confident, saturated…

Taiwan Mobile

Brands · Poppins

Taiwan Mobile (台灣大哥大) is Taiwan's largest telecom carrier, and its digital presence communicates bold accessibility through a clean, modern consumer-tech aesthetic. The primary brand color is a confident vibrant…

Target

Brands · Helvetica Neue

Target Corporation is one of America's largest retailers, known for its distinctive red bullseye logo and commitment to delivering an elevated shopping experience at affordable prices. Founded in 1962, Target has…

Threads (Meta)

Brands · Segoe UI

A comprehensive design guide for Threads' visual identity (2023-2026)

Todoist

Brands · Graphik

Calm, focused productivity design built around a warm off-white canvas, a signature tomato-red accent, and dense-but-breathable task lists. Todoist's public product and marketing site feel friendly and quietly…

Trainline

Brands · TLCircular

Trainline is Europe's leading independent rail and coach booking platform, and its interface reflects a practical, optimistic approach to travel — clean, confident, and task-focused. The homepage opens on a white…

VMware

Brands · Segoe UI

Enterprise-ready consumer-simple design with strong action blue, compact controls, and reusable app structure. VMware’s Clarity system focuses on accessibility, consistency, and practical patterns for dense business…

WhatsApp

Brands · Segoe UI

Utilitarian, trustworthy messaging built for speed and clarity. WhatsApp's public product pairs a calm green-and-white identity with a chat-bubble-first layout, dense contact lists, and no-frills controls that…

X (Twitter)

Brands · Segoe UI

A comprehensive design guide for X's current visual identity (2024-2026)

Xbox

Brands · Segoe UI

Microsoft Fluent Design meets gaming. Xbox Green (#107C10), deep dark backgrounds, Segoe UI typography, Game Pass branding, achievement gamerscore, and controller-centric Xbox ecosystem.

Microsoft Copilot

iOS apps · Segoe UI

Microsoft Copilot's iOS app is a warm, approachable assistant wrapped in Microsoft's Fluent design language. The canvas is clean white (#FFFFFF) in light mode and a deep neutral (#202020) in dark mode, but the…

FELISSIMO

Japan · 游ゴシック

FELISSIMO フェリシモ（https://www.felissimo.co.jp/）のデザイン仕様書。 実サイトの CSS computed style に基づく。ファッション・雑貨・手づくりキットの定期便通販サイト。

nendo（ネンド）

Japan · Helvetica Neue

nendo（https://www.nendo.jp/jp/）コーポレートサイトのデザイン仕様書。 佐藤オオキ率いるデザインオフィス。プロダクト・建築・インテリア・グラフィック・パッケージなど領域横断のデザインプラクティス。 実サイトの computed style 実測（2026-05-06 取得）に基づく。

Nikkei (nikkei.com)

Japan · Segoe UI

Nikkei (nikkei.com)のデザイン仕様書。

objcts.io（オブジェクツアイオー）

Japan · Lato + 游ゴシック

objcts.io（https://objcts.io/）のデザイン仕様書。 日本発の D2C プレミアムレザーグッズブランド。バッグ・アクセサリーを中心に、ものづくりの質感と機能美を追求。 実サイトの computed style 実測（2026-05-09 取得）に基づく。Shopify ベースの EC サイト。

WHILL

Japan · Noto Sans JP

WHILL（https://whill.inc/）のデザイン仕様書。 パーソナルモビリティ（次世代型電動車いす）メーカー。法人・個人向けに移動ソリューションを展開。 実サイトの computed style 実測（2026-05-29 取得）に基づく。

オークラ東京（The Okura Tokyo）

Japan · Segoe UI

オークラ東京（The Okura Tokyo）のデザイン仕様書。

クラシル（kurashiru）

Japan · Segoe UI

クラシル（https://www.kurashiru.com/）のデザイン仕様書。 dely株式会社が運営する日本最大級のレシピ動画プラットフォーム。「料理レシピ動画サービス」として月間利用者数は国内トップクラス。 実サイトの computed style 実測（2026-05-24 取得）に基づく。

Other fonts