Decoded design systems — the live decode index

419 decoded products

The live design-decode index: 419 real products decoded into measured design systems — trending, most-decoded, recently changed. Each installs with one command or queries over MCP.

Open in Mozaika →

This is a static, crawlable rendering for search & AI engines. The interactive version — filters, live decode console, copy & export — is at https://mozaika.design/decoded.

Trending this week

• stripe.com — Söhne · 4× decoded · deep · +1 this week

Most decoded

• linear.app — Inter Variable · 8× decoded · deep
• stripe.com — Söhne · 4× decoded · deep
• chromewebstore.google.com — Google Sans · 3× decoded · deep
• google.com — Google Sans · deep
• notion.com — NotionInter · deep
• bitihop.swedexpress.store — Georgia · deep
• linklowdown.com — Inter · deep
• gayxnow.com — Roboto · deep
• sellercentral.amazon.com — Arial · deep
• winpra.com — Sora · deep
• chord.so — JetBrains Mono · deep
• clarezoe.github.io — Arial · deep
• fluxthinking.com — Plus Jakarta Sans · deep
• arnaudgaland.com — Lexend · deep
• lumiui.dev — deep
• code-salad.github.io — SFMono-Regular · deep
• acap-bicol.github.io — Roboto · deep
• sdlc-dev.vercel.app — Geist · deep
• harviontechnologies.com — Inter · deep
• projectsofai.beehiiv.com — Segoe UI · deep
• lucide.dev — Inter · deep
• therundown.ai — Satoshi Variable · deep
• fongo.com — Fjalla One · deep
• kinfolk.com — Kinfolk-Serif-Deck · deep
• gruns.co — Work Sans · deep
• outcomeops.ai — Inter · deep
• ghostfol.io — Roboto · deep
• demo.immich.app — deep
• play.grafana.org — Inter · deep
• gumroad.com — ABC Favorit · deep
• headspace.com — Headspace Apercu · deep
• duolingo.com — feather · deep
• family.co — Family (custom) · deep
• spotify.com — SpotifyMixUITitle · deep
• notion.so — Notion Inter · deep
• heretic.quest — Spectral · deep
• musicstars.online — Open Sans · deep
• appsheetdeveloper.com — GeistSans · deep
• steadring.com — Bricolage Grotesque · deep
• shazam.com — NeueMontreal · deep

Recently decoded

• heretic.quest — Spectral · deep
• bitihop.swedexpress.store — Georgia · deep
• linklowdown.com — Inter · deep
• gayxnow.com — Roboto · deep
• musicstars.online — Open Sans · deep
• sellercentral.amazon.com — Arial · deep
• winpra.com — Sora · deep
• appsheetdeveloper.com — GeistSans · deep
• chord.so — JetBrains Mono · deep
• steadring.com — Bricolage Grotesque · deep
• clarezoe.github.io — Arial · deep
• google.com — Google Sans · deep
• fluxthinking.com — Plus Jakarta Sans · deep
• arnaudgaland.com — Lexend · deep
• chromewebstore.google.com — Google Sans · 3× decoded · deep
• shazam.com — NeueMontreal · deep
• imdb.com — Roboto · deep
• grubhub.com — bagoss-bold · deep
• dropbox.com — Sharp Grotesk · deep
• nike.com — Nike Futura ND · deep
• audible.com — Audible Sans · deep
• 1password.com — agileSans · deep
• trello.com — Charlie Display · deep
• soundcloud.com — Söhne · deep
• walmart.com — EverydaySans · deep
• poshmark.com — Graphik · deep
• hopper.com — Proxima Nova · deep
• etoro.com — eToro · deep
• clickup.com — Plus Jakarta Sans · deep
• capcut.com — Inter SemiBold · deep
• starbucks.com — SoDoSans · deep
• ebay.com — Market Sans · deep
• disneyplus.com — Inspire · deep
• x.com — Geist · deep
• vinted.com — V-Inter · deep
• netflix.com — Netflix Sans · deep
• discord.com — Abcgintodiscordnord · deep
• music.apple.com — -apple-system · deep
• shein.com — -apple-system · deep
• ryanair.com — Roboto · deep

Recently changed

• eraser.io — National 2 Condensed · deep (2026-08-05: colors.background #0B0B0B→#FCFBF9, colors.text #E3E3E3→#242424)
• sketch.com — Reckless · deep (2026-08-24: motion.dominant_ms 800→125)
• deepgram.com — Inter · deep (2026-08-12: type_scale.h1 60px→48px, type_measured.hero.size 60→48)
• jonesroadbeauty.com — RingsideWideWeb · deep (2026-08-24: buttons.primary.hover_bg rgba(0, 0, 0, 0)→rgba(0, 0, 0, 0.004))
• instantdb.com — Switzer · deep (2026-08-24: primary_button.radius 8px→4px, buttons.primary.hover_bg oklch(0.553 0.195 38.402)→oklch(0.705 0.213 47.604))
• amazon.com — Arial · deep (2026-08-22: colors.text #333333→#0F1111, primary_button.radius 0px→3px)
• threads.net — system-ui · deep (2026-08-22: motion.dominant_ms 200→150)
• alltrails.com — AllTrailsAeonik · deep (2026-08-16: type_scale.body 13px→20px, type_measured.body.size 13→20)
• deepseek.com — quote-cjk-patch · deep (2026-08-14: colors.background #FFFFFF→#F9F8F8, colors.text #0F1115→#1E232C)
• monday.com — Poppins · deep (2026-08-11: shadows.card rgba(0, 0, 0, 0.08) 0px 2px 12px 0px→rgba(0, 0, 0, 0.1) 0px 0px 20px 0px)
• target.com — Helvetica for Target · deep (2026-08-24: type_scale.h1 56px→64px, type_measured.hero.size 56→64)
• airbnb.com — Airbnb Cereal VF · deep (2026-07-29: type_scale.body 13px→14px, type_measured.body.size 13→14)
• sleepcycle.com — innovatorGrotesk · deep (2026-08-11: layout.nav.height 80→72)
• paypal.com — PayPal Pro · deep (2026-07-22: colors.link #002991→#0000EE, primary_button.bg #FFFFFF→rgba(255, 255, 255, 0.7))
• linkedin.com — -apple-system · deep (2026-08-10: colors.button_bg #FFFFFF→#0A66C2, primary_button.bg #FFFFFF→#0A66C2)
• max.com — Max Sans · deep (2026-08-04: type_scale.h1 64px→56px, type_measured.hero.size 64→56)
• nubank.com.br — nuSansDisplay · deep (2026-08-07: type_scale.body 24px→22px, type_measured.body.size 24→22)
• ryanair.com — Roboto · deep (2026-08-20: type_scale.h1 50px→24px, type_measured.hero.size 50→24)
• shein.com — -apple-system · deep (2026-08-15: primary_button.bg rgba(0, 0, 0, 0)→#FF3351)
• netflix.com — Netflix Sans · deep (2026-08-13: motion.dominant_easing ease-in-out→cubic-bezier(0.4, 0, 0.68, 0.06))
• vinted.com — V-Inter · deep (2026-08-16: type_scale.body 12px→14px, type_measured.body.size 12→14)
• x.com — Geist · deep (2026-07-22: colors.text #000000→#0F141A, colors.link #536471→#000000)
• disneyplus.com — Inspire · deep (2026-07-29: type_scale.h1 40px→44px, type_measured.hero.size 40→44)
• clickup.com — Plus Jakarta Sans · deep (2026-08-24: type_scale.body 12px→14px, type_measured.body.size 12→14)
• hopper.com — Proxima Nova · deep (2026-08-16: primary_button.bg rgba(0, 0, 0, 0)→#002D11, primary_button.radius 12px→8px)
• poshmark.com — Graphik · deep (2026-08-24: primary_button.radius 4px→3px, layout.nav.height 116→102)
• walmart.com — EverydaySans · deep (2026-08-21: colors.link #001E60→#FFFFFF, primary_button.bg rgba(0, 0, 0, 0)→#FFFFFF)
• soundcloud.com — Söhne · deep (2026-08-11: motion.dominant_ms 100→200)
• 1password.com — agileSans · deep (2026-07-29: type_scale.body 20px→16px, type_measured.body.size 20→16)
• audible.com — Audible Sans · deep (2026-07-22: colors.background #010D19→#FFFFFF, colors.text #FFFFFF→#010E19)
• nike.com — Nike Futura ND · deep (2026-07-31: motion.dominant_ms 500→650)
• dropbox.com — Sharp Grotesk · deep (2026-07-22: layout.container_max_width 900→1344)
• grubhub.com — bagoss-bold · deep (2026-08-24: type_scale.h1 36px→42px, type_measured.hero.size 36→42)
• imdb.com — Roboto · deep (2026-08-24: primary_button.radius 4px→24px)
• shazam.com — NeueMontreal · deep (2026-08-24: shadows.card rgba(0, 0, 0, 0.1) 0px 4px 14px 0px, rgba(0, 0, 0, 0.35) 0px 0px 102px 0px→rgba(0, 0, 0, 0.08) 0px 2px 24px 0px)
• steadring.com — Bricolage Grotesque · deep (2026-08-24: colors.link #3D5650→#FFFFFF)
• appsheetdeveloper.com — GeistSans · deep (2026-08-24: colors.background #FFFFFF→#13111C, colors.text #0A0A0A→#FFFFFF)
• musicstars.online — Open Sans · deep (2026-08-18: layout.nav.height 202→210, motion.dominant_ms 160→200)
• heretic.quest — Spectral · deep (2026-08-24: primary_button.bg rgba(0, 0, 0, 0)→#080A08, motion.dominant_ms 150→640)
• notion.so — Notion Inter · deep (2026-08-12: type_scale.body 16px→14px, type_measured.body.size 16→14)