Web-design-taste · corpus

The exemplar directory

Every reference site distilled into the taste corpus — 47 real interfaces, captured in full and read for the principles, tokens, and motion patterns each one teaches. Desktop and mobile, side by side.

Exemplars
47
Production
26
Expressive
21
Named patterns
102
  1. arc.net Arc — desktop Arc — mobile

    Arc

    Production

    Editorial pick · consumer-software brand marketing

    • consumer
    • software
    • browser
    • productivity
    6 patterns arc.net
  2. attio.com Attio — desktop Attio — mobile

    Attio

    Production

    Editorial pick · canonical CRM / data-product marketing

    • saas
    • crm
    • b2b
    • data
    5 patterns attio.com
  3. clerk.com Clerk — desktop Clerk — mobile

    Clerk

    Production

    Editorial pick · canonical auth/dev marketing

    • developer
    • auth
    • saas
    • b2b
    6 patterns clerk.com
  4. every.to Every — desktop Every — mobile

    Every

    Production

    Editorial pick · publication / media site

    • editorial
    • publication
    • media
    • ai
    5 patterns every.to
  5. figma.com Figma — desktop Figma — mobile

    Figma

    Production

    Reference

    • saas
    • design-tool
    • creative
    • collaboration
    6 patterns figma.com
  6. framer.com Framer — desktop Framer — mobile

    Framer

    Production

    Editorial pick · canonical design-tool marketing

    • saas
    • design-tool
    • ai
    • agents
    5 patterns framer.com
  7. linear.app Linear — desktop Linear — mobile

    Linear

    Production

    Editorial pick · canonical product UI

    • saas
    • product
    • project-management
    • dark
    6 patterns linear.app
  8. mintlify.com Mintlify — desktop Mintlify — mobile

    Mintlify

    Production

    Editorial pick · canonical docs/dev-tool marketing

    • saas
    • developer
    • docs
    • ai
    5 patterns mintlify.com
  9. notion.com Notion — desktop Notion — mobile

    Notion

    Production

    Reference

    • saas
    • productivity
    • ai
    • b2b
    8 patterns notion.com
  10. outerbloc.com Outerbloc — desktop Outerbloc — mobile

    Outerbloc

    Production

    Gallery

    • agency
    • design-studio
    • portfolio
    • branding
    7 patterns outerbloc.com
  11. pitch.com Pitch — desktop Pitch — mobile

    Pitch

    Production

    Editorial pick · canonical presentation / deck SaaS — motion-led product marketing

    • saas
    • presentations
    • ai
    • b2b
    8 patterns pitch.com
  12. posthog.com PostHog — desktop PostHog — mobile

    PostHog

    Production

    Curated

    • saas
    • devtools
    • analytics
    • b2b
    5 patterns posthog.com
  13. radix-ui.com Radix — desktop Radix — mobile

    Radix

    Production

    Reference

    • developer-tool
    • design-system
    • component-library
    • open-source
    4 patterns radix-ui.com
  14. railway.app Railway — desktop Railway — mobile

    Railway

    Production

    Editorial pick · canonical developer-platform marketing

    • saas
    • developer
    • infrastructure
    • cloud
    4 patterns railway.app
  15. ramp.com Ramp — desktop Ramp — mobile

    Ramp

    Production

    Curated

    • fintech
    • saas
    • b2b
    • spend-management
    6 patterns ramp.com
  16. resend.com Resend — desktop Resend — mobile

    Resend

    Production

    Editorial pick · canonical developer-tool marketing

    • saas
    • developer
    • email
    • api
    5 patterns resend.com
  17. retool.com Retool — desktop Retool — mobile

    Retool

    Production

    Editorial pick · canonical product/dev marketing

    • saas
    • b2b
    • developer
    • internal-tools
    6 patterns retool.com
  18. round.ai Round — desktop Round — mobile

    Round

    Production

    Gallery

    • saas
    • ai
    • b2b
    • landing
    5 patterns round.ai
  19. sentry.io Sentry — desktop Sentry — mobile

    Sentry

    Production

    Editorial pick · developer-tool marketing with brand personality

    • developer
    • observability
    • devtools
    • saas
    7 patterns sentry.io
  20. stripe.com Stripe — desktop Stripe — mobile

    Stripe

    Production

    Editorial pick · canonical product/dev marketing

    • fintech
    • developer
    • product-marketing
    • enterprise
    7 patterns stripe.com
  21. supabase.com Supabase — desktop Supabase — mobile

    Supabase

    Production

    Curated

    • saas
    • developer-tools
    • database
    • b2b
    5 patterns supabase.com
  22. swiperjs.com Swiper — desktop Swiper — mobile

    Swiper

    Production

    Reference

    • open-source
    • library
    • developer-tool
    • dark
    7 patterns swiperjs.com
  23. teak.io Teak — desktop Teak — mobile

    Teak

    Production

    Gallery

    • saas
    • b2b
    • gaming
    • landing
    7 patterns teak.io
  24. vanta.com Vanta — desktop Vanta — mobile

    Vanta

    Production

    Editorial pick · canonical B2B trust/compliance marketing

    • saas
    • b2b
    • security
    • compliance
    5 patterns vanta.com
  25. vercel.com Vercel — desktop Vercel — mobile

    Vercel

    Production

    Editorial pick · canonical developer-platform marketing

    • saas
    • developer
    • infrastructure
    • ai
    4 patterns vercel.com
  26. warp.dev Warp — desktop Warp — mobile

    Warp

    Production

    Curated

    • devtools
    • ai
    • terminal
    • developer-tool
    6 patterns warp.dev
  27. 14islands.com 14islands — desktop 14islands — mobile

    14islands

    Expressive

    Curated

    • agency
    • studio
    • portfolio
    • monochrome
    2 patterns 14islands.com
  28. adoratorio.studio Adoratorio — desktop Adoratorio — mobile

    Adoratorio

    Expressive

    Curated

    • portfolio
    • agency
    • design-studio
    • swiss
    4 patterns adoratorio.studio
  29. aristidebenoist.com Aristide — desktop Aristide — mobile

    Aristide

    Expressive

    Curated

    • portfolio
    • developer
    • motion-led
    • monochrome
    2 patterns aristidebenoist.com
  30. basement.studio Basement — desktop Basement — mobile

    Basement

    Expressive

    Curated · award studio

    • agency
    • studio
    • dark
    • 3d
    2 patterns basement.studio
  31. buildinamsterdam.com Build in Amsterdam — desktop Build in Amsterdam — mobile

    Build in Amsterdam

    Expressive

    Editorial pick · award studio

    • agency
    • ecommerce
    • shopify
    • design-studio
    5 patterns buildinamsterdam.com
  32. corentinbernadou.com Corentin Bernadou — desktop Corentin Bernadou — mobile

    Corentin Bernadou

    Expressive

    Curated

    • portfolio
    • personal
    • interactive
    • motion-led
    5 patterns corentinbernadou.com
  33. creative.inc Creative Inc — desktop Creative Inc — mobile

    Creative Inc

    Expressive

    Gallery

    • ai
    • hardware
    • editorial
    • serif
    5 patterns creative.inc
  34. cuberto.com Cuberto — desktop Cuberto — mobile

    Cuberto

    Expressive

    Editorial pick · award studio

    • agency
    • portfolio
    • design-studio
    • dark
    2 patterns cuberto.com
  35. cubiflow.com Cubiflow — desktop Cubiflow — mobile

    Cubiflow

    Expressive

    Curated

    • product
    • saas
    • 3d
    • motion-led
    2 patterns cubiflow.com
  36. dogstudio.co Dogstudio — desktop Dogstudio — mobile

    Dogstudio

    Expressive

    Editorial pick · award studio

    • agency
    • creative-studio
    • 3d
    • webgl
    5 patterns dogstudio.co
  37. doronsupply.com Doron Supply — desktop Doron Supply — mobile

    Doron Supply

    Expressive

    Gallery

    • ecommerce
    • dark
    • retro-tech
    • brutalist
    4 patterns doronsupply.com
  38. exoape.com Exo Ape — desktop Exo Ape — mobile

    Exo Ape

    Expressive

    Curated

    • agency
    • portfolio
    • motion-led
    • cinematic
    2 patterns exoape.com
  39. hellomonday.com Hello Monday — desktop Hello Monday — mobile

    Hello Monday

    Expressive

    Editorial pick

    • agency
    • studio
    • portfolio
    • editorial
    2 patterns hellomonday.com
  40. locomotive.ca Locomotive — desktop Locomotive — mobile

    Locomotive

    Expressive

    Editorial Pick

    • agency
    • portfolio
    • editorial
    • motion-led
    2 patterns locomotive.ca
  41. lusion.co Lusion — desktop Lusion — mobile

    Lusion

    Expressive

    Editorial pick

    • agency
    • studio
    • 3d
    • webgl
    5 patterns lusion.co
  42. northkingdom.com North Kingdom — desktop North Kingdom — mobile

    North Kingdom

    Expressive

    Editorial pick

    • agency
    • gaming
    • dark
    • 3d
    2 patterns northkingdom.com
  43. obys.agency Obys — desktop Obys — mobile

    Obys

    Expressive

    Curated

    • agency
    • portfolio
    • motion-led
    • experimental
    4 patterns obys.agency
  44. phantom.land Phantom — desktop Phantom — mobile

    Phantom

    Expressive

    Curated

    • agency
    • portfolio
    • creative-tech
    • dark
    4 patterns phantom.land
  45. studiofreight.com Studio Freight — desktop Studio Freight — mobile

    Studio Freight

    Expressive

    Curated

    • agency
    • studio
    • portfolio
    • editorial
    4 patterns studiofreight.com
  46. tikhon.io Tikhon — desktop Tikhon — mobile

    Tikhon

    Expressive

    Curated

    • portfolio
    • personal
    • monospace
    • editorial
    3 patterns tikhon.io
  47. wokine.com Wokine — desktop Wokine — mobile

    Wokine

    Expressive

    Curated

    • agency
    • portfolio
    • motion-led
    • monochrome
    6 patterns wokine.com