01
设计气质 DNA
性能高端精准生物识别精英
高端运动性能品牌与生物数据科技的结合。
02
色彩
#000000Ink#FFFFFFBG#888888Mutedrgba(0, 0, 0, 0.1)Line以单色为基础,由主导性的摄影首屏设定整体氛围。
03
字体
- display
72px · 700
展示型标题使用斜体 · 正文排版干净且高度易读 · 使用大写字母进行强调
04
间距
4px8px16px24px32px48px64px96px采用充裕的垂直间距,让摄影作品得以呼吸。
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 12px
pill · 999px
干净利落的直角边缘,搭配胶囊形按钮。
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
全宽首屏图片,内容叠加其上。
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
按钮状态的微妙变化。 · 标准按钮点击效果。
08
组件
- button 胶囊形按钮,包括轮廓样式和纯白实心样式。
- card 当前视图中未显示。
- chip 当前视图中未显示。
- input 当前视图中未显示。
- hero 全屏摄影首屏,叠加粗体、斜体排版。
09
文案语气与禁用清单
- 语气 自信、直接且具有权威感。
- 标题风格 粗体、大写,常使用斜体以增强冲击力。
- 按钮文案 清晰且以行动为导向。
- 不要使用圆角卡片——截图显示的是直角边缘容器。
- 不要使用多种强调色——截图显示的是单色色板。
- 不要在正文文本中使用装饰性无衬线字体——截图使用的是简洁的几何无衬线字体。
- 不要使用繁杂的布局——截图展示的是聚焦的、单层式首屏。
- 不要使用小而紧凑的字体排版——截图使用的是大而富有冲击力的展示型字体。
- 不要使用深色模式——截图显示的是以摄影驱动的浅色界面。
- 避免: 术语
- 避免: 被动语态
- 避免: 模糊的宣称
11
System Prompt
这是一个高端健康科技品牌(Superpower),定位在精英性能与数据驱动健康领域的交汇点。设计基因由单色色板(黑色 #000000 搭配白色 #FFFFFF)和一款大胆、斜体的窄体无衬线展示型字体定义,该字体旨在吸引注意力。视觉重心由高质量的社论式摄影承载。关键色为墨色 #000000 和背景色 #FFFFFF。字体类别包括展示型窄体无衬线字体和正文几何无衬线字体。关键禁忌:避免使用多种强调色,避免使用圆角卡片,避免使用会与首屏图像竞争的繁杂布局。