# OpenDesign > 把值得反复回看的网页设计沉淀成可被 AI / Agent 直接复用的设计系统规范。 **核心**: 每一个收录的网站都附带一份**机器可读的完整设计系统** —— 不是文案、不是 PSD，而是把视觉 / 布局 / 排版 / 动效 / 交互抽象成 AI（Claude / Cursor / v0 / Lovable）可直接复用的迁移指令。 **正式站点**: https://opendesign.cc/ **sitemap**: https://opendesign.cc/sitemap.xml ## 给 AI / Agent：怎么用 每个作品都有一个稳定的 **folder URL**，GET 它即得该站的设计系统： ``` https://opendesign.cc/packs// → manifest.json 列出全部文件 https://opendesign.cc/packs//DESIGN.md → Google design.md 兼容格式（YAML + 8 段） https://opendesign.cc/packs//DESIGN_SPEC.en.md → OpenDesign 11 层规范（en/zh-CN/zh-TW/ja/ko） https://opendesign.cc/packs//spec.json → 11 层设计 tokens（机器可读） ``` 把任意 DESIGN_SPEC.*.md 粘进你的编码 Agent，或让 Agent 直接读 folder URL —— 它会读到该站完整的 11 层设计系统并按同样的设计语言生成 / 改造页面。 本站全部内容已静态化（每站 × 5 语言独立 HTML），无需执行 JS 即可抓取。 ## 完整包（Tier 2 · 含真截图 + 真 computed styles · 141 个） 这些站除文档外还含 Playwright 抓取的真实页面证据 + 按频次聚合的真 computed styles： - [About Meta](https://opendesign.cc/packs/about-meta/) — ZIP: https://opendesign.cc/packs/about-meta/about-meta-design-pack.zip - [Acne Studios](https://opendesign.cc/packs/acne-studios/) — ZIP: https://opendesign.cc/packs/acne-studios/acne-studios-design-pack.zip - [Active Theory](https://opendesign.cc/packs/active-theory/) — ZIP: https://opendesign.cc/packs/active-theory/active-theory-design-pack.zip - [Aesop](https://opendesign.cc/packs/aesop/) — ZIP: https://opendesign.cc/packs/aesop/aesop-design-pack.zip - [Aimé Leon Dore](https://opendesign.cc/packs/aime-leon-dore/) — ZIP: https://opendesign.cc/packs/aime-leon-dore/aime-leon-dore-design-pack.zip - [Airbnb](https://opendesign.cc/packs/airbnb/) — ZIP: https://opendesign.cc/packs/airbnb/airbnb-design-pack.zip - [Airtable](https://opendesign.cc/packs/airtable/) — ZIP: https://opendesign.cc/packs/airtable/airtable-design-pack.zip - [Akaru](https://opendesign.cc/packs/akaru/) — ZIP: https://opendesign.cc/packs/akaru/akaru-design-pack.zip - [Akiflow](https://opendesign.cc/packs/akiflow/) — ZIP: https://opendesign.cc/packs/akiflow/akiflow-design-pack.zip - [Allbirds](https://opendesign.cc/packs/allbirds/) — ZIP: https://opendesign.cc/packs/allbirds/allbirds-design-pack.zip - [Amie](https://opendesign.cc/packs/amie/) — ZIP: https://opendesign.cc/packs/amie/amie-design-pack.zip - [Anthropic](https://opendesign.cc/packs/anthropic/) — ZIP: https://opendesign.cc/packs/anthropic/anthropic-design-pack.zip - [Apple](https://opendesign.cc/packs/apple/) — ZIP: https://opendesign.cc/packs/apple/apple-design-pack.zip - [Arc Browser](https://opendesign.cc/packs/arc/) — ZIP: https://opendesign.cc/packs/arc/arc-design-pack.zip - [Are.na](https://opendesign.cc/packs/are-na/) — ZIP: https://opendesign.cc/packs/are-na/are-na-design-pack.zip - [AREA 17](https://opendesign.cc/packs/area17/) — ZIP: https://opendesign.cc/packs/area17/area17-design-pack.zip - [Aristide Benoist](https://opendesign.cc/packs/aristide/) — ZIP: https://opendesign.cc/packs/aristide/aristide-design-pack.zip - [Astro](https://opendesign.cc/packs/astro/) — ZIP: https://opendesign.cc/packs/astro/astro-design-pack.zip - [Atlas](https://opendesign.cc/packs/atlas/) — ZIP: https://opendesign.cc/packs/atlas/atlas-design-pack.zip - [Away](https://opendesign.cc/packs/away/) — ZIP: https://opendesign.cc/packs/away/away-design-pack.zip - [Base](https://opendesign.cc/packs/base/) — ZIP: https://opendesign.cc/packs/base/base-design-pack.zip - [Basement Studio](https://opendesign.cc/packs/basement-studio/) — ZIP: https://opendesign.cc/packs/basement-studio/basement-studio-design-pack.zip - [Bear](https://opendesign.cc/packs/bear/) — ZIP: https://opendesign.cc/packs/bear/bear-design-pack.zip - [Binance](https://opendesign.cc/packs/binance/) — ZIP: https://opendesign.cc/packs/binance/binance-design-pack.zip - [Bmw M](https://opendesign.cc/packs/bmw-m/) — ZIP: https://opendesign.cc/packs/bmw-m/bmw-m-design-pack.zip - [Bmw](https://opendesign.cc/packs/bmw/) — ZIP: https://opendesign.cc/packs/bmw/bmw-design-pack.zip - [Brittany Chiang](https://opendesign.cc/packs/brittany-chiang/) — ZIP: https://opendesign.cc/packs/brittany-chiang/brittany-chiang-design-pack.zip - [Bugatti](https://opendesign.cc/packs/bugatti/) — ZIP: https://opendesign.cc/packs/bugatti/bugatti-design-pack.zip - [Bun](https://opendesign.cc/packs/bun/) — ZIP: https://opendesign.cc/packs/bun/bun-design-pack.zip - [Cal](https://opendesign.cc/packs/cal/) — ZIP: https://opendesign.cc/packs/cal/cal-design-pack.zip - [Cap](https://opendesign.cc/packs/cap/) — ZIP: https://opendesign.cc/packs/cap/cap-design-pack.zip - [Captions](https://opendesign.cc/packs/captions/) — ZIP: https://opendesign.cc/packs/captions/captions-design-pack.zip - [Character.AI](https://opendesign.cc/packs/character/) — ZIP: https://opendesign.cc/packs/character/character-design-pack.zip - [Claude](https://opendesign.cc/packs/claude/) — ZIP: https://opendesign.cc/packs/claude/claude-design-pack.zip - [Clay](https://opendesign.cc/packs/clay/) — ZIP: https://opendesign.cc/packs/clay/clay-design-pack.zip - [Clerk](https://opendesign.cc/packs/clerk/) — ZIP: https://opendesign.cc/packs/clerk/clerk-design-pack.zip - [Clickhouse](https://opendesign.cc/packs/clickhouse/) — ZIP: https://opendesign.cc/packs/clickhouse/clickhouse-design-pack.zip - [Cohere](https://opendesign.cc/packs/cohere/) — ZIP: https://opendesign.cc/packs/cohere/cohere-design-pack.zip - [Coinbase](https://opendesign.cc/packs/coinbase/) — ZIP: https://opendesign.cc/packs/coinbase/coinbase-design-pack.zip - [Collins](https://opendesign.cc/packs/collins/) — ZIP: https://opendesign.cc/packs/collins/collins-design-pack.zip - [Colophon](https://opendesign.cc/packs/colophon/) — ZIP: https://opendesign.cc/packs/colophon/colophon-design-pack.zip - [Commercial Type](https://opendesign.cc/packs/commercial-type/) — ZIP: https://opendesign.cc/packs/commercial-type/commercial-type-design-pack.zip - [Composio](https://opendesign.cc/packs/composio/) — ZIP: https://opendesign.cc/packs/composio/composio-design-pack.zip - [Convex](https://opendesign.cc/packs/convex/) — ZIP: https://opendesign.cc/packs/convex/convex-design-pack.zip - [Cosmos](https://opendesign.cc/packs/cosmos/) — ZIP: https://opendesign.cc/packs/cosmos/cosmos-design-pack.zip - [Craft](https://opendesign.cc/packs/craft/) — ZIP: https://opendesign.cc/packs/craft/craft-design-pack.zip - [Cuberto](https://opendesign.cc/packs/cuberto/) — ZIP: https://opendesign.cc/packs/cuberto/cuberto-design-pack.zip - [Cursor](https://opendesign.cc/packs/cursor/) — ZIP: https://opendesign.cc/packs/cursor/cursor-design-pack.zip - [Deno](https://opendesign.cc/packs/deno/) — ZIP: https://opendesign.cc/packs/deno/deno-design-pack.zip - [Descript](https://opendesign.cc/packs/descript/) — ZIP: https://opendesign.cc/packs/descript/descript-design-pack.zip - [Dezeen](https://opendesign.cc/packs/dezeen/) — ZIP: https://opendesign.cc/packs/dezeen/dezeen-design-pack.zip - [Diagram](https://opendesign.cc/packs/diagram/) — ZIP: https://opendesign.cc/packs/diagram/diagram-design-pack.zip - [ABC Dinamo](https://opendesign.cc/packs/dinamo/) — ZIP: https://opendesign.cc/packs/dinamo/dinamo-design-pack.zip - [Dogstudio](https://opendesign.cc/packs/dogstudio/) — ZIP: https://opendesign.cc/packs/dogstudio/dogstudio-design-pack.zip - [Dribbble](https://opendesign.cc/packs/dribbble/) — ZIP: https://opendesign.cc/packs/dribbble/dribbble-design-pack.zip - [Drizzle ORM](https://opendesign.cc/packs/drizzle/) — ZIP: https://opendesign.cc/packs/drizzle/drizzle-design-pack.zip - [Elevenlabs](https://opendesign.cc/packs/elevenlabs/) — ZIP: https://opendesign.cc/packs/elevenlabs/elevenlabs-design-pack.zip - [Ethereum](https://opendesign.cc/packs/ethereum/) — ZIP: https://opendesign.cc/packs/ethereum/ethereum-design-pack.zip - [Everlane](https://opendesign.cc/packs/everlane/) — ZIP: https://opendesign.cc/packs/everlane/everlane-design-pack.zip - [Expo](https://opendesign.cc/packs/expo/) — ZIP: https://opendesign.cc/packs/expo/expo-design-pack.zip - [fal](https://opendesign.cc/packs/fal/) — ZIP: https://opendesign.cc/packs/fal/fal-design-pack.zip - [Family](https://opendesign.cc/packs/family/) — ZIP: https://opendesign.cc/packs/family/family-design-pack.zip - [Ferrari](https://opendesign.cc/packs/ferrari/) — ZIP: https://opendesign.cc/packs/ferrari/ferrari-design-pack.zip - [Fey](https://opendesign.cc/packs/fey/) — ZIP: https://opendesign.cc/packs/fey/fey-design-pack.zip - [Figma](https://opendesign.cc/packs/figma/) — ZIP: https://opendesign.cc/packs/figma/figma-design-pack.zip - [Fly.io](https://opendesign.cc/packs/fly/) — ZIP: https://opendesign.cc/packs/fly/fly-design-pack.zip - [Foundation](https://opendesign.cc/packs/foundation/) — ZIP: https://opendesign.cc/packs/foundation/foundation-design-pack.zip - [14islands](https://opendesign.cc/packs/fourteen-islands/) — ZIP: https://opendesign.cc/packs/fourteen-islands/fourteen-islands-design-pack.zip - [Framer](https://opendesign.cc/packs/framer/) — ZIP: https://opendesign.cc/packs/framer/framer-design-pack.zip - [Gentle Monster](https://opendesign.cc/packs/gentle-monster/) — ZIP: https://opendesign.cc/packs/gentle-monster/gentle-monster-design-pack.zip - [Glean](https://opendesign.cc/packs/glean/) — ZIP: https://opendesign.cc/packs/glean/glean-design-pack.zip - [Glossier](https://opendesign.cc/packs/glossier/) — ZIP: https://opendesign.cc/packs/glossier/glossier-design-pack.zip - [Hashicorp](https://opendesign.cc/packs/hashicorp/) — ZIP: https://opendesign.cc/packs/hashicorp/hashicorp-design-pack.zip - [Height](https://opendesign.cc/packs/height/) — ZIP: https://opendesign.cc/packs/height/height-design-pack.zip - [Hp](https://opendesign.cc/packs/hp/) — ZIP: https://opendesign.cc/packs/hp/hp-design-pack.zip - [Ibm](https://opendesign.cc/packs/ibm/) — ZIP: https://opendesign.cc/packs/ibm/ibm-design-pack.zip - [Intercom](https://opendesign.cc/packs/intercom/) — ZIP: https://opendesign.cc/packs/intercom/intercom-design-pack.zip - [Jupi](https://opendesign.cc/packs/jupi/) — ZIP: https://opendesign.cc/packs/jupi/jupi-design-pack.zip - [Kraken](https://opendesign.cc/packs/kraken/) — ZIP: https://opendesign.cc/packs/kraken/kraken-design-pack.zip - [Lamborghini](https://opendesign.cc/packs/lamborghini/) — ZIP: https://opendesign.cc/packs/lamborghini/lamborghini-design-pack.zip - [Linear](https://opendesign.cc/packs/linear/) — ZIP: https://opendesign.cc/packs/linear/linear-design-pack.zip - [Liquid Death](https://opendesign.cc/packs/liquid-death/) — ZIP: https://opendesign.cc/packs/liquid-death/liquid-death-design-pack.zip - [Lovable](https://opendesign.cc/packs/lovable/) — ZIP: https://opendesign.cc/packs/lovable/lovable-design-pack.zip - [Luma](https://opendesign.cc/packs/luma/) — ZIP: https://opendesign.cc/packs/luma/luma-design-pack.zip - [Lusion](https://opendesign.cc/packs/lusion/) — ZIP: https://opendesign.cc/packs/lusion/lusion-design-pack.zip - [Mastercard](https://opendesign.cc/packs/mastercard/) — ZIP: https://opendesign.cc/packs/mastercard/mastercard-design-pack.zip - [Mercury](https://opendesign.cc/packs/mercury/) — ZIP: https://opendesign.cc/packs/mercury/mercury-design-pack.zip - [Metalab](https://opendesign.cc/packs/metalab/) — ZIP: https://opendesign.cc/packs/metalab/metalab-design-pack.zip - [Midjourney](https://opendesign.cc/packs/midjourney/) — ZIP: https://opendesign.cc/packs/midjourney/midjourney-design-pack.zip - [Minimax](https://opendesign.cc/packs/minimax/) — ZIP: https://opendesign.cc/packs/minimax/minimax-design-pack.zip - [Mintlify](https://opendesign.cc/packs/mintlify/) — ZIP: https://opendesign.cc/packs/mintlify/mintlify-design-pack.zip - [Miro](https://opendesign.cc/packs/miro/) — ZIP: https://opendesign.cc/packs/miro/miro-design-pack.zip - [Mistral](https://opendesign.cc/packs/mistral/) — ZIP: https://opendesign.cc/packs/mistral/mistral-design-pack.zip - [Mobbin](https://opendesign.cc/packs/mobbin/) — ZIP: https://opendesign.cc/packs/mobbin/mobbin-design-pack.zip - [Mongodb](https://opendesign.cc/packs/mongodb/) — ZIP: https://opendesign.cc/packs/mongodb/mongodb-design-pack.zip - [Nike](https://opendesign.cc/packs/nike/) — ZIP: https://opendesign.cc/packs/nike/nike-design-pack.zip - [Notion](https://opendesign.cc/packs/notion/) — ZIP: https://opendesign.cc/packs/notion/notion-design-pack.zip - [Nvidia](https://opendesign.cc/packs/nvidia/) — ZIP: https://opendesign.cc/packs/nvidia/nvidia-design-pack.zip - [Obys Agency](https://opendesign.cc/packs/obys/) — ZIP: https://opendesign.cc/packs/obys/obys-design-pack.zip - [Ollama](https://opendesign.cc/packs/ollama/) — ZIP: https://opendesign.cc/packs/ollama/ollama-design-pack.zip - [Opal Camera Inc.](https://opendesign.cc/packs/opal-camera/) — ZIP: https://opendesign.cc/packs/opal-camera/opal-camera-design-pack.zip - [OpenAI](https://opendesign.cc/packs/openai/) — ZIP: https://opendesign.cc/packs/openai/openai-design-pack.zip - [Opencode](https://opendesign.cc/packs/opencode/) — ZIP: https://opendesign.cc/packs/opencode/opencode-design-pack.zip - [Perplexity](https://opendesign.cc/packs/perplexity/) — ZIP: https://opendesign.cc/packs/perplexity/perplexity-design-pack.zip - [Pinterest](https://opendesign.cc/packs/pinterest/) — ZIP: https://opendesign.cc/packs/pinterest/pinterest-design-pack.zip - [Pitch](https://opendesign.cc/packs/pitch/) — ZIP: https://opendesign.cc/packs/pitch/pitch-design-pack.zip - [Playstation](https://opendesign.cc/packs/playstation/) — ZIP: https://opendesign.cc/packs/playstation/playstation-design-pack.zip - [Posthog](https://opendesign.cc/packs/posthog/) — ZIP: https://opendesign.cc/packs/posthog/posthog-design-pack.zip - [Railway](https://opendesign.cc/packs/railway/) — ZIP: https://opendesign.cc/packs/railway/railway-design-pack.zip - [Rauno Freiberg](https://opendesign.cc/packs/rauno/) — ZIP: https://opendesign.cc/packs/rauno/rauno-design-pack.zip - [Raycast](https://opendesign.cc/packs/raycast/) — ZIP: https://opendesign.cc/packs/raycast/raycast-design-pack.zip - [Reflect](https://opendesign.cc/packs/reflect/) — ZIP: https://opendesign.cc/packs/reflect/reflect-design-pack.zip - [Renault](https://opendesign.cc/packs/renault/) — ZIP: https://opendesign.cc/packs/renault/renault-design-pack.zip - [Replicate](https://opendesign.cc/packs/replicate/) — ZIP: https://opendesign.cc/packs/replicate/replicate-design-pack.zip - [Resend](https://opendesign.cc/packs/resend/) — ZIP: https://opendesign.cc/packs/resend/resend-design-pack.zip - [Revolut](https://opendesign.cc/packs/revolut/) — ZIP: https://opendesign.cc/packs/revolut/revolut-design-pack.zip - [Runwayml](https://opendesign.cc/packs/runwayml/) — ZIP: https://opendesign.cc/packs/runwayml/runwayml-design-pack.zip - [Sanity](https://opendesign.cc/packs/sanity/) — ZIP: https://opendesign.cc/packs/sanity/sanity-design-pack.zip - [Sentry](https://opendesign.cc/packs/sentry/) — ZIP: https://opendesign.cc/packs/sentry/sentry-design-pack.zip - [Shopify](https://opendesign.cc/packs/shopify/) — ZIP: https://opendesign.cc/packs/shopify/shopify-design-pack.zip - [Spacex](https://opendesign.cc/packs/spacex/) — ZIP: https://opendesign.cc/packs/spacex/spacex-design-pack.zip - [Spotify](https://opendesign.cc/packs/spotify/) — ZIP: https://opendesign.cc/packs/spotify/spotify-design-pack.zip - [Starbucks](https://opendesign.cc/packs/starbucks/) — ZIP: https://opendesign.cc/packs/starbucks/starbucks-design-pack.zip - [Stripe Press](https://opendesign.cc/packs/stripe-press/) — ZIP: https://opendesign.cc/packs/stripe-press/stripe-press-design-pack.zip - [Stripe](https://opendesign.cc/packs/stripe/) — ZIP: https://opendesign.cc/packs/stripe/stripe-design-pack.zip - [Supabase](https://opendesign.cc/packs/supabase/) — ZIP: https://opendesign.cc/packs/supabase/supabase-design-pack.zip - [Superhuman](https://opendesign.cc/packs/superhuman/) — ZIP: https://opendesign.cc/packs/superhuman/superhuman-design-pack.zip - [Teenage Engineering](https://opendesign.cc/packs/teenage-engineering/) — ZIP: https://opendesign.cc/packs/teenage-engineering/teenage-engineering-design-pack.zip - [Tesla](https://opendesign.cc/packs/tesla/) — ZIP: https://opendesign.cc/packs/tesla/tesla-design-pack.zip - [Theverge](https://opendesign.cc/packs/theverge/) — ZIP: https://opendesign.cc/packs/theverge/theverge-design-pack.zip - [Together](https://opendesign.cc/packs/together/) — ZIP: https://opendesign.cc/packs/together/together-design-pack.zip - [Uber](https://opendesign.cc/packs/uber/) — ZIP: https://opendesign.cc/packs/uber/uber-design-pack.zip - [Vercel](https://opendesign.cc/packs/vercel/) — ZIP: https://opendesign.cc/packs/vercel/vercel-design-pack.zip - [Vodafone](https://opendesign.cc/packs/vodafone/) — ZIP: https://opendesign.cc/packs/vodafone/vodafone-design-pack.zip - [Voltagent](https://opendesign.cc/packs/voltagent/) — ZIP: https://opendesign.cc/packs/voltagent/voltagent-design-pack.zip - [Warp](https://opendesign.cc/packs/warp/) — ZIP: https://opendesign.cc/packs/warp/warp-design-pack.zip - [Webflow](https://opendesign.cc/packs/webflow/) — ZIP: https://opendesign.cc/packs/webflow/webflow-design-pack.zip - [Wired](https://opendesign.cc/packs/wired/) — ZIP: https://opendesign.cc/packs/wired/wired-design-pack.zip - [Wise](https://opendesign.cc/packs/wise/) — ZIP: https://opendesign.cc/packs/wise/wise-design-pack.zip - [xAI](https://opendesign.cc/packs/xai/) — ZIP: https://opendesign.cc/packs/xai/xai-design-pack.zip - [Zapier](https://opendesign.cc/packs/zapier/) — ZIP: https://opendesign.cc/packs/zapier/zapier-design-pack.zip ## 全部收录（141 个） - [About Meta](https://opendesign.cc/en/sites/about-meta) → 设计系统 https://opendesign.cc/packs/about-meta/ · Tier-2 完整包 — The site is worth including for its sophisticated blend of corporate branding and expressive, human-centric photography with bold, clear typography. - [Acne Studios](https://opendesign.cc/en/sites/acne-studios) → 设计系统 https://opendesign.cc/packs/acne-studios/ · Tier-2 完整包 — This site is a definitive example of high-fashion minimalism, demonstrating how extreme typographic scale and a restricted palette can create a powerful brand identity. - [Active Theory](https://opendesign.cc/en/sites/active-theory) → 设计系统 https://opendesign.cc/packs/active-theory/ · Tier-2 完整包 — This site is a prime example of using WebGL for a premium, immersive agency showcase, prioritizing atmosphere and technical artistry over conventional UI. - [Aesop](https://opendesign.cc/en/sites/aesop) → 设计系统 https://opendesign.cc/packs/aesop/ · Tier-2 完整包 — A masterclass in restrained, premium e-commerce design that prioritizes product and typography over visual noise. - [Aimé Leon Dore](https://opendesign.cc/en/sites/aime-leon-dore) → 设计系统 https://opendesign.cc/packs/aime-leon-dore/ · Tier-2 完整包 — This site is a masterclass in restrained luxury e-commerce design, relying entirely on strong photography, strict typography, and a rigid grid rather than UI embellishments. - [Airbnb](https://opendesign.cc/en/sites/airbnb) → 设计系统 https://opendesign.cc/packs/airbnb/ · Tier-2 完整包 — A classic example of a modern, consumer-focused SaaS interface that balances high-quality imagery with a clean, trust-building design system. - [Airtable](https://opendesign.cc/en/sites/airtable) → 设计系统 https://opendesign.cc/packs/airtable/ · Tier-2 完整包 — Airtable exemplifies a refined, trustworthy enterprise SaaS design that prioritizes clarity and ease of use through minimalist aesthetics. - [Akaru](https://opendesign.cc/en/sites/akaru) → 设计系统 https://opendesign.cc/packs/akaru/ · Tier-2 完整包 — A masterclass in typography-led design, using custom typefaces and generous whitespace to convey high-end craftsmanship. - [Akiflow](https://opendesign.cc/en/sites/akiflow) → 设计系统 https://opendesign.cc/packs/akiflow/ · Tier-2 完整包 — A strong example of modern SaaS design that balances bold branding with a clean, uncluttered user interface. - [Allbirds](https://opendesign.cc/en/sites/allbirds) → 设计系统 https://opendesign.cc/packs/allbirds/ · Tier-2 完整包 — This site is a prime example of how a minimalist, sustainable brand can use high-quality photography and restrained UI to build trust and clarity. - [Amie](https://opendesign.cc/en/sites/amie) → 设计系统 https://opendesign.cc/packs/amie/ · Tier-2 完整包 — A prime example of a modern, human-centric SaaS design that balances professionalism with approachability through clean typography and thoughtful spacing. - [Anthropic](https://opendesign.cc/en/sites/anthropic) → 设计系统 https://opendesign.cc/packs/anthropic/ · Tier-2 完整包 — This site is an excellent example of how to build a premium, authoritative brand for a deep-tech company using restraint, typography, and a refined warm-neutral palette. - [Apple](https://opendesign.cc/en/sites/apple) → 设计系统 https://opendesign.cc/packs/apple/ · Tier-2 完整包 — The gold standard for premium hardware presentation, proving that absolute restraint and typography can create a highly effective visual identity. - [Arc Browser](https://opendesign.cc/en/sites/arc) → 设计系统 https://opendesign.cc/packs/arc/ · Tier-2 完整包 — This site is worth including for its masterful blend of warmth, playfulness, and modern design that feels genuinely approachable. - [Are.na](https://opendesign.cc/en/sites/are-na) → 设计系统 https://opendesign.cc/packs/are-na/ · Tier-2 完整包 — This site is a masterclass in restraint and typography-driven design, making it an excellent reference for editorial and curation-focused interfaces. - [AREA 17](https://opendesign.cc/en/sites/area17) → 设计系统 https://opendesign.cc/packs/area17/ · Tier-2 完整包 — An excellent reference for minimalist, type-driven agency portfolios that prioritize content and whitespace over decorative elements. - [Aristide Benoist](https://opendesign.cc/en/sites/aristide) → 设计系统 https://opendesign.cc/packs/aristide/ · Tier-2 完整包 — Worth including for its extreme typographic scale, sophisticated dark aesthetic, and motion-focused interaction patterns. - [Astro](https://opendesign.cc/en/sites/astro) → 设计系统 https://opendesign.cc/packs/astro/ · Tier-2 完整包 — Worth including as a prime example of a modern, high-end developer tool landing page with a strong, cohesive visual identity. - [Atlas](https://opendesign.cc/en/sites/atlas) → 设计系统 https://opendesign.cc/packs/atlas/ · Tier-2 完整包 — A masterclass in premium fintech UI, blending cinematic photography with a strict, minimalist design system to convey exclusivity and global scale. - [Away](https://opendesign.cc/en/sites/away) → 设计系统 https://opendesign.cc/packs/away/ · Tier-2 完整包 — The site is a great example of a premium, photo-driven e-commerce brand that balances aspirational imagery with a clean, functional UI. - [Base](https://opendesign.cc/en/sites/base) → 设计系统 https://opendesign.cc/packs/base/ · Tier-2 完整包 — This site is a prime example of 'institutional minimalism' in the fintech space, using strict restraint and high-contrast typography to convey reliability. - [Basement Studio](https://opendesign.cc/en/sites/basement-studio) → 设计系统 https://opendesign.cc/packs/basement-studio/ · Tier-2 完整包 — This site is worth including as a prime example of a premium, dark-themed creative agency portfolio with a bold, minimalist aesthetic. - [Bear](https://opendesign.cc/en/sites/bear) → 设计系统 https://opendesign.cc/packs/bear/ · Tier-2 完整包 — An excellent reference for restrained, text-first product design that prioritizes focus and clarity over visual noise. - [Binance](https://opendesign.cc/en/sites/binance) → 设计系统 https://opendesign.cc/packs/binance/ · Tier-2 完整包 — This site is a prime example of a high-performance dark-mode interface for complex fintech applications, prioritizing data legibility and professional trust through its restrained but bold color palette. - [Bmw M](https://opendesign.cc/en/sites/bmw-m) → 设计系统 https://opendesign.cc/packs/bmw-m/ · Tier-2 完整包 — This site effectively combines automotive photography with a premium, dark-themed UI to create an aspirational brand experience that showcases high-performance vehicles. - [Bmw](https://opendesign.cc/en/sites/bmw) → 设计系统 https://opendesign.cc/packs/bmw/ · Tier-2 完整包 — Worth including as a benchmark for premium automotive brand digital presence—demonstrates how dramatic photography and restrained typography create luxury without excess. - [Brittany Chiang](https://opendesign.cc/en/sites/brittany-chiang) → 设计系统 https://opendesign.cc/packs/brittany-chiang/ · Tier-2 完整包 — A benchmark for accessible, content-focused developer portfolios. - [Bugatti](https://opendesign.cc/en/sites/bugatti) → 设计系统 https://opendesign.cc/packs/bugatti/ · Tier-2 完整包 — Excellent example of luxury automotive digital design that proves restraint and premium positioning can be achieved with minimal color and typography. - [Bun](https://opendesign.cc/en/sites/bun) → 设计系统 https://opendesign.cc/packs/bun/ · Tier-2 完整包 — This site is an excellent example of a modern developer tool's UI, balancing technical clarity with a bold, high-end aesthetic. - [Cal](https://opendesign.cc/en/sites/cal) → 设计系统 https://opendesign.cc/packs/cal/ · Tier-2 完整包 — Cal.com is a prime example of a modern SaaS product that uses restrained, high-contrast design to convey professional reliability and developer-focused precision. - [Cap](https://opendesign.cc/en/sites/cap) → 设计系统 https://opendesign.cc/packs/cap/ · Tier-2 完整包 — This site is a prime example of a modern, developer-focused SaaS landing page with excellent typography hierarchy and restraint. - [Captions](https://opendesign.cc/en/sites/captions) → 设计系统 https://opendesign.cc/packs/captions/ · Tier-2 完整包 — This site is an excellent example of a modern, professional SaaS tool that uses typography and subtle depth to create a premium feel. - [Character.AI](https://opendesign.cc/en/sites/character) → 设计系统 https://opendesign.cc/packs/character/ · Tier-2 完整包 — This site is worth including as a prime example of a modern, minimalist AI product interface that prioritizes user onboarding through a clean and friendly design. - [Claude](https://opendesign.cc/en/sites/claude) → 设计系统 https://opendesign.cc/packs/claude/ · Tier-2 完整包 — Worth including as a masterclass in restrained, premium AI product design that uses traditional typography in a modern web context. - [Clay](https://opendesign.cc/en/sites/clay) → 设计系统 https://opendesign.cc/packs/clay/ · Tier-2 完整包 — This site is a perfect example of restrained, premium agency design where the typography and high-quality portfolio imagery are the primary focus. - [Clerk](https://opendesign.cc/en/sites/clerk) → 设计系统 https://opendesign.cc/packs/clerk/ · Tier-2 完整包 — Exemplary developer tool design that balances professionalism with approachability through careful typography and purposeful visual hierarchy - [Clickhouse](https://opendesign.cc/en/sites/clickhouse) → 设计系统 https://opendesign.cc/packs/clickhouse/ · Tier-2 完整包 — A strong example of a premium developer tool interface that balances bold typography with a clean, dark aesthetic. - [Cohere](https://opendesign.cc/en/sites/cohere) → 设计系统 https://opendesign.cc/packs/cohere/ · Tier-2 完整包 — This site is a great example of a premium, clean developer-focused AI platform with strong typography and restraint. - [Coinbase](https://opendesign.cc/en/sites/coinbase) → 设计系统 https://opendesign.cc/packs/coinbase/ · Tier-2 完整包 — A perfect example of a 'restraint-first' fintech design that uses cleanliness and professional typography to establish immediate user trust. - [Collins](https://opendesign.cc/en/sites/collins) → 设计系统 https://opendesign.cc/packs/collins/ · Tier-2 完整包 — Excellent example of restrained premium agency design where typography and whitespace do all the heavy lifting without decorative elements. - [Colophon](https://opendesign.cc/en/sites/colophon) → 设计系统 https://opendesign.cc/packs/colophon/ · Tier-2 完整包 — This site is a perfect example of bold, expressive typography used as a core design element, supported by a simple but impactful color palette and playful illustrations. - [Commercial Type](https://opendesign.cc/en/sites/commercial-type) → 设计系统 https://opendesign.cc/packs/commercial-type/ · Tier-2 完整包 — An excellent reference for high-end typographic presentation and gallery-style UI layouts. - [Composio](https://opendesign.cc/en/sites/composio) → 设计系统 https://opendesign.cc/packs/composio/ · Tier-2 完整包 — This site exemplifies a clean, developer-focused design that prioritizes readability and functionality while maintaining professional aesthetics through restrained use of color and typography. - [Convex](https://opendesign.cc/en/sites/convex) → 设计系统 https://opendesign.cc/packs/convex/ · Tier-2 完整包 — A prime example of modern developer tools design, blending editorial warmth with the focused, dark-themed utility of professional code interfaces. - [Cosmos](https://opendesign.cc/en/sites/cosmos) → 设计系统 https://opendesign.cc/packs/cosmos/ · Tier-2 完整包 — Worth including as a prime example of a modern, editorial-style curation platform that balances minimalism with rich visual content. - [Craft](https://opendesign.cc/en/sites/craft) → 设计系统 https://opendesign.cc/packs/craft/ · Tier-2 完整包 — This site is a perfect example of a premium, calm productivity UI that successfully balances utility with expressive, illustrative design. - [Cuberto](https://opendesign.cc/en/sites/cuberto) → 设计系统 https://opendesign.cc/packs/cuberto/ · Tier-2 完整包 — This site is a perfect example of how a restricted monochrome palette and bold typography can establish a highly premium and professional agency identity. - [Cursor](https://opendesign.cc/en/sites/cursor) → 设计系统 https://opendesign.cc/packs/cursor/ · Tier-2 完整包 — This site is a great example of a refined, product-focused SaaS landing page that uses a warm, sophisticated palette to differentiate itself in the developer tools space. - [Deno](https://opendesign.cc/en/sites/deno) → 设计系统 https://opendesign.cc/packs/deno/ · Tier-2 完整包 — This site is a great example of modern developer documentation design, balancing bold typography with a clean, approachable aesthetic. - [Descript](https://opendesign.cc/en/sites/descript) → 设计系统 https://opendesign.cc/packs/descript/ · Tier-2 完整包 — This site is a prime example of a modern, professional SaaS design that uses classic typography and a restrained color palette to build trust and clarity. - [Dezeen](https://opendesign.cc/en/sites/dezeen) → 设计系统 https://opendesign.cc/packs/dezeen/ · Tier-2 完整包 — This site is a perfect example of a premium editorial design that prioritizes content and photography through a highly structured and refined visual system. - [Diagram](https://opendesign.cc/en/sites/diagram) → 设计系统 https://opendesign.cc/packs/diagram/ · Tier-2 完整包 — This site is worth including as a radical example of structural minimalism, reducing UI design to its most fundamental, unadorned components. - [ABC Dinamo](https://opendesign.cc/en/sites/dinamo) → 设计系统 https://opendesign.cc/packs/dinamo/ · Tier-2 完整包 — An excellent reference for balancing heavy typographic presence with generous whitespace and editorial photography. - [Dogstudio](https://opendesign.cc/en/sites/dogstudio) → 设计系统 https://opendesign.cc/packs/dogstudio/ · Tier-2 完整包 — This site is an excellent reference for high-end creative agency design, showcasing how bold typography and 3D art can create a powerful, memorable digital presence. - [Dribbble](https://opendesign.cc/en/sites/dribbble) → 设计系统 https://opendesign.cc/packs/dribbble/ · Tier-2 完整包 — The site is a prime example of a gallery-style SaaS platform that uses a neutral UI to highlight its primary content: visual design. - [Drizzle ORM](https://opendesign.cc/en/sites/drizzle) → 设计系统 https://opendesign.cc/packs/drizzle/ · Tier-2 完整包 — A great example of a clean, functional developer-focused design that prioritizes readability and speed. - [Elevenlabs](https://opendesign.cc/en/sites/elevenlabs) → 设计系统 https://opendesign.cc/packs/elevenlabs/ · Tier-2 完整包 — Worth including as a prime example of a modern, premium SaaS aesthetic that balances professionalism with a warm, slightly playful feel through its use of soft gradients and rounded shapes. - [Ethereum](https://opendesign.cc/en/sites/ethereum) → 设计系统 https://opendesign.cc/packs/ethereum/ · Tier-2 完整包 — A highly successful example of a 'calm' design for a complex technical topic, making decentralized technology feel accessible and trustworthy. - [Everlane](https://opendesign.cc/en/sites/everlane) → 设计系统 https://opendesign.cc/packs/everlane/ · Tier-2 完整包 — This site is an excellent reference for how a highly restrained, monochromatic UI can effectively showcase a premium product line through typography and photography. - [Expo](https://opendesign.cc/en/sites/expo) → 设计系统 https://opendesign.cc/packs/expo/ · Tier-2 完整包 — This site is a prime example of a clean, developer-focused SaaS interface that prioritizes clarity and utility over decoration. - [fal](https://opendesign.cc/en/sites/fal) → 设计系统 https://opendesign.cc/packs/fal/ · Tier-2 完整包 — This site is worth including for its bold, expressive use of color and typography to create a distinct, playful developer-focused identity. - [Family](https://opendesign.cc/en/sites/family) → 设计系统 https://opendesign.cc/packs/family/ · Tier-2 完整包 — Worth including as a masterclass in making fintech feel approachable through playful illustrations while maintaining premium restraint in the UI itself. - [Ferrari](https://opendesign.cc/en/sites/ferrari) → 设计系统 https://opendesign.cc/packs/ferrari/ · Tier-2 完整包 — A masterclass in using photography as the primary design element with extreme typographic restraint. - [Fey](https://opendesign.cc/en/sites/fey) → 设计系统 https://opendesign.cc/packs/fey/ · Tier-2 完整包 — This site is a perfect example of a premium, data-heavy fintech interface that uses restraint and high-quality typography to convey authority and clarity. - [Figma](https://opendesign.cc/en/sites/figma) → 设计系统 https://opendesign.cc/packs/figma/ · Tier-2 完整包 — This site is a prime example of a modern, premium SaaS interface that balances professional clarity with creative expression, making it an excellent reference for clean, scalable design systems. - [Fly.io](https://opendesign.cc/en/sites/fly) → 设计系统 https://opendesign.cc/packs/fly/ · Tier-2 完整包 — The site is a strong example of balancing technical infrastructure messaging with a warm, playful, and human-centric visual language. - [Foundation](https://opendesign.cc/en/sites/foundation) → 设计系统 https://opendesign.cc/packs/foundation/ · Tier-2 完整包 — This site is an excellent example of a restrained, editorial design system focused purely on conveying a direct and sincere message through typography and space. - [14islands](https://opendesign.cc/en/sites/fourteen-islands) → 设计系统 https://opendesign.cc/packs/fourteen-islands/ · Tier-2 完整包 — Exemplary minimalist agency design that uses extreme typographic scale and restraint as its primary design language. - [Framer](https://opendesign.cc/en/sites/framer) → 设计系统 https://opendesign.cc/packs/framer/ · Tier-2 完整包 — A masterclass in modern SaaS design, balancing bold typography with a dark, premium aesthetic. - [Gentle Monster](https://opendesign.cc/en/sites/gentle-monster) → 设计系统 https://opendesign.cc/packs/gentle-monster/ · Tier-2 完整包 — Worth including as a prime example of minimalist luxury e-commerce design, demonstrating how extreme restraint in UI can elevate product presentation. - [Glean](https://opendesign.cc/en/sites/glean) → 设计系统 https://opendesign.cc/packs/glean/ · Tier-2 完整包 — The site exemplifies a modern, premium SaaS aesthetic, balancing technical authority with an approachable, friendly UI through rounded corners and soft gradients. - [Glossier](https://opendesign.cc/en/sites/glossier) → 设计系统 https://opendesign.cc/packs/glossier/ · Tier-2 完整包 — Worth including as a prime example of 'clean' modern DTC design that uses photography and typography as the primary design drivers rather than complex UI components. - [Hashicorp](https://opendesign.cc/en/sites/hashicorp) → 设计系统 https://opendesign.cc/packs/hashicorp/ · Tier-2 完整包 — This site is a great example of a restrained, professional enterprise design that balances a modern dark mode aesthetic with clear, functional UI patterns for developer tools. - [Height](https://opendesign.cc/en/sites/height) → 设计系统 https://opendesign.cc/packs/height/ · Tier-2 完整包 — Height is worth including as a prime example of extreme minimalism in SaaS design, using serif typography unexpectedly to establish a unique, refined identity. - [Hp](https://opendesign.cc/en/sites/hp) → 设计系统 https://opendesign.cc/packs/hp/ · Tier-2 完整包 — This site is a perfect example of restrained, professional e-commerce design for consumer hardware. - [Ibm](https://opendesign.cc/en/sites/ibm) → 设计系统 https://opendesign.cc/packs/ibm/ · Tier-2 完整包 — A textbook example of enterprise software design DNA, prioritizing clarity, scalability, and professional authority. - [Intercom](https://opendesign.cc/en/sites/intercom) → 设计系统 https://opendesign.cc/packs/intercom/ · Tier-2 完整包 — A premium example of balancing editorial photography with functional SaaS UI, showcasing restraint and clarity. - [Jupi](https://opendesign.cc/en/sites/jupi) → 设计系统 https://opendesign.cc/packs/jupi/ · Tier-2 完整包 — This site exemplifies how a restrained, high-contrast design can create a professional and focused user experience, making it a strong reference for clean SaaS interfaces. - [Kraken](https://opendesign.cc/en/sites/kraken) → 设计系统 https://opendesign.cc/packs/kraken/ · Tier-2 完整包 — Worth including as a benchmark for 'Clean Fintech' design, showing how to balance professional tooling with accessible, premium aesthetics. - [Lamborghini](https://opendesign.cc/en/sites/lamborghini) → 设计系统 https://opendesign.cc/packs/lamborghini/ · Tier-2 完整包 — This site is worth including as a masterclass in using bold typography and immersive photography to define a luxury brand. - [Linear](https://opendesign.cc/en/sites/linear) → 设计系统 https://opendesign.cc/packs/linear/ · Tier-2 完整包 — Linear's design is a masterclass in modern, high-precision dark mode for professional tools. - [Liquid Death](https://opendesign.cc/en/sites/liquid-death) → 设计系统 https://opendesign.cc/packs/liquid-death/ · Tier-2 完整包 — This site is an excellent example of building a strong, irreverent brand identity through consistent use of bold typography and a restricted, high-impact color palette. - [Lovable](https://opendesign.cc/en/sites/lovable) → 设计系统 https://opendesign.cc/packs/lovable/ · Tier-2 完整包 — This site effectively combines a clean, professional interface with a bold, expressive gradient to create a sense of both power and approachability for its AI-driven builder tool. - [Luma](https://opendesign.cc/en/sites/luma) → 设计系统 https://opendesign.cc/packs/luma/ · Tier-2 完整包 — A perfect example of how to balance a clean, professional SaaS UI with playful, expressive 3D elements. - [Lusion](https://opendesign.cc/en/sites/lusion) → 设计系统 https://opendesign.cc/packs/lusion/ · Tier-2 完整包 — A premium example of a creative studio website that uses 3D visuals and bold typography to establish a strong, innovative brand identity. - [Mastercard](https://opendesign.cc/en/sites/mastercard) → 设计系统 https://opendesign.cc/packs/mastercard/ · Tier-2 完整包 — This design is a strong example of a restrained, utility-focused corporate identity that prioritizes clarity and trust over expression. - [Mercury](https://opendesign.cc/en/sites/mercury) → 设计系统 https://opendesign.cc/packs/mercury/ · Tier-2 完整包 — A strong example of how premium fintech branding can use editorial photography and refined typography to stand out in a crowded market. - [Metalab](https://opendesign.cc/en/sites/metalab) → 设计系统 https://opendesign.cc/packs/metalab/ · Tier-2 完整包 — A masterclass in using dramatic typography and abstract imagery to create a premium, high-impact agency presence without relying on color. - [Midjourney](https://opendesign.cc/en/sites/midjourney) → 设计系统 https://opendesign.cc/packs/midjourney/ · Tier-2 完整包 — A highly distinctive AI company site that blends developer aesthetic (monospace, ASCII art) with high-end visual art. - [Minimax](https://opendesign.cc/en/sites/minimax) → 设计系统 https://opendesign.cc/packs/minimax/ · Tier-2 完整包 — This site is a prime example of a modern, professional AI platform UI that balances clean aesthetics with functional clarity. - [Mintlify](https://opendesign.cc/en/sites/mintlify) → 设计系统 https://opendesign.cc/packs/mintlify/ · Tier-2 完整包 — This site is worth including as a prime example of modern SaaS documentation design, blending professional aesthetics with developer-friendly tooling. - [Miro](https://opendesign.cc/en/sites/miro) → 设计系统 https://opendesign.cc/packs/miro/ · Tier-2 完整包 — Miro exemplifies a professional, high-utility SaaS design that uses minimalism and a single accent color to guide user attention effectively. - [Mistral](https://opendesign.cc/en/sites/mistral) → 设计系统 https://opendesign.cc/packs/mistral/ · Tier-2 完整包 — Worth including for its mastery of the 'editorial tech' style, where restrained UI allows bold brand patterns and clear typography to shine. - [Mobbin](https://opendesign.cc/en/sites/mobbin) → 设计系统 https://opendesign.cc/packs/mobbin/ · Tier-2 完整包 — An excellent example of a 'content-first' UI where the design framework intentionally recedes to highlight the diverse screenshots it displays. - [Mongodb](https://opendesign.cc/en/sites/mongodb) → 设计系统 https://opendesign.cc/packs/mongodb/ · Tier-2 完整包 — Worth including as a prime example of modern developer tool aesthetics: clean, authoritative, and highly readable with a disciplined accent color. - [Nike](https://opendesign.cc/en/sites/nike) → 设计系统 https://opendesign.cc/packs/nike/ · Tier-2 完整包 — This site exemplifies how a global brand achieves premium positioning through radical restraint—letting world-class photography and bold type do all the emotional work. - [Notion](https://opendesign.cc/en/sites/notion) → 设计系统 https://opendesign.cc/packs/notion/ · Tier-2 完整包 — A prime example of refined SaaS design, blending bold typography with a highly functional, clean interface. - [Nvidia](https://opendesign.cc/en/sites/nvidia) → 设计系统 https://opendesign.cc/packs/nvidia/ · Tier-2 完整包 — A prime example of a premium, technical corporate site that balances boldness with restraint. - [Obys Agency](https://opendesign.cc/en/sites/obys) → 设计系统 https://opendesign.cc/packs/obys/ · Tier-2 完整包 — This site is a definitive example of avant-garde digital design, pushing the boundaries of web aesthetics through brutalist principles and complex motion. - [Ollama](https://opendesign.cc/en/sites/ollama) → 设计系统 https://opendesign.cc/packs/ollama/ · Tier-2 完整包 — Worth including as a masterclass in developer tooling design, showing how strict minimalism and restraint can create a highly professional, trustworthy, and accessible brand identity. - [Opal Camera Inc.](https://opendesign.cc/en/sites/opal-camera) → 设计系统 https://opendesign.cc/packs/opal-camera/ · Tier-2 完整包 — This site is a textbook example of modern premium hardware branding, balancing minimalist UI with warm, human-centric photography. - [OpenAI](https://opendesign.cc/en/sites/openai) → 设计系统 https://opendesign.cc/packs/openai/ · Tier-2 完整包 — A masterclass in minimalist AI interface design, using absolute restraint and typography to build trust and authority without visual noise. - [Opencode](https://opendesign.cc/en/sites/opencode) → 设计系统 https://opendesign.cc/packs/opencode/ · Tier-2 完整包 — The site is a strong example of a monochromatic, monospace-driven design system that effectively communicates a technical, developer-first product identity. - [Perplexity](https://opendesign.cc/en/sites/perplexity) → 设计系统 https://opendesign.cc/packs/perplexity/ · Tier-2 完整包 — This page demonstrates how minimal design can effectively communicate security and build trust through pure functional clarity. - [Pinterest](https://opendesign.cc/en/sites/pinterest) → 设计系统 https://opendesign.cc/packs/pinterest/ · Tier-2 完整包 — Worth including as a masterclass in high-volume photographic content presentation, using clean typography and a single, powerful accent color to guide the user's eye. - [Pitch](https://opendesign.cc/en/sites/pitch) → 设计系统 https://opendesign.cc/packs/pitch/ · Tier-2 完整包 — An excellent example of a modern, premium SaaS aesthetic that combines bold typography with a dark, focused canvas. - [Playstation](https://opendesign.cc/en/sites/playstation) → 设计系统 https://opendesign.cc/packs/playstation/ · Tier-2 完整包 — This site is worth including as a prime example of a premium consumer product portal that successfully balances high-impact cinematic visuals with a clean, functional, and responsive UI framework. - [Posthog](https://opendesign.cc/en/sites/posthog) → 设计系统 https://opendesign.cc/packs/posthog/ · Tier-2 完整包 — This site is worth including as a prime example of a playful, developer-focused SaaS brand that successfully balances professional utility with a fun, irreverent personality. - [Railway](https://opendesign.cc/en/sites/railway) → 设计系统 https://opendesign.cc/packs/railway/ · Tier-2 完整包 — Worth including for its successful blend of elegant serif typography with a modern, dark developer tool aesthetic. - [Rauno Freiberg](https://opendesign.cc/en/sites/rauno) → 设计系统 https://opendesign.cc/packs/rauno/ · Tier-2 完整包 — This site is a prime example of bold, typographic portfolio design, using extreme scale and stark contrast to create a memorable visual impact. - [Raycast](https://opendesign.cc/en/sites/raycast) → 设计系统 https://opendesign.cc/packs/raycast/ · Tier-2 完整包 — A masterclass in restrained dark-mode design for a technical product, proving that deep blacks and minimal color can create a premium, high-performance feel. - [Reflect](https://opendesign.cc/en/sites/reflect) → 设计系统 https://opendesign.cc/packs/reflect/ · Tier-2 完整包 — This site is a great example of a premium, dark-mode SaaS design that uses a single accent color and cosmic visuals to convey intelligence and calm. - [Renault](https://opendesign.cc/en/sites/renault) → 设计系统 https://opendesign.cc/packs/renault/ · Tier-2 完整包 — An excellent example of a premium corporate site that uses editorial photography and strict typographic hierarchy to convey authority and innovation. - [Replicate](https://opendesign.cc/en/sites/replicate) → 设计系统 https://opendesign.cc/packs/replicate/ · Tier-2 完整包 — This site demonstrates excellent developer experience design with its code-first approach, clean typography, and purposeful use of color to highlight key information without overwhelming the technical content. - [Resend](https://opendesign.cc/en/sites/resend) → 设计系统 https://opendesign.cc/packs/resend/ · Tier-2 完整包 — Resend's design is worth including as a masterclass in high-end developer tool aesthetics, blending premium editorial typography with a stark, functional dark-mode interface. - [Revolut](https://opendesign.cc/en/sites/revolut) → 设计系统 https://opendesign.cc/packs/revolut/ · Tier-2 完整包 — This site is a prime example of premium fintech design, using restrained UI to let high-quality photography and bold typography build trust and modern appeal. - [Runwayml](https://opendesign.cc/en/sites/runwayml) → 设计系统 https://opendesign.cc/packs/runwayml/ · Tier-2 完整包 — This site is a perfect example of a modern, premium AI tool that uses restraint and high-quality photography to communicate complex, visionary concepts. - [Sanity](https://opendesign.cc/en/sites/sanity) → 设计系统 https://opendesign.cc/packs/sanity/ · Tier-2 完整包 — A strong example of a modern developer platform that uses high-contrast typography and strict spatial discipline to convey authority. - [Sentry](https://opendesign.cc/en/sites/sentry) → 设计系统 https://opendesign.cc/packs/sentry/ · Tier-2 完整包 — Sentry's design successfully balances technical credibility with a bold, slightly irreverent brand voice, making a complex developer tool feel accessible and modern. - [Shopify](https://opendesign.cc/en/sites/shopify) → 设计系统 https://opendesign.cc/packs/shopify/ · Tier-2 完整包 — An excellent example of a modern, premium SaaS design that uses a dark theme to project authority and focus, while using a single vibrant accent to guide user attention. - [Spacex](https://opendesign.cc/en/sites/spacex) → 设计系统 https://opendesign.cc/packs/spacex/ · Tier-2 完整包 — This site is a prime example of a cinematic, high-contrast interface where the typography and layout are designed to disappear, making the imagery the primary focus. - [Spotify](https://opendesign.cc/en/sites/spotify) → 设计系统 https://opendesign.cc/packs/spotify/ · Tier-2 完整包 — This site is a masterclass in dark-mode design and content-heavy UI, demonstrating how to maintain a clear hierarchy while keeping the focus on high-contrast imagery and typography. - [Starbucks](https://opendesign.cc/en/sites/starbucks) → 设计系统 https://opendesign.cc/packs/starbucks/ · Tier-2 完整包 — This site is a great example of a high-traffic consumer brand using a clean, photography-driven layout to promote seasonal products. - [Stripe Press](https://opendesign.cc/en/sites/stripe-press) → 设计系统 https://opendesign.cc/packs/stripe-press/ · Tier-2 完整包 — An excellent example of a premium editorial site that uses 3D objects as primary UI elements within a dark, refined aesthetic. - [Stripe](https://opendesign.cc/en/sites/stripe) → 设计系统 https://opendesign.cc/packs/stripe/ · Tier-2 完整包 — A benchmark for premium SaaS design, showcasing how to blend professional authority with modern, developer-friendly aesthetics through a restrained palette and clean typography. - [Supabase](https://opendesign.cc/en/sites/supabase) → 设计系统 https://opendesign.cc/packs/supabase/ · Tier-2 完整包 — This site is worth including as a prime example of a modern, developer-centric SaaS landing page that balances bold typography with clean, restrained aesthetics. - [Superhuman](https://opendesign.cc/en/sites/superhuman) → 设计系统 https://opendesign.cc/packs/superhuman/ · Tier-2 完整包 — This site exemplifies how premium SaaS products balance sophistication with clarity through restrained color usage and purposeful typography. - [Teenage Engineering](https://opendesign.cc/en/sites/teenage-engineering) → 设计系统 https://opendesign.cc/packs/teenage-engineering/ · Tier-2 完整包 — A masterclass in premium hardware branding, using extreme minimalism and a restrained palette to emphasize product craftsmanship and industrial design. - [Tesla](https://opendesign.cc/en/sites/tesla) → 设计系统 https://opendesign.cc/packs/tesla/ · Tier-2 完整包 — Worth including as a baseline example of unstyled, system-generated error states stripped of all design systems. - [Theverge](https://opendesign.cc/en/sites/theverge) → 设计系统 https://opendesign.cc/packs/theverge/ · Tier-2 完整包 — The Verge's design is a benchmark for modern editorial sites, balancing bold visual identity with excellent readability and usability. - [Together](https://opendesign.cc/en/sites/together) → 设计系统 https://opendesign.cc/packs/together/ · Tier-2 完整包 — This site is a great example of a clean, professional SaaS aesthetic that prioritizes technical credibility over visual flair. - [Uber](https://opendesign.cc/en/sites/uber) → 设计系统 https://opendesign.cc/packs/uber/ · Tier-2 完整包 — Worth including as a prime example of a high-utility consumer platform that achieves premium feel through strict restraint, bold typography, and a monochrome palette. - [Vercel](https://opendesign.cc/en/sites/vercel) → 设计系统 https://opendesign.cc/packs/vercel/ · Tier-2 完整包 — This site is a definitive example of modern, developer-focused design, combining stark minimalism with high-contrast UI and precise typography. - [Vodafone](https://opendesign.cc/en/sites/vodafone) → 设计系统 https://opendesign.cc/packs/vodafone/ · Tier-2 完整包 — The site is a strong example of premium editorial design for a global brand, balancing bold, artistic typographic choices with a highly restrained and functional UI. - [Voltagent](https://opendesign.cc/en/sites/voltagent) → 设计系统 https://opendesign.cc/packs/voltagent/ · Tier-2 完整包 — An excellent example of a modern, dark-themed developer tool interface with a professional, restrained aesthetic. - [Warp](https://opendesign.cc/en/sites/warp) → 设计系统 https://opendesign.cc/packs/warp/ · Tier-2 完整包 — This site is a prime example of a modern, high-end developer tool that uses a dark mode to reduce eye strain while maintaining a premium, sophisticated brand identity. - [Webflow](https://opendesign.cc/en/sites/webflow) → 设计系统 https://opendesign.cc/packs/webflow/ · Tier-2 完整包 — A perfect example of a modern, clean SaaS aesthetic that balances professional restraint with confident, growth-oriented messaging. - [Wired](https://opendesign.cc/en/sites/wired) → 设计系统 https://opendesign.cc/packs/wired/ · Tier-2 完整包 — A classic example of high-end editorial design that uses typography as the primary design element, perfect for establishing brand authority. - [Wise](https://opendesign.cc/en/sites/wise) → 设计系统 https://opendesign.cc/packs/wise/ · Tier-2 完整包 — Wise's design is a masterclass in using bold color and typography to make a complex financial service feel simple, fast, and accessible. - [xAI](https://opendesign.cc/en/sites/xai) → 设计系统 https://opendesign.cc/packs/xai/ · Tier-2 完整包 — A strong example of a premium, developer-focused SaaS landing page that balances minimalism with powerful, large-scale typography. - [Zapier](https://opendesign.cc/en/sites/zapier) → 设计系统 https://opendesign.cc/packs/zapier/ · Tier-2 完整包 — A masterclass in clean, enterprise SaaS design that balances approachable warmth with authoritative professionalism through strong typography and intentional whitespace.