Product Site Reference Gallery

Product and company websites Kevin saved as design references: devtool marketing, docs/product hubs, AI tooling, infra, and distinctive brand sites.

Design Position

Use this page when the design question is "how are strong product companies presenting themselves?" not "which tool should we use?" Operational tool selection still belongs in Capability Routing Map and the specific tool pages. Here, the object of study is site structure, information hierarchy, copy density, documentation packaging, motion, brand system, and first-viewport clarity.

Common AI-era product UI family

Study Cursor, Railway, Framer, Reflex, Retool, Lovable, and Bolt together when the task is to understand the now-common enterprise/AI product grammar: decisive typography, compact navigation, restrained neutral foundations, one accent family, early product proof, bento-like capability grouping, technical diagrams, and selective motion. The useful output is a pattern comparison routed through AI-Native Web Design Pattern Library, not a clone of any one site. Source: Private Discord messages 1527410546994057396 and 1527413653177897102, 2026-07-16

High-signal study cards

Devtool and infrastructure sites

AI, agent, and model-product sites

Distinctive brand and studio sites

Use rules

• Extract the design move, not the literal aesthetic. Record the relevant pattern: hero density, nav model, feature grouping, proof placement, motion rhythm, screenshot treatment, pricing structure, or docs handoff.
• For devtool sites, study how the site earns trust: API snippets, docs proximity, examples, benchmarks, diagrams, changelog velocity, customer proof, and failure-mode honesty.
• For AI product sites, separate brand confidence from actual product capability. Recheck live docs before citing a product feature as current.
• Product sites can inspire Landing Page Variants & Reticle Expansion, but shipped UI patterns still need Design Inspiration Galleries or real-product libraries such as Mobbin/Refero.

---

Timeline

• 2026-07-16 | Added Cursor, Railway, Framer, Reflex, Retool, Lovable, and Bolt as one comparative AI-era enterprise product family and routed extracted patterns to AI-Native Web Design Pattern Library. Source: Private Discord messages 1527410546994057396 and 1527413653177897102, 2026-07-16
• 2026-07-01 | Design category refresh added this page to the Reference and inspiration ledgers family, linked it to Design System Map, and kept it standalone because Product Site Reference Gallery owns a distinct design decision surface in this family. Source: User request, 2026-07-01
• 2026-06-25 | Page created from Kevin's design-folder link set so product/company websites become a first-class design-reference shelf without polluting moodboard, component, or tool-routing pages. Source: raw/notes/design-folder-sites-2026-06-25.md