Decoded design systems — the live decode index

438 decoded products

The live design-decode index: 438 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.

Most decoded

• linear.app — Inter Variable · 11× decoded · deep
• skillry.dev — Bricolage Grotesque · 10× decoded · deep
• stripe.com — Söhne · 10× decoded · deep
• vercel.com — GeistSans · 8× decoded · deep
• notion.com — NotionInter · 8× decoded · deep
• google.com — Google Sans · 3× decoded · deep
• raycast.com — Inter · 3× decoded · deep
• chromewebstore.google.com — Google Sans · 3× decoded · deep
• flux-nextjs-template.vercel.app — DM Sans · deep
• app.debtpayoffplanner.com — Inter · deep
• pill-dropdown-nav.framer.website — deep
• claude.ai — Anthropic Serif · deep
• whisperweb.dev — ui-sans-serif · deep
• nature.org — Chronicle Text G2 · deep
• maxkatz.me — Geist · deep
• community-nextjs-template.vercel.app — Inter · deep
• app.rocketseat.com.br — Plus Jakarta Sans · deep
• joydao.univer.se — HelveticaNeue · deep
• opencode.ai — Arial · deep
• logical-kitten.staticdomains.app — Outfit · deep
• kpmg.com — Open Sans SemiBold · deep
• netugroup.com — opens · 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

Recently decoded

• nature.org — Chronicle Text G2 · deep
• skillry.dev — Bricolage Grotesque · 10× decoded · deep
• maxkatz.me — Geist · deep
• flux-nextjs-template.vercel.app — DM Sans · deep
• community-nextjs-template.vercel.app — Inter · deep
• app.rocketseat.com.br — Plus Jakarta Sans · deep
• joydao.univer.se — HelveticaNeue · deep
• app.debtpayoffplanner.com — Inter · deep
• opencode.ai — Arial · deep
• pill-dropdown-nav.framer.website — deep
• drewlevinson.me — Playfair Display · deep
• logical-kitten.staticdomains.app — Outfit · deep
• claude.ai — Anthropic Serif · deep
• whisperweb.dev — ui-sans-serif · deep
• kpmg.com — Open Sans SemiBold · deep
• netugroup.com — opens · deep
• 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 · 3× decoded · deep
• raycast.com — Inter · 3× decoded · 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

Recently changed

• venmo.com — Venmo Sans · deep (2026-09-11: motion.dominant_ms 700→300, motion.dominant_easing ease-in-out→cubic-bezier(0.4, 1.2, 0.2, 1))
• linkedin.com — -apple-system · deep (2026-09-30: primary_button.bg rgba(0, 0, 0, 0)→#0A66C2, primary_button.radius 0px→24px)
• nubank.com.br — nuSansDisplay · deep (2026-09-24: type_scale.h1 112px→156px, type_scale.body 16px→21px)
• ryanair.com — Roboto · deep (2026-10-09: type_scale.h1 50px→24px, type_measured.hero.size 50→24)
• shein.com — -apple-system · deep (2026-10-05: primary_button.bg rgba(0, 0, 0, 0)→#FF3351, shadows.card rgba(0, 0, 0, 0.3) 0px 0px 10px 0px→rgba(0, 0, 0, 0.08) 0px 0px 15px 0px)
• music.apple.com — -apple-system · deep (2026-09-15: layout.nav.height 739→755)
• netflix.com — Netflix Sans · deep (2026-10-08: colors.button_bg #FFFFFF→#E50914, primary_button.bg #FFFFFF→#E50914)
• vinted.com — V-Inter · deep (2026-09-20: type_scale.body 12px→14px, type_measured.body.size 12→14)
• disneyplus.com — Inspire · deep (2026-07-29: type_scale.h1 40px→44px, type_measured.hero.size 40→44)
• starbucks.com — SoDoSans · deep (2026-07-22: type_scale.h1 50px→24px, type_measured.hero.size 50→24)
• clickup.com — Plus Jakarta Sans · deep (2026-10-07: type_scale.body 12px→14px, type_measured.body.size 12→14)
• etoro.com — eToro · deep (2026-09-18: layout.nav.height 132→113)
• hopper.com — Proxima Nova · deep (2026-09-25: primary_button.bg #002D11→rgba(0, 0, 0, 0), primary_button.radius 8px→9999px)
• poshmark.com — Graphik · deep (2026-10-04: type_scale.h1 21px→52px, type_measured.hero.size 21→52)
• walmart.com — EverydaySans · deep (2026-10-08: type_scale.body 12px→16px, type_measured.body.size 12→16)
• soundcloud.com — Söhne · deep (2026-10-08: type_scale.body 19px→14px, type_measured.body.size 19→14)
• trello.com — Charlie Display · deep (2026-09-20: shadows.card rgba(9, 30, 66, 0.15) 0px 8px 16px 0px→rgba(9, 30, 66, 0.2) 0px 3px 5px 0px, rgba(9, 30, 66, 0.31) 0px 0px 1px 0px)
• 1password.com — agileSans · deep (2026-10-02: primary_button.bg #145FE4→rgba(0, 0, 0, 0))
• audible.com — Audible Sans · deep (2026-10-09: spacing_scale.base_unit 4→8)
• nike.com — Nike Futura ND · deep (2026-07-31: motion.dominant_ms 500→650)
• onepeloton.com — Inter · deep (2026-10-01: colors.text #FFFFFF→#181A1D, type_scale.body 16px→12px)
• dropbox.com — Sharp Grotesk · deep (2026-09-30: spacing_scale.base_unit 8→4)
• grubhub.com — bagoss-bold · deep (2026-09-03: colors.button_bg #262626→#1A1A19, primary_button.bg #262626→#1A1A19)
• imdb.com — Roboto · deep (2026-10-09: primary_button.radius 4px→24px, shadows.card rgba(0, 0, 0, 0.2) 0px 3px 1px -2px, rgba(0, 0, 0, 0.14) 0px 2px 2px 0px, rgba(0, 0, 0, 0.12) 0px 1px 5px 0px→rgba(0, 0, 0, 0.12) 0px 0px 1px 0px)
• shazam.com — NeueMontreal · deep (2026-10-07: shadows.card rgba(0, 0, 0, 0.1) 0px 4px 14px 0px→rgba(0, 0, 0, 0.08) 0px 2px 24px 0px)
• steadring.com — Bricolage Grotesque · deep (2026-08-24: colors.link #3D5650→#FFFFFF)
• zoom.us — Happy Face Semi Bold · deep (2026-09-21: buttons.primary.hover_bg rgba(11, 92, 255, 0.624)→rgba(11, 92, 255, 0.62))
• appsheetdeveloper.com — GeistSans · deep (2026-09-24: colors.background #FFFFFF→#13111C, colors.text #0A0A0A→#FFFFFF)
• musicstars.online — Open Sans · deep (2026-10-02: type_scale.body 16px→14px, type_measured.body.size 16→14)
• drewlevinson.me — Playfair Display · deep (2026-10-06: type_scale.body 14px→15px, type_measured.body.size 14→15)
• mercury.com — Arcadia Display · deep (2026-10-08: type_scale.h1 49px→65px, type_measured.hero.size 49→65)
• notion.so — Notion Inter · deep (2026-09-09: shadows.card rgba(0, 0, 0, 0.008) 0px 0.667px 3.502px 0px, rgba(0, 0, 0, 0.016) 0px 2.933px 7.252px 0px, rgba(0, 0, 0, 0.02) 0px 7.2px 14.462px 0px, rgba(0, 0, 0, 0.024) 0px 13.867px 28.348px 0px, rgba(0, 0, 0, 0.03) 0px 23.333px 52.123px 0px, rgba(0, 0, 0, 0.04) 0px 36px 89px 0px→rgba(0, 0, 0, 0.1) 0px 1px 0px 0px)
• threads.net — system-ui · deep (2026-10-09: motion.dominant_ms 300→150)
• spotify.com — SpotifyMixUITitle · deep (2026-07-18: radius 9999px→500px, font_roles.heading Spotify Mix→SpotifyMixUITitle)
• duolingo.com — feather · deep (2026-07-18: font_roles.body Duolingo Sans→duolingo-sans)
• headspace.com — Headspace Apercu · deep (2026-07-18: colors.background #F9F4F2→#FFFFFF)
• play.grafana.org — Inter · deep (2026-10-06: spacing_scale.base_unit 8→4)
• gruns.co — Work Sans · deep (2026-10-07: primary_button.radius 100px→3.35544e+07px)
• therundown.ai — Satoshi Variable · deep (2026-10-09: colors.button_bg #171717→#FFFFFF, primary_button.bg #171717→#FFFFFF)
• harviontechnologies.com — Inter · deep (2026-09-15: colors.background #FFFFFF→#101C36, colors.text #0A0A0B→#FFFFFF)