UI Skillbook
2

Design systems set in DM Sans

Brands and apps whose DESIGN.md names DM Sans as a typeface, including AppLovin, Bitwarden and Databricks. Each file also lists the sizes, weights and colors that go with it, so your coding agent can match the whole style.

17 files

Files

AppLovin

Brands · DM Sans

Mobile growth design with vivid coral identity, performance-first dashboards, bold typography, and ad-tech surfaces.

Bitwarden

Brands · DM Sans

Open-source password manager design with trusted blue identity, security-first surfaces, clean type, and transparent privacy messaging.

Databricks

Brands · DM Sans

Databricks presents the visual language of high-stakes enterprise data infrastructure translated into confident, approachable design. The canvas opens on pure white (#ffffff) layered with deep teal headings (#1B3139)…

DeepSeek (深度求索)

Brands · DM Sans

DeepSeek is the Hangzhou AI lab whose open-weight reasoning models reset expectations for what a small team could ship. Its web presence is the opposite of the models' notoriety: quiet, pale and almost entirely…

MetaMask

Brands · Euclid Circular

The most popular crypto wallet and web3 gateway. MetaMask combines a dark, cyber-focused foundation with fox-inspired branding and purple/blue accent tones for core actions. The system centers on dark mode as…

Minimax

Brands · DM Sans

MiniMax presents itself as a premium AI infrastructure brand through a striking duality — bold black-pill CTAs and stark white canvas for marketing, paired with vibrant gradient product cards (orange-red,…

Runway

Brands · DM Sans

Runway's interface is a cinematic reel brought to life as a website — a dark, editorial, film-production-grade design where full-bleed photography and video ARE the primary UI elements. This is not a typical tech…

The Verge

Brands · JetBrains Mono

The Verge's 2024 redesign feels like somebody wired a Condé Nast magazine to a chiptune soundboard. The canvas is almost-black (#131313), the headlines are built from a brutally heavy display face (Manuka) that runs…

Bandcamp

iOS apps · DM Sans

Bandcamp's iOS app is a paper-first, editorial music marketplace whose entire identity is built on one belief: the album artwork — uploaded by the artist — is the brand, and the UI exists to get out of its way. The…

Fitbit

iOS apps · Circular

Fitbit's iOS app is a warm, encouraging health dashboard organized around a single screen: Today. The atmosphere is "supportive coach," not "clinical chart" — the app celebrates progress, nudges gently, and turns…

Hinge

iOS apps · DM Sans

Hinge's iOS app reads like a personal journal printed on warm uncoated paper. The canvas is a soft off-white — almost a cream — that intentionally rejects the cold pure-white of most tech apps, because Hinge's…

CINRA (シンラ)

Japan · Hiragino Kaku Gothic ProN

CINRA (シンラ)のデザイン仕様書。

KDDI

Japan · DM Sans

KDDIのデザイン仕様書。

POPEYE Web

Japan · DM Sans

POPEYE Web（https://popeyemagazine.jp/）のデザイン仕様書。 2026-05-08 取得の computed style と CSS Custom Properties に基づく。

ツムラ（TSUMURA）

Japan · Noto Sans JP

ツムラ（TSUMURA）のデザイン仕様書。

土屋鞄製造所（Tsuchiya Kaban）

Japan · DM Sans

土屋鞄製造所 公式サイト（https://tsuchiya-kaban.jp/）のデザイン仕様書。 1965年創業、ランドセルづくりから始まった日本の革鞄ブランド。 「時を超えて愛される、正直なものづくり」を掲げ、熟練の職人による手仕事と上質な素材にこだわる。 実サイトの computed style 実測（2026-05-08 取得）に基づく。

玄光社（GENKOSHA）

Japan · dm-sans

玄光社（GENKOSHA）のデザイン仕様書。

Other fonts