UI Skillbook
2

Design systems set in Open Sans

Brands and apps whose DESIGN.md names Open Sans as a typeface, including AWS Cloudscape, Coolblue and Dable. Each file also lists the sizes, weights and colors that go with it, so your coding agent can match the whole style.

32 files

Files

AWS Cloudscape

Brands · Open Sans

AWS Cloudscape is an open-source design system for cloud application experiences, created for and used by AWS services since 2016. Its recognisable expression is deliberately operational rather than ornamental: white…

Coolblue

Brands · Open Sans

Coolblue is a Dutch online retailer of electronics and appliances — "Alles voor een glimlach", everything for a smile, as its homepage title says. By its own history, Pieter Zwart and his friends Paul de Jong and…

Dable

Brands · Poppins

Dable (데이블) is Korea's leading content-discovery and native-advertising platform, and its site reads like a confident, technology-forward adtech product rather than a busy media page. The canvas is pure white…

Dji

Brands · Open Sans

An analysis of DJI's design language — a product-photography showroom for drones and cameras, where full-bleed studio renders sit in square, gutter-separated tiles on a white canvas, every action is a rounded pill in…

eMAG

Brands · Open Sans

eMAG is a shopping platform founded in 2001. Its own company history describes a small online electronics shop growing into a universal shopping platform, with products sold directly and through Marketplace partners.…

Firstory

Brands · Open Sans

Firstory is Taiwan's leading podcast-hosting SaaS, and its marketing surface reads like a warm, creator-friendly studio rather than an enterprise audio tool. The canvas is a warm off-white (#fbfaf9) — paper-toned,…

GMO Pepabo (Inhouse)

Brands · Open Sans

GMO Pepabo's Inhouse is one of the few openly published Japanese design systems, and its defining trait is deliberate neutrality. Inhouse is not a single visual identity — it is a generic, trend-resistant prototype…

Lamborghini

Brands · Open Sans

Lamborghini's website is a cathedral of darkness — a digital stage where jet-black surfaces stretch infinitely and every element emerges from the void like a machine under a spotlight. The page is almost entirely…

Qualtrics

Brands · Poppins

Experience-management design with flexible survey styling, clean enterprise surfaces, and explicit accessibility safeguards. Qualtrics supports multiple survey layouts and palette options while keeping typography,…

Ragic

Brands · Open Sans

Ragic's website is unapologetically utilitarian -- the visual language of a tool built by spreadsheet people, for spreadsheet people. It is a no-code database SaaS out of Taiwan, and the site wears that engineering…

SmartBank (株式会社スマートバンク)

Brands · Noto Sans JP

SmartBank is a Tokyo fintech — founded April 2019, headquartered in Shinagawa, capitalised at ¥3.1bn including reserve, and licensed by the Kanto Financial Bureau as a fund-transfer and prepaid-payment operator. Its…

Studysapuri (スタディサプリ)

Brands · Open Sans

Studysapuri is Recruit's online learning service — recorded lectures from well-known cram-school teachers, for students from elementary school through university entrance exams, and English for adults. It began in an…

Ubie (ユビー)

Brands · DB

Ubie is a Japanese healthcare-AI company whose products — a consumer symptom-checker (ユビー) and clinical software for hospitals — must do something most health software fails at: feel reassuring to an anxious person…

Delta

iOS apps · Open Sans

Fly Delta's iOS app is a calm, navy-grounded travel concierge that organizes itself entirely around one question: where is my trip right now? The moment you open it, the Today tab puts your most imminent flight front…

Kik

iOS apps · Open Sans

Kik is a username-based messenger whose entire product premise — and therefore its design — is anonymity without a phone number. You sign up with a username, not a digit; you find people by @handle, group code, or…

Skype

iOS apps · Open Sans

Skype is Microsoft's veteran video-and-voice-calling app, and its design DNA is unmistakably call-first. Long before it was a chat client it was the way to make free internet calls, and every screen still leads with…

United

iOS apps · Open Sans

The United iOS app is a deep-navy, business-class-feeling travel tool that organizes itself around the journey detail — not just "where am I going" but the full anatomy of the flight: aircraft type, duration,…

Yelp

iOS apps · Open Sans

Yelp's iOS app is a trust engine wearing a clean white skin. The entire product exists to answer one question — "is this place any good?" — and every screen is engineered to surface that answer fast: a business name,…

BALMUDA（バルミューダ）

Japan · Open Sans

BALMUDA 公式サイト（https://www.balmuda.com/jp/）のデザイン仕様書。 「The Toaster」「The GreenFan」など、家電を超えたプロダクトデザインで知られるバルミューダのコーポレート / EC サイト。 実サイトの computed style に基づいて記述。

KOSÉ / Maison KOSÉ (maison.kose.co.jp)

Japan · 游ゴシック体

KOSÉ / Maison KOSÉ (maison.kose.co.jp)のデザイン仕様書。

LOWYA (low-ya.com)

Japan · Noto Sans JP

LOWYA (low-ya.com)のデザイン仕様書。

LUPICIA（ルピシア）

Japan · Open Sans + ゴシック

LUPICIA（https://www.lupicia.com/）のデザイン仕様書。 世界のお茶を届けるプレミアムティーブランド。「お茶のある暮らし」を提案する。 実サイトの computed style 実測（2026-05-22 取得）に基づく。

MOONSTAR

Japan · Open Sans

MOONSTAR（https://www.moonstar.co.jp/）のデザイン仕様書。 1873年創業、福岡県久留米市の老舗シューズブランド。実サイトの computed style に基づく。

NANGA（ナンガ）

Japan · Roboto

NANGA（https://nanga.jp/）のデザイン仕様書。 滋賀県米原発、高品質な寝袋とダウンウェアを中心としたアウトドアブランド。 実サイトの computed style 実測（2026-06-06 取得）に基づく。

ORBIS（オルビス）

Japan · open sans

ORBIS（https://www.orbis.co.jp/）のデザイン仕様書。 2026-05-09 取得の computed style に基づく。

SUZURI（スズリ）

Japan · Open Sans

SUZURI（https://suzuri.jp/）のデザイン仕様書。 GMO ペパボが運営する、画像 1 枚からオリジナルグッズを作って売れるマーケットプレイス。933 万点超のアイテムが並ぶ。 ペパボ共通のデザインシステム「Nachiguro（なちぐろ）」の上に構築されている。クラスは ncgr- 接頭辞、アイコンは "Nachiguro Icons" という専用フォント、CSS は packs/nachiguro..css（1.…

TRUCK FURNITURE（トラックファニチャー）

Japan · Anton

TRUCK FURNITURE（https://www.truck-furniture.co.jp/）のデザイン仕様書。 2026-05-09 取得の computed style に基づく。

Zoff（ゾフ）

Japan · Helvetica Neue

Zoff（https://www.zoff.co.jp/）のデザイン仕様書。 「メガネが関わるすべてのことに、もっとワクワクを。」をビジョンに掲げるアイウェアブランド。 実サイトの computed style 実測（2026-05-22 取得）に基づく。

三菱鉛筆（uni / MITSUBISHI PENCIL）

Japan · Noto Sans JP

三菱鉛筆株式会社（https://www.mpuni.co.jp/）のデザイン仕様書。 1887 年創業。鉛筆「uni」、油性ボールペン「ジェットストリーム」、ゲルインクボールペン「ユニボール ワン」を擁する筆記具メーカー。 最大の特徴は、角丸を一切使わない（border-radius: 0）矩形のデザインシステムと、11 色 × 2 段（background / primary）＝ 22 個の色トークンを CSS Custom Pr…

沖縄県立博物館・美術館（おきみゅー）

Japan · Open Sans

沖縄県立博物館・美術館（おきみゅー）のデザイン仕様書。

銀座 伊東屋（ITOYA）

Japan · Open Sans

銀座 伊東屋（https://www.ito-ya.co.jp/）のデザイン仕様書。 1904年創業の老舗文房具専門店。銀座本店を中心に、上質な文房具とライフスタイル雑貨を取り扱う。 実サイトの computed style 実測（2026-05-21 取得）に基づく。

青幻舎（SEIGENSHA Art Publishing）

Japan · Noto Sans JP

青幻舎（SEIGENSHA Art Publishing）のデザイン仕様書。

Other fonts