三星设计风格指南
🆕 v1.1 页面生成器
# 输入产品名/Slogan → 生成风格 HTML
python3 scripts/samsung-design-style_page_generator.py --product "产品名" --slogan "Slogan"
# 交互模式 / 示例
python3 scripts/samsung-design-style_page_generator.py -i
python3 scripts/samsung-design-style_page_generator.py --example
特性:品牌色 CTA + 毛玻璃导航 + Hero 独占一屏 + 核心亮点卡片 + 产品图网格。
> 「Do What You Can't.」—— 做你做不到的事。
配色
| 角色 | 色值 | 用途 |
|---|---|---|
| 品牌蓝 | #1428A0 |
Logo、S 系列 |
| 深邃黑 | #000000 |
Galaxy 旗舰 Hero |
| 金属质感 | #A0A0A0 → #E0E0E0 渐变 |
Z 系列、折叠屏 |
| 文字 | #FFFFFF(深底)/ #111111(浅底) |
— |
排版
| 层级 | 字体 | 特征 |
|---|---|---|
| Hero | Samsung Sharp Sans / One UI Sans, 48-72px, Bold | 英文标题为主 |
| 产品名 | 24-32px, Bold | Galaxy Z Fold6 / Galaxy S25 Ultra |
| 正文 | 15-17px, Regular | — |
布局
- 精准网格——三星是硬件公司,对齐极致
- Dark Mode 优先——旗舰产品默认黑底
- 超大产品图+浮层文字——类似于 Apple,但更"满"
影像
| 规则 |
|---|
| 产品图:3D 渲染+金属质感,精密感 |
| 场景图:全球多元化——非洲、亚洲、欧洲面孔混用 |
| 配件图:白色背景+统一光照+全系列展示 |
文案
| 原则 | 示例 |
|---|---|
| 全球化 | 「Galaxy AI is here.」 |
| 技术自豪 | 「200MP |
| 对比意识 | 三星广告常直接对比 Apple |
| 环保叙事 | 「Galaxy for the Planet」 |
风格关键词: 深黑色、金属质感、Dark Mode、全球化、Galaxy AI