UI Skillbook
2

Design systems set in Inter

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

245 files, page 5 of 6

Files

Messenger

iOS apps · Circular

Messenger's iOS app is the most expressive mainstream messaging surface — playful, colorful, and built for reactions rather than restraint. Where a privacy-first messenger whispers, Messenger performs. The defining…

Microsoft Teams

iOS apps · Circular

Microsoft Teams' iOS app is an organizational nervous system rendered as an app. Its job is to collapse chat, meetings, files, and teams into a single dependable surface that an enterprise can live inside all day.…

MyFitnessPal

iOS apps · Inter

MyFitnessPal's iOS app is a calorie ledger trying its hardest not to feel like one. Where Strava is theatrical and Whoop is clinical, MyFitnessPal is a spreadsheet with a kind face — a polished food diary that has…

OpenTable

iOS apps · Inter

OpenTable's iOS app is a clean, confident restaurant-reservation utility. The canvas is bright white (#FFFFFF), the chrome is minimal, and the single brand color — OpenTable Red (#DA3743) — is used with discipline:…

Overcast

iOS apps · Circular

Overcast is the audiophile's podcast app, designed by Marco Arment as a single-developer labor of love, and its iOS interface reflects that ethos: opinionated, restrained, fast, and built around two killer audio…

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…

Paramount+

iOS apps · Manrope

Paramount+'s iOS app is a network-bundle streaming surface built on a deep, confident navy. It is dark-only — there is no light mode — anchored on a midnight-navy canvas (#0A0E2D) that subtly lightens to #0E1438…

Plex

iOS apps · Inter

Plex's iOS app is a calm, personal home cinema. Unlike commercial streamers it is not selling a catalog — it is presenting your media: the movies, shows, music, and photos living on a server you control. The design…

Pluto TV

iOS apps · Manrope

Pluto TV's iOS app is, more than almost any other streaming app, one screen: the Live TV channel guide (EPG). Where Netflix and Tubi lead with poster art, Pluto leads with a grid that looks like cable television…

Pocket Casts

iOS apps · Circular

Pocket Casts is the connoisseur's podcast app, and its iOS design reflects that: a confident, dark-first interface where the circular cover-art motif, the single bold Red accent (#F43E37), and a per-podcast color…

Prime Video

iOS apps · Inter

Prime Video's iOS app is a cinema-store hybrid built on a dark navy canvas (#0F171E) — not a neutral black, but Amazon's deep blue-slate that signals the brand without shouting it. The background carries a faint…

Quora

iOS apps · Inter

Quora's iOS app is a bright, paper-white reading environment built around a single tension: a question deserves the gravity of a printed headline, but an answer should feel like a person talking to you. The canvas is…

Raya

iOS apps · Inter

Raya's iOS app is the most uncompromisingly monochrome interface in consumer dating. There is no brand color — none. The canvas is pure black #000000 (not a warm near-black, not a charcoal) and the only "accent" is…

Resy

iOS apps · Playfair Display

Resy's iOS app reads like a curated dining magazine that happens to book tables. The canvas is pure black (#000000) — Resy is dark-first by design, not as a dark-mode option but as the brand. Black makes full-color…

Signal

iOS apps · Inter

Signal's iOS app is the calmest messaging surface on the platform, and the calm is the point. There is no feed, no Stories ring vying for a tap, no badge gamification, no ad slot, no vanity metric. The canvas is…

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…

Strong

iOS apps · Inter

Strong's iOS app is one of the most disciplined, content-first interfaces in fitness software. Open it and there is no onboarding fanfare, no hero imagery, no motivational gradient — just a flat, near-black canvas…

Things 3

iOS apps · Circular

Things 3's iOS app is a study in calm. Where most task managers are dense, colorful dashboards, Things is a quiet white room: a pure white canvas (#FFFFFF), a single restrained blue accent, and acres of generous…

Threema

iOS apps · Circular

Threema's iOS app is a privacy-first messenger, and its entire visual language is engineered around one promise: you can communicate without revealing who you are. There is no phone number, no email, no Google or…

Tubi

iOS apps · Inter

Tubi's iOS app is built around a single, unmistakable idea: free movies and TV, paid for by ads, presented like a premium streamer. The canvas is a deep indigo-black (#0A0A2A) — not the neutral near-black of Netflix…

Tumblr

iOS apps · Inter

Tumblr's iOS app is a deep-navy canvas built for an endlessly scrolling dashboard of expressive, multi-format posts. The signature background is a rich midnight blue (#001935) — not black, not gray, a saturated navy…

Uber Eats

iOS apps · Inter

Uber Eats' iOS app is a bright, photo-first marketplace built on a pure white canvas (#FFFFFF) where food photography does the selling. The interface is intentionally clean and high-contrast: white surfaces,…

Vrbo

iOS apps · Circular

Vrbo's iOS app is a whole-home vacation-rental marketplace, and its entire visual language is built around one differentiator: you book the entire place, never a shared room. Where a generic stays app might…

VSCO

iOS apps · Inter

VSCO's iOS app is a darkroom, not an app. The entire editing experience lives on a pure-black canvas (#000000 — true black, not a charcoal) because VSCO's core belief is that the photograph is the only thing that…

Waze

iOS apps · Nunito

Waze's iOS app is a community-driven driving game disguised as a navigation app. Where Apple Maps wants you to forget the UI exists and Google Maps wants you to find a place, Waze wants you to drive with friends —…

Webull

iOS apps · Oswald

Webull's iOS app is a dark-native trading terminal in your pocket. Where Fidelity or Schwab present a calm brokerage lobby, Webull presents a Bloomberg-terminal aesthetic for retail traders: a near-black canvas,…

WHOOP

iOS apps · Inter

WHOOP's iOS app is a performance instrument panel for the human body. Where MyFitnessPal is a friendly ledger and Apple Fitness is a celebratory ring chase, WHOOP is the cockpit of a fighter jet — pitch-black canvas,…

Zomato

iOS apps · Inter

Zomato's iOS app is a dual-purpose restaurant platform: it is both a food-delivery app and a dining-out / discovery app, and the entire design system is organized around that split. The canvas is pure white (#FFFFFF)…

Zwift

iOS apps · Inter

Zwift's iOS app is a window into a video game. Unlike a typical fitness tracker, the dominant surface is not a list or a card stack — it is a full-bleed 3D virtual world. When you ride, the screen is a rendered…

Autify（オーティファイ）

Japan · Roboto

Autify（オーティファイ）のデザイン仕様書。

Benesse（ベネッセ）

Japan · Roboto

Benesse Corporation（https://www.benesse.co.jp/）のデザイン仕様書。 「よく生きる」を企業理念に掲げる日本の総合教育・生活事業企業。進研ゼミ、こどもちゃれんじ、介護、語学等を展開。 実サイトの computed style 実測（2026-06-09 取得）に基づく。

CASIO (casio.co.jp)

Japan · din-2014

CASIO (casio.co.jp)のデザイン仕様書。

CFCL

Japan · Garamond

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

D-BROS（ディーブロス）

Japan · Inter

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

JR西日本（West Japan Railway）

Japan · Noto Sans JP

JR西日本（West Japan Railway）のデザイン仕様書。

LUMINE（ルミネ）

Japan · Inter

LUMINE（https://www.lumine.ne.jp/）のデザイン仕様書。 JR東日本グループの駅ビル型ファッションビル。"わたしらしくをあたらしく"をコンセプトに、都市生活者のライフスタイルを提案する商業施設。 実サイトの computed style 実測（2026-05-09 取得）に基づく。

LUSH Japan

Japan · inter

LUSH Japan（https://www.lush.com/jp/ja）のデザイン仕様書。 英国発ハンドメイドコスメブランドの日本語サイト。 CSS Custom Properties および computed style 実測値に基づく。

Notion Dev（Notion Developer Platform）日本語版

Japan · iA Writer Mono

Notion Dev（Notion Developer Platform）日本語版のデザイン仕様書。

SORANO HOTEL（ソラノホテル）

Japan · Inter

SORANO HOTEL（ソラノホテル）のデザイン仕様書。

TAKEO（竹尾）

Japan · Inter

竹尾 公式サイト（https://www.takeo.co.jp/）のデザイン仕様書。 1899年創業のファインペーパー専門商社。紙の可能性を追求するブランドとして、サイト自体が「紙的な静けさ」を体現している。 実サイトの computed style に基づいて記述。

TASAKI

Japan · Tasaki Sans

TASAKI（https://www.tasaki.co.jp/）のデザイン仕様書。 1954年創業の日本発ラグジュアリージュエリーブランド。実サイトの computed style に基づく。

THREE

Japan · akzidenz-grotesk

THREE（https://www.threecosmetics.com/）のデザイン仕様書。 ACRO Inc.（ポーラ・オルビスグループ）が展開するナチュラルコスメブランド。 実サイトの computed style に基づく。

TOKYU（東急）

Japan · Inter + Noto Sans JP

TOKYU（https://www.tokyu.co.jp/）のデザイン仕様書。 東急電鉄・東急グループのポータルサイト。鉄道・生活サービス・沿線情報を統合的に提供するライフスタイルコングロマリット。 実サイトの computed style 実測（2026-06-18 取得）に基づく。

UPSIDER

Japan · Noto Sans JP

UPSIDER（https://up-sider.com/lp/）のデザイン仕様書。 「上場のための法人カード」を掲げる法人カード／支出管理の B2B SaaS。10 万社超が導入。 主 CTA はオレンジのグラデーションピル（linear-gradient(90deg, #f5833e 0%, #fead48 100%)）。サイト内で有彩色が出るのは、ほぼこの CTA だけ 面色が background-color ではなく bac…

カオナビ（kaonavi）

Japan · YakuHanJP

カオナビ（kaonavi）のデザイン仕様書。

カゴメ（Kagome）

Japan · Inter

カゴメ（https://www.kagome.co.jp/）のデザイン仕様書。 日本を代表する食品・飲料メーカー。トマト製品・野菜ジュースを軸に「自然を、おいしく、楽しく。」を掲げる。 実サイトの computed style 実測（2026-05-09 取得）に基づく。

クラウドサイン（CloudSign）

Japan · NotoSansJP-circled-1

クラウドサイン（CloudSign）のデザイン仕様書。

ビザスク（VisasQ）

Japan · Inter

ビザスク（VisasQ）のデザイン仕様書。

Other fonts