UI Skillbook
2

Design systems set in SF Mono

Brands and apps whose DESIGN.md names SF Mono as a typeface, including 1Password, ADP and Affirm. Each file also lists the sizes, weights and colors that go with it, so your coding agent can match the whole style.

108 files, page 3 of 3

Files

Udemy

Brands · Udemy Sans

Course marketplace with strong category browsing, educational commerce clarity, and a dark-purple brand anchor. Udemy's public site combines white surfaces, black text, purple accents, and broad catalog navigation.

Unity

Brands · Inter

Creator-platform design with dark technical confidence and game-industry energy. Unity’s current web presence leans on black-and-white contrast, cool slate surfaces, bold product screenshots, and clean…

Venmo

Brands · Scto Grotesk

Peer-to-peer payments with bright blue consumer-fintech energy and playful simplicity. Venmo's public site uses its iconic blue, white space, rounded consumer UI, and social payment framing.

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…

Wayfair

Brands · Inter

Home furnishings retail with broad catalog density, warm merchandising, and soft home-oriented polish. Wayfair's public site uses a white base, dark text, subtle category framing, and the Wayfair purple identity…

Wix

Brands · Wix Madefor

Friendly no-code web-design platform with bright utility color and high customization energy. Wix combines the custom Madefor typeface, bold brand colors, theme-driven site styling, and flexible visual tooling to…

Xero

Brands · Inter

Friendly accounting-software design with small-business optimism and product-system rigor. Xero pairs bright sky-blue branding, calm financial UI structure, and a large reusable component library to make complex…

Xiaomi

Brands · MiSans

Consumer technology at global scale with bold accessibility. Xiaomi's current public site combines bright white surfaces, vivid orange brand accents, broad product-category merchandising, and ecosystem storytelling…

Zen Browser

Brands · Inter

Calm privacy-first browser design with customizable chrome, quiet gradients, compact productivity features, and a focus on a less distracting web.

Zillow

Brands · Zillow Sans

Real-estate discovery with high-trust search flows and map-driven clarity. Zillow's public site uses a white and soft-blue foundation, dark text, large search-led hero areas, and the strong Zillow blue (#006AFF) to…

bitFlyer（ビットフライヤー）

Japan · Nunito

bitFlyer（ビットフライヤー）のデザイン仕様書。

オークラ東京（The Okura Tokyo）

Japan · Segoe UI

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

Other fonts