OpenDesign·你的设计资产库

网页参考

Superpower

一个大胆、高端的健康科技品牌,运用引人注目的社论式摄影和富有冲击力的排版,来传达精准与精英性能。

PremiumBold TypographyEditorialCleanProduct

预览暂时不可用,请通过原站查看。

01

设计气质 DNA

性能高端精准生物识别精英

高端运动性能品牌与生物数据科技的结合。

02

色彩

#000000Ink
#FFFFFFBG
#888888Muted
rgba(0, 0, 0, 0.1)Line

以单色为基础,由主导性的摄影首屏设定整体氛围。

03

字体

condensed-sans · geometric-sans

  • display72px · 700

展示型标题使用斜体 · 正文排版干净且高度易读 · 使用大写字母进行强调

04

间距

4px
8px
16px
24px
32px
48px
64px
96px

采用充裕的垂直间距,让摄影作品得以呼吸。

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。字体类别包括展示型窄体无衬线字体和正文几何无衬线字体。关键禁忌:避免使用多种强调色,避免使用圆角卡片,避免使用会与首屏图像竞争的繁杂布局。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效,整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗

复制给 Agent

参考链接与来源说明,可复制给 Agent。