UI Skillbook
2

Design systems set in Poppins

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

36 files

Files

Brave

Brands · Poppins

Privacy browser design with official orange identity, dark neutral contrast, Poppins typography, and protective browsing surfaces.

Celonis

Brands · Poppins

"We make processes work for people, companies, and the planet." Celonis was founded in 2011, "bringing Process Mining from academia into the boardroom"; its timeline runs through cloud (2018), unicorn and decacorn…

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…

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

Fitpet

Brands · Pretendard

Fitpet (핏펫) is Korea's pet-healthcare and pet-commerce brand — an at-home health-check kit, a curated product mall, and an animal-hospital booking flow, all under one confident blue. The system spans two surfaces…

Gaudio Lab

Brands · Roboto

Gaudio Lab (가우디오랩) is a Korean AI-audio technology company, and its website reads like a research lab that learned restraint from consumer product design. The canvas is almost entirely pure white (#ffffff), sectioned…

Greeting

Brands · Pretendard SemiBold

Greeting (그리팅) is the recruiting platform of 두들린 (Doodlin), a Seoul company at 테헤란로 427 whose own site states its mission as "우리는 채용의 문제를 해결하는 것이 모든 문제 해결의 시작임을 믿습니다" — solving hiring problems is where every other…

Hyperconnect

Brands · Poppins

Hyperconnect (하이퍼커넥트) is a video-technology company founded in 2014 and best known for Azar, its video chat app (the Product page's calls to action read "START VIDEO CHAT" and "INSTALL AZAR APP"). Its careers site…

KRAFTON

Brands · Poppins

KRAFTON is a South Korean game publisher and developer whose digital identity is built entirely in monochrome — deep black surfaces carry white type and logotypes while a proprietary KRAFTON typeface, Zalando Sans…

Lablup

Brands · Google Sans

Lablup (래블업) is the Korean AI-infrastructure company behind Backend.AI, and its homepage reads like a piece of confident systems software given a calm editorial skin — "Make AI infrastructure accessible" stated…

Mastodon

Brands · mastodon-font-sans-serif

Decentralized, open-source social network with privacy-first design. Mastodon Purple (#6364FF) accent, dark immersive theme, multi-column TweetDeck-style interface, federation-aware UI patterns.

Monday.com

Brands · Poppins

Work management with vivid color coding, polished SaaS structure, and strong product modularity. Monday.com's public site uses bright multicolor accents, white surfaces, dark text, and highly polished work-platform…

MOZE

Brands · Poppins

MOZE (摩斯, "最美記帳 App") is Taiwan's design-forward personal-finance and expense-tracking app, and its marketing site is built as a dark, cinematic, almost-luxury product showcase rather than a utilitarian tool page.…

PicCollage

Brands · Poppins

A Taiwan-born photo-collage and greeting-card app that turns everyday photos and videos into shareable celebrations — serving 270 million users worldwide with joyful, AI-assisted creative tools.

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

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…

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…

VUNO

Brands · Poppins

VUNO (뷰노) is a Korean medical-AI company. Its own Our Story page says it was founded "at the dawn of medical AI" under the slogan "View the Invisible, Know the Unknown", and calls itself the pioneer that brought out…

Wantedly

Brands · Poppins

Wantedly is Japan's "business SNS connected by empathy" (共感でつながるビジネスSNS), and its visual system is engineered to make job hunting feel like browsing a lifestyle magazine rather than scanning classified ads. The…

Coffee Meets Bagel

iOS apps · Circular

Coffee Meets Bagel's iOS app is a relaxed first date over coffee, rendered as software. Where swipe-apps are cold and infinite, CMB is warm, curated, and deliberately scarce: you get a small batch of hand-picked…

happn

iOS apps · Poppins

happn's entire product — and therefore its design system — is built around a single, very specific idea: the people you have crossed paths with in real life. Not a global swipe deck, not a search radius — happn shows…

Lemon8

iOS apps · Poppins

Lemon8's iOS app is a digital lifestyle magazine. Where most social apps default to a single-column feed of full-width posts, Lemon8 opens to a two-column staggered masonry grid of richly styled lifestyle cards — a…

Locket

iOS apps · Poppins

Locket's iOS app is built around a single, radical idea: the app is not the destination — the Home Screen widget is. Locket Widget lets a tiny circle of your closest friends post a live photo directly to a square…

Match

iOS apps · Circular

Match's iOS app is built around one hero object: the full-bleed profile card. Open the app and the entire screen — edge to edge, behind the status bar, above the tab strip — is one person's photo. There is no card…

Noom

iOS apps · Poppins

Noom is a behavior-change app dressed as a friendly coach, and the design reflects that the entire time. The aesthetic is warm, optimistic, and conversational — closer to a supportive messaging app than a clinical…

Panera

iOS apps · Poppins

Panera's iOS app feels like walking into a warm bakery-café. The canvas is a soft warm white (#FFFFFF with cream-tinted cards at #F4EFE1), never a clinical pure-white tech surface, because the brand is built on the…

Peacock

iOS apps · Montserrat

Peacock's iOS app is a cinematic, glow-in-the-dark streaming surface built around a single idea: the catalog is the interface. There is no light mode — the app is permanently dark, anchored on a deep indigo-black…

bitFlyer（ビットフライヤー）

Japan · Nunito

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

Minimal（ミニマル）

Japan · Poppins

Minimal（https://mini-mal.tokyo/）のデザイン仕様書。 2026-05-09 取得の computed style に基づく。

Yohji Yamamoto（ヨウジヤマモト）

Japan · 游ゴシック体

Yohji Yamamoto 公式サイト（https://www.yohjiyamamoto.co.jp/）のデザイン仕様書。 山本耀司が率いる、黒の詩学と脱構築で知られる世界的メゾン。Yohji Yamamoto、Y's、Y's for men、discord、S'YTE、WILDSIDE、Ground Y 等を展開。 実サイトの computed style 実測（2026-05-21 取得）に基づく。

アユーラ（AYURA）

Japan · Poppins

アユーラ（https://www.ayura.co.jp/）のデザイン仕様書。 「ストレスに着目した」スキンケアブランドの公式サイト兼オンラインストア。 塗りボタンが 1 つもない。CTA はすべて白地 + #c8c8c8 の 1px 枠 + border-radius: 25px の pill。面で押さず、線で示す 地が白ではない。#f8f5f5 — わずかに赤みを含んだオフホワイトで、下層ページは全面がこの色（商品一覧は 9/9 …

カミナシ（KAMINASHI）

Japan · Noto Sans JP

カミナシ（KAMINASHI）のデザイン仕様書。

シチズンウオッチ (CITIZEN Watch)

Japan · Poppins

シチズンウオッチ（https://citizen.jp/）のデザイン仕様書。 2026-05-09 取得の computed style に基づく。

ダイニー（dinii）

Japan · Noto Sans

ダイニー（dinii）のデザイン仕様書。

大橋量器（MASU KOUBOU / Ohashi Ryoki）

Japan · 秀英角ゴシック銀 M

大橋量器（MASU KOUBOU / Ohashi Ryoki）のデザイン仕様書。

特種東海製紙（Tokushu Tokai Paper）

Japan · BIZ UDPGothic

特種東海製紙（Tokushu Tokai Paper）のデザイン仕様書。

Other fonts