# 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 uses #FF0000 as primary color, #1E1E1E for background, and #FFFFFF for text.
Heading font: Adobe Clean, system-ui, sans-serif. Body font: Adobe Clean, system-ui, sans-serif. Base size: 14px.
Click the Copy button above the DESIGN.md code block to copy the complete design specification. AI Coding tools like Cursor can directly read DESIGN.md to generate code matching Adobe's style.
Discover 50+ curated design systems for your AI Coding projects.
View All Design Systems