返回设计库
A

Adobe

Adobe Inc

访问网站

创意软件巨头。红色品牌,深色专业界面,创意工具集设计语言

Adobe红深色专业创意工具面板布局图层设计

配色方案

primary
secondary
background
surface
text
muted
border

字体规范

标题字体Adobe Clean, system-ui, sans-serif
正文字体Adobe Clean, system-ui, sans-serif
基础字号14px
行高1.4
字重400, 500, 600, 700

标题层级

h1Adobe Heading
h2Adobe Heading
h3Adobe Heading
h4Adobe Heading

DESIGN.md

# Adobe Design System

## Visual Theme & Atmosphere
创意软件巨头。红色品牌,深色专业界面,创意工具集设计语言

## Color Palette & Roles
| Token | Hex | Role |
|-------|-----|------|
| Primary | #FF0000 | Brand color |
| Secondary | #E31E26 | Hover/secondary |
| Background | #1E1E1E | Main canvas |
| Surface | #2D2D2D | Cards, panels |
| Text | #FFFFFF | Primary text |
| Muted | #A0A0A0 | Secondary text |
| Border | #404040 | Dividers |

## Typography Rules
- **Heading Font**: Adobe Clean, system-ui, sans-serif
- **Body Font**: Adobe Clean, system-ui, sans-serif

- **Base Size**: 14px
- **Line Height**: 1.4
- **Weights**: 400, 500, 600, 700

## Component Stylings
- **Buttons**: Primary accent color, clean rounded style
- **Cards**: Surface background, subtle borders, hover states
- **Navigation**: Clean, brand-colored indicators

## Agent Prompt Guide
Use Adobe's design language: 创意软件巨头.
Primary color #FF0000 on #1E1E1E background.
Typography: Adobe Clean.

常见问题

Adobe 的设计风格是什么?

创意软件巨头。红色品牌,深色专业界面,创意工具集设计语言

Adobe 使用什么主色调?

Adobe 的主色调是 #FF0000,背景色为 #1E1E1E,文本色为 #FFFFFF。

Adobe 使用什么字体?

标题字体: Adobe Clean, system-ui, sans-serif。正文字体: Adobe Clean, system-ui, sans-serif。基础字号: 14px。

如何在项目中使用 Adobe 设计系统?

点击上方 DESIGN.md 代码块中的复制按钮,将完整设计规范复制到你的项目中。AI Coding 工具(如 Cursor)可以直接读取 DESIGN.md 来生成符合 Adobe 风格的代码。

探索更多设计系统

发现 50+ 精选设计系统,为你的 AI Coding 项目提供设计灵感。

查看全部设计系统