Mobile design systems
200 design systems
- Apple MusicButtonApple Music DESIGN.mdView →
Apple Music
musicApple Music's iOS app is the flagship showcase of Apple's own design language — a first-party experience that leans heavily into SF Pro, SF Symbols, system materials (blurs and vibrancy), and haptics.
○ Light· SF Pro Text· 4 platforms
- ClaudeButtonClaude DESIGN.mdView →
Claude
miscClaude's iOS app feels like an AI assistant rendered on a piece of warm paper. Anthropic deliberately rejected the cold blue-grey aesthetic that defined ChatGPT's first wave of imitators and instead chose a sun-warmed cream canvas…
○ Light· Styrene A· 4 platforms
- SnapchatButtonSnapchat DESIGN.mdView →
Snapchat
socialSnapchat's iOS app is a camera that happens to have messaging, maps, and a video feed attached — not the other way around.
○ Light· Avenir Next Bold· 4 platforms
- NetflixButtonNetflix DESIGN.mdView →
Netflix
videoNetflix's iOS app is a cinematic dark canvas where poster art does all the heavy lifting. From the moment you pick a profile, you're dropped into a screen that feels less like a traditional app and more like a black-box theater: the canvas…
◐ Dark· Netflix Sans· 4 platforms
- FacebookButtonFacebook DESIGN.mdView →
Facebook
socialFacebook's iOS app is a utility dashboard — dense, function-first, colorful, and recognizable from 25 paces by its one signature element: the Facebook Blue bar and f logo at the top of the screen.
○ Light· SF Pro Text· 4 platforms
- PerplexityButtonPerplexity DESIGN.mdView →
Perplexity
miscPerplexity's iOS app is the answer engine made tactile. Where ChatGPT and Claude are chat surfaces optimized for conversation, Perplexity is a search engine optimized for one shape of interaction: ask a question, get a cited answer.
◐ Dark· Inter· 4 platforms
- ZomatoButtonZomato DESIGN.mdView →
Zomato
foodZomato'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.
○ Light· Inter· 4 platforms
- YouTubeButtonYouTube DESIGN.mdView →
YouTube
videoYouTube's iOS app is a content-forward canvas whose entire job is to surface a 16:9 thumbnail and let you tap it. The feed is a vertical stream of video cards — each one a wide still frame with a red-circled duration tag, a channel avatar…
○ Light· YouTube Sans· 4 platforms
- BumbleButtonBumble DESIGN.mdView →
Bumble
datingBumble's iOS app is unapologetically loud. Where Hinge whispers on cream paper and Tinder neon-flames at you, Bumble paints the screen Bumble Yellow (#FFC629) — a saturated, sun-bright honey-yellow — and lets it bake.
○ Light· Brando· 4 platforms
- HingeButtonHinge DESIGN.mdView →
Hinge
datingHinge'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 premise is intimate: this is…
○ Light· Sailec· 4 platforms
- Apple MapsButtonApple Maps DESIGN.mdView →
Apple Maps
travelApple Maps is the canonical reference for what a system-native iOS map should feel like — a soft cream-paper canvas, generous translucent search card, and the precise dance of SF Symbols, native blurs, and just-right typography that…
○ Light· SF Pro Text· 4 platforms
- PinterestButtonPinterest DESIGN.mdView →
Pinterest
socialPinterest's iOS app is a content-first, photo-driven canvas where the interface all but disappears so user-generated imagery can do the talking.
○ Light· Pinterest Sans· 4 platforms
- SlackButtonSlack DESIGN.mdView →
Slack
messagingSlack's iOS app is defined by a single unmistakable color: Slack Aubergine (#4A154B), the deep wine-purple of the default left sidebar.
○ Light· Slack Lato· 4 platforms
- ChatGPTButtonChatGPT DESIGN.mdView →
ChatGPT
miscChatGPT's iOS app is a master class in deliberate minimalism. The canvas is pure white (#FFFFFF) in light mode or near-black (#212121) in dark — there is almost no chrome, no color, no decoration.
○ Light· Söhne· 4 platforms
- WazeButtonWaze DESIGN.mdView →
Waze
travelWaze'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 — and every visual decision…
○ Light· Boing· 4 platforms
- Google CalendarButtonGoogle Calendar DESIGN.mdView →
Google Calendar
productivityGoogle Calendar's iOS app is the densest information surface in the Google portfolio — a week of meetings, birthdays, reminders, and Goals compressed into a single phone screen without ever feeling cramped.
○ Light· Google Sans· 4 platforms
- TodoistButtonTodoist DESIGN.mdView →
Todoist
productivityTodoist's iOS app is a quiet, productive workshop. Where most task apps reach for kanban boards, color-coded blobs, and gamified streak meters, Todoist reaches for the opposite — a near-blank canvas, a single column of checkable rows, and…
○ Light· SF Pro Text· 4 platforms
- StravaButtonStrava DESIGN.mdView →
Strava
fitnessStrava is a sweat-stained newspaper for athletes. The canvas is white in light mode and a deep coal black in dark mode — neutral on purpose, because the headline of every screen is a map.
○ Light· SF Pro Text· 4 platforms
- GmailButtonGmail DESIGN.mdView →
Gmail
miscGmail's iOS app is a Material You inbox that inherits Google's multicolor brand DNA while staying clean enough to spend all day in.
○ Light· Google Sans· 4 platforms
- ClubhouseButtonClubhouse DESIGN.mdView →
Clubhouse
socialClubhouse's iOS app feels like a warm, well-lit hallway in someone's home rather than a tech product. The canvas is a soft, paper-like cream (#F2EFE4) — not white, not gray, a deliberately analog off-cream that reads like recycled…
○ Light· Inter· 4 platforms
- NotionButtonNotion DESIGN.mdView →
Notion
productivityNotion's iOS app is an almost-invisible design system. The canvas is pure white (#FFFFFF) with barely any chrome, because Notion's philosophy is that the content you write is the interface.
○ Light· Inter· 4 platforms
- ClickUpButtonClickUp DESIGN.mdView →
ClickUp
productivityClickUp's iOS app is a dense, feature-maximal productivity surface whose personality is the brand gradient and an information-rich task list.
○ Light· Plus Jakarta Sans· 4 platforms
- GrubhubButtonGrubhub DESIGN.mdView →
Grubhub
foodGrubhub's iOS app is an appetite-first food delivery marketplace. The canvas is pure white (#FFFFFF) and every screen is engineered to push you toward a decision: pick a restaurant, add a dish, track the bag.
○ Light· Inter· 4 platforms
- SouthwestButtonSouthwest DESIGN.mdView →
Southwest
travelSouthwest's iOS app is built around a single product truth that no other airline shares: there are no assigned seats. You don't pick 14C.
○ Light· Southwest Sans· 4 platforms
- DeliverooButtonDeliveroo DESIGN.mdView →
Deliveroo
foodDeliveroo's iOS app is a single-brand-color food delivery experience. The canvas is pure white (#FFFFFF) and the entire interface is built around one unmistakable hue — Deliveroo Teal (#00CCBC, internally "Aquamarine").
○ Light· Inter· 4 platforms
- HeadspaceButtonHeadspace DESIGN.mdView →
Headspace
fitnessHeadspace is a hand-drawn morning — warm, slow, and humanly imperfect. Where Nike Run Club is a stadium and Strava is a stopwatch, Headspace is a pottery studio.
○ Light· Apercu· 4 platforms
- GroupMeButtonGroupMe DESIGN.mdView →
GroupMe
messagingGroupMe's iOS app is a friendly, high-energy group-messaging surface built around one idea: a group chat should feel like a party everyone can drop into, not a serious work tool.
○ Light· SF Pro Text· 4 platforms
- ThreadsButtonThreads DESIGN.mdView →
Threads
socialThreads is Meta's answer to text-first social networking — a sister-app to Instagram that trades photos for conversation. The canvas is deliberately quiet: true black (#000000) in the default dark mode and soft paper white (#FFFFFF) in…
◐ Dark· Instagram Sans· 4 platforms
- X (Twitter)ButtonX (Twitter) DESIGN.mdView →
X (Twitter)
socialX's iOS app is a newsroom collapsed into a phone screen. The default canvas is pure black (#000000) — a deliberate choice that pairs OLED battery savings with the stark, reportage-style aesthetic X has cultivated since the 2023 rebrand…
◐ Dark· Chirp UI· 4 platforms
- KakaoTalkButtonKakaoTalk DESIGN.mdView →
KakaoTalk
messagingKakaoTalk's iOS app is the everyday super-app of South Korea — messaging at its core, with gifting, payments, channels, and shopping wrapped around it.
○ Light· SF Pro Text· 4 platforms
- MatchButtonMatch DESIGN.mdView →
Match
datingMatch'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.
○ Light· Poppins· 4 platforms
- AirbnbButtonAirbnb DESIGN.mdView →
Airbnb
travelAirbnb's iOS app is an editorial magazine for places to stay. The canvas is white, photography is the hero, and the UI chrome gets out of the way so a Tuscan farmhouse, a Tokyo micro-apartment, or a Joshua Tree dome can carry the full…
○ Light· Cereal· 4 platforms
- ZwiftButtonZwift DESIGN.mdView →
Zwift
fitnessZwift'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.
◐ Dark· Barlow Semi Cond· 4 platforms
- MiroButtonMiro DESIGN.mdView →
Miro
productivityMiro's iOS app is built around one radical idea: an infinite canvas in your pocket. Where most productivity apps are lists and forms, Miro is a boundless, pannable, zoomable whiteboard — you pinch to zoom, drag two fingers to pan, and the…
○ Light· Inter· 4 platforms
- MyFitnessPalButtonMyFitnessPal DESIGN.mdView →
MyFitnessPal
fitnessMyFitnessPal'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 logged a billion meals…
◐ Dark· SF Pro Text· 4 platforms
- RedditButtonReddit DESIGN.mdView →
Reddit
socialReddit's iOS app is a card-based community reader organized around the single most recognizable interactive control in consumer tech: the upvote/downvote column.
○ Light· Reddit Sans· 4 platforms
- Life360ButtonLife360 DESIGN.mdView →
Life360
miscLife360's iOS app is a map-first family safety app, and almost everything about its design serves one job: let a parent open the app and instantly see where everyone is. The home screen is a full-bleed interactive map.
◐ Dark· Plus Jakarta Sans· 4 platforms
- ThreemaButtonThreema DESIGN.mdView →
Threema
messagingThreema'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.
○ Light· SF Pro Text· 4 platforms
- Marriott BonvoyButtonMarriott Bonvoy DESIGN.mdView →
Marriott Bonvoy
travelMarriott Bonvoy's iOS app is a premium hotel-booking and loyalty product, and its visual language is engineered to feel like a high-end travel concierge in your pocket. It is not a discount-forward marketplace — it is a membership.
◐ Dark· SF Pro Text· 4 platforms
- LinkedInButtonLinkedIn DESIGN.mdView →
LinkedIn
socialLinkedIn's iOS app is a content-first professional newsroom. The canvas is a soft, desaturated cream (#F3F2EF) — intentionally not white, because a pure-white feed on a phone would feel like a word processor.
○ Light· SF Pro Text· 4 platforms
- VSCOButtonVSCO DESIGN.mdView →
VSCO
socialVSCO'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 should carry color.
◐ Dark· Inter· 4 platforms
- Google MapsButtonGoogle Maps DESIGN.mdView →
Google Maps
travelGoogle Maps' iOS app is a pure map-first interface — the earth is the canvas and the UI is a handful of floating shapes laid over it.
◐ Dark· Google Sans· 4 platforms
- CraftButtonCraft DESIGN.mdView →
Craft
productivityCraft's iOS app is a beautifully crafted document editor — the antithesis of a spreadsheet-y productivity tool. Where most note apps feel like text fields with chrome bolted on, Craft feels like a native iOS app that a designer obsessed…
○ Light· Inter· 4 platforms
- JiraButtonJira DESIGN.mdView →
Jira
productivityJira's iOS app is a work-tracking instrument — dense, structured, and deliberately utilitarian. Where consumer apps chase delight, Jira chases legibility under load: a single sprint board can hold dozens of issue cards across five columns…
○ Light· Atlassian Sans· 4 platforms
- Nike Run ClubButtonNike Run Club DESIGN.mdView →
Nike Run Club
fitnessNike Run Club is a stadium tunnel — black walls, white spotlights, a runner sprinting into them. The canvas is true black (#000000) on every screen, the typography is editorial and athletic, and every interaction is shouted in screaming…
◐ Dark· Trade Gothic Condensed· 4 platforms
- ESPNButtonESPN DESIGN.mdView →
ESPN
videoESPN's iOS app is a live scoreboard that happens to also be a newsroom. Everything in the design serves one goal: get the score in front of the user in under a second.
◐ Dark· Archivo· 4 platforms
- AsanaButtonAsana DESIGN.mdView →
Asana
productivityAsana's iOS app is a calm, structured productivity surface whose entire personality comes from one warm color and a disciplined list.
○ Light· Inter· 4 platforms
- StrongButtonStrong DESIGN.mdView →
Strong
fitnessStrong'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 (#1A1A1A) and the set-log…
◐ Dark· Inter· 4 platforms
Brand names describe the visual style only; coderef is not affiliated with or endorsed by any brand listed. Licenses