UI DESIGN LAB
  • 首页
  • 社区
  • 资源库
  • 知识库
  • 文档
EN登录
资源库设计系统全局视觉规则
设计系统全局视觉规则72
查看当前页72BMW MalphaDell (1996)alphaHPalphaAirbnbalphaAirtablealphaApplealpha
总使用44.5K

UI DESIGN LAB 资源库

资源库设计系统72 项

设计系统页聚合项目级视觉规则。

设计系统负责字体、颜色、间距、组件规则、响应式边界和 canonical design.md，是项目生成前的全局语言层。

技能45设计系统72素材4
资源索引

当前：设计系统

左侧菜单只保留设计系统分类和高频系统。

01BMW M02Dell (1996)03HP04Airbnb05Airtable
72 当前内容
技能45
设计系统72
素材4
访问权限Free
设计系统

设计系统

全局语言层：字体、颜色、间距、组件规则、响应式边界和 design.md 规范。

切到素材
Automotive · alpha

BMW M

汽车品牌 Interface：深色沉浸、干净留白、影像驱动、高识别品牌色。

查看系统Media & Consumer Tech · alpha

Dell (1996)

媒体与消费科技 Interface：深色沉浸、高识别品牌色。

查看系统Media & Consumer Tech · alpha

HP

媒体与消费科技 Interface：深色沉浸、干净留白、圆角亲和、锐利工程感。

查看系统E-commerce & Retail · alpha

Airbnb

电商与零售 Interface：温暖品牌色、影像驱动、圆角亲和、干净留白。

查看系统Productivity & SaaS · alpha

Airtable

效率与 SaaS Interface：深色沉浸、干净留白、影像驱动、圆角亲和。

查看系统
Media & Consumer Tech · alpha

Apple

媒体与消费科技 Interface：深色沉浸、干净留白、高端叙事、影像驱动。

查看系统
Fintech & Crypto · alpha

Binance

金融科技与加密产品 Interface：深色沉浸、黑白克制、数据网格、高识别品牌色。

查看系统
Automotive · alpha

BMW

汽车品牌 Interface：深色沉浸、干净留白、高端叙事、影像驱动。

查看系统
Automotive · alpha

Bugatti

汽车品牌 Interface：深色沉浸、干净留白、黑白克制、高端叙事。

查看系统
Productivity & SaaS · alpha

Cal.com

效率与 SaaS Interface：深色沉浸、干净留白、圆角亲和、开发者语境。

查看系统
AI & LLM Platforms · alpha

Claude

AI 与大模型平台 Interface：深色沉浸、干净留白、开发者语境、编辑式排版。

查看系统
Design & Creative Tools · alpha

Clay

设计与创意工具 Interface：深色沉浸、干净留白、影像驱动、渐变能量。

查看系统
Backend, Database & DevOps · alpha

ClickHouse

后端、数据库与 DevOps Interface：深色沉浸、干净留白、数据网格、开发者语境。

查看系统
AI & LLM Platforms · alpha

Cohere

AI 与大模型平台 Interface：深色沉浸、干净留白、渐变能量、圆角亲和。

查看系统
Fintech & Crypto · alpha

Coinbase

金融科技与加密产品 Interface：深色沉浸、干净留白、影像驱动、圆角亲和。

查看系统
Developer Tools & IDEs · alpha

Composio

开发者工具与 IDE Interface：深色沉浸、影像驱动、渐变能量、数据网格。

查看系统
Developer Tools & IDEs · alpha

Cursor

开发者工具与 IDE Interface：深色沉浸、渐变能量、锐利工程感、开发者语境。

查看系统
AI & LLM Platforms · alpha

ElevenLabs

AI 与大模型平台 Interface：深色沉浸、干净留白、高端叙事、影像驱动。

查看系统
Developer Tools & IDEs · alpha

Expo

开发者工具与 IDE Interface：深色沉浸、干净留白、影像驱动、渐变能量。

查看系统
Automotive · alpha

Ferrari

汽车品牌 Interface：深色沉浸、干净留白、高端叙事、影像驱动。

查看系统
Design & Creative Tools · alpha

Figma

设计与创意工具 Interface：深色沉浸、干净留白、黑白克制、圆角亲和。

查看系统
Design & Creative Tools · alpha

Framer

设计与创意工具 Interface：深色沉浸、干净留白、渐变能量、圆角亲和。

查看系统
Backend, Database & DevOps · alpha

HashiCorp

后端、数据库与 DevOps Interface：深色沉浸、干净留白、黑白克制、渐变能量。

查看系统
Media & Consumer Tech · alpha

IBM

媒体与消费科技 Interface：深色沉浸、干净留白、高识别品牌色。

查看系统
Productivity & SaaS · alpha

Intercom

效率与 SaaS Interface：深色沉浸、干净留白、圆角亲和、编辑式排版。

查看系统
Fintech & Crypto · alpha

Kraken

金融科技与加密产品 Interface：深色沉浸、数据网格、高识别品牌色。

查看系统
Automotive · alpha

Lamborghini

汽车品牌 Interface：深色沉浸、高识别品牌色。

查看系统
Productivity & SaaS · alpha

Linear

效率与 SaaS Interface：深色沉浸、圆角亲和、开发者语境、极简精确。

查看系统
AI & LLM Platforms · alpha

Lovable

AI 与大模型平台 Interface：渐变能量、亲和活力。

查看系统
Fintech & Crypto · alpha

Mastercard

金融科技与加密产品 Interface：圆角亲和、编辑式排版、亲和活力。

查看系统
Media & Consumer Tech · alpha

Meta

媒体与消费科技 Interface：深色沉浸、干净留白、影像驱动、圆角亲和。

查看系统
AI & LLM Platforms · alpha

MiniMax

AI 与大模型平台 Interface：深色沉浸、干净留白、高端叙事、影像驱动。

查看系统
Design Systems · alpha

Mintlify

设计系统 Interface：深色沉浸、干净留白、影像驱动、渐变能量。

查看系统
Design & Creative Tools · alpha

Miro

设计与创意工具 Interface：深色沉浸、干净留白、圆角亲和、数据网格。

查看系统
AI & LLM Platforms · alpha

Mistral AI

AI 与大模型平台 Interface：影像驱动、渐变能量、编辑式排版、亲和活力。

查看系统
Backend, Database & DevOps · alpha

MongoDB

后端、数据库与 DevOps Interface：深色沉浸、干净留白、影像驱动、圆角亲和。

查看系统
E-commerce & Retail · alpha

Nike

电商与零售 Interface：黑白克制、影像驱动。

查看系统
Productivity & SaaS · alpha

Notion

效率与 SaaS Interface：深色沉浸、干净留白、圆角亲和、编辑式排版。

查看系统
Media & Consumer Tech · alpha

NVIDIA

媒体与消费科技 Interface：深色沉浸、开发者语境、高识别品牌色。

查看系统
AI & LLM Platforms · alpha

Ollama

AI 与大模型平台 Interface：黑白克制、开发者语境。

查看系统
Developer Tools & IDEs · alpha

OpenCode

开发者工具与 IDE Interface：深色沉浸、开发者语境。

查看系统
E-commerce & Retail · alpha

Pinterest

电商与零售 Interface：影像驱动、数据网格、高识别品牌色。

查看系统
Media & Consumer Tech · alpha

PlayStation

媒体与消费科技 Interface：极简精确。

查看系统
Backend, Database & DevOps · alpha

PostHog

后端、数据库与 DevOps Interface：深色沉浸、数据网格、开发者语境、亲和活力。

查看系统
Developer Tools & IDEs · alpha

Raycast

开发者工具与 IDE Interface：深色沉浸、渐变能量、高识别品牌色。

查看系统
Automotive · alpha

Renault

汽车品牌 Interface：渐变能量。

查看系统
AI & LLM Platforms · alpha

Replicate

AI 与大模型平台 Interface：干净留白、开发者语境。

查看系统
Backend, Database & DevOps · alpha

Resend

后端、数据库与 DevOps Interface：深色沉浸、开发者语境、极简精确、高识别品牌色。

查看系统
Fintech & Crypto · alpha

Revolut

金融科技与加密产品 Interface：深色沉浸、渐变能量。

查看系统
AI & LLM Platforms · alpha

Runway

AI 与大模型平台 Interface：深色沉浸、干净留白、黑白克制、高端叙事。

查看系统
Design & Creative Tools · alpha

Sanity

设计与创意工具 Interface：深色沉浸、干净留白、圆角亲和、锐利工程感。

查看系统
Backend, Database & DevOps · alpha

Sentry

后端、数据库与 DevOps Interface：深色沉浸、数据网格、开发者语境、亲和活力。

查看系统
E-commerce & Retail · alpha

Shopify

电商与零售 Interface：深色沉浸、干净留白、高端叙事、影像驱动。

查看系统
Media & Consumer Tech · alpha

SpaceX

媒体与消费科技 Interface：深色沉浸、干净留白、黑白克制、影像驱动。

查看系统
Media & Consumer Tech · alpha

Spotify

媒体与消费科技 Interface：深色沉浸、高识别品牌色。

查看系统
E-commerce & Retail · alpha

Starbucks

电商与零售 Interface：圆角亲和、亲和活力、高识别品牌色。

查看系统
Fintech & Crypto · alpha

Stripe

金融科技与加密产品 Interface：深色沉浸、干净留白、渐变能量、圆角亲和。

查看系统
Backend, Database & DevOps · alpha

Supabase

后端、数据库与 DevOps Interface：深色沉浸、干净留白、黑白克制、影像驱动。

查看系统
Productivity & SaaS · alpha

Superhuman

效率与 SaaS Interface：深色沉浸、干净留白、高端叙事、影像驱动。

查看系统
Automotive · alpha

Tesla

汽车品牌 Interface：影像驱动、极简精确。

查看系统
Media & Consumer Tech · alpha

The Verge

媒体与消费科技 Interface：编辑式排版、高识别品牌色。

查看系统
AI & LLM Platforms · alpha

Together AI

AI 与大模型平台 Interface：深色沉浸、干净留白、影像驱动、渐变能量。

查看系统
Media & Consumer Tech · alpha

Uber

媒体与消费科技 Interface：干净留白、黑白克制、圆角亲和、编辑式排版。

查看系统
Backend, Database & DevOps · alpha

Vercel

后端、数据库与 DevOps Interface：干净留白、黑白克制、影像驱动、渐变能量。

查看系统
Media & Consumer Tech · alpha

Vodafone

媒体与消费科技 Interface：干净留白、高端叙事、影像驱动、编辑式排版。

查看系统
AI & LLM Platforms · alpha

VoltAgent ❤️

AI 与大模型平台 Interface：深色沉浸、影像驱动、数据网格、开发者语境。

查看系统
Developer Tools & IDEs · alpha

Warp

开发者工具与 IDE Interface：深色沉浸、干净留白、影像驱动、开发者语境。

查看系统
Design & Creative Tools · alpha

Webflow

设计与创意工具 Interface：深色沉浸、干净留白、高识别品牌色。

查看系统
Media & Consumer Tech · alpha

WIRED

媒体与消费科技 Interface：深色沉浸、干净留白、影像驱动、数据网格。

查看系统
Fintech & Crypto · alpha

Wise

金融科技与加密产品 Interface：深色沉浸、干净留白、圆角亲和、编辑式排版。

查看系统
AI & LLM Platforms · alpha

xAI

AI 与大模型平台 Interface：深色沉浸、干净留白、黑白克制、渐变能量。

查看系统
Productivity & SaaS · alpha

Zapier

效率与 SaaS Interface：影像驱动、圆角亲和、开发者语境、亲和活力。

查看系统