设计系统 — 嵌入式开发平台

颜色系统 Colors

主题色 Accent

Blue

#3b82f6

Green

#10b981

Orange

#f59e0b

Red

#ef4444

背景 Background

Primary

--bg-primary

Secondary

--bg-secondary

Tertiary

--bg-tertiary

Elevated

--bg-elevated

文字 Text

Primary

--text-primary

Secondary

--text-secondary

Tertiary

--text-tertiary

Inverse

--text-inverse

间距系统 Spacing

--space-1 (4px)

--space-2 (8px)

--space-3 (12px)

--space-4 (16px)

--space-6 (24px)

--space-8 (32px)

--space-10 (40px)

--space-12 (48px)

圆角系统 Border Radius

Small

6px

Medium

8px

Large

12px

XL

16px

阴影系统 Shadows

Small

Medium

Large

XL

按钮组件 Buttons

标签组件 Tags

信息成功警告错误特殊

状态指示 Status

正常

警告

错误

信息

表单组件 Form

输入框

选择器

代码块 Code Block

// 嵌入式初始化代码示例
void System_Init(void) {
    HAL_Init();
    SystemClock_Config();
    MX_GPIO_Init();
    MX_USART1_UART_Init();
}