OpenDesign·你的设计资产库

网页参考

Twotwo Official

一个专注于大胆产品摄影和清晰、活力行动号召的高端padel装备电商网站。

ProductPremiumCleanPhotographicProductive

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

01

设计气质 DNA

padel创新运动装备高端

高性能运动装备品牌。

02

色彩

#d4ff00Accent
#1a1a1aInk
#f5f5f5BG
#ffffffBG soft
#999999Muted
rgba(0,0,0,0.1)Line

一个以大型摄影图片为主导的明亮、干净的基础调色板,由单一、高能量的霓虹色点缀。

03

字体

geometric-sans

  • display48px · 400

04

间距

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

标准4px网格,英雄区域元素周围采用宽松间距。

05

表面 (圆角 / 阴影 / 边线)

sm · 4px
md · 8px
lg · 12px
pill · 999px

用于导航和区域分隔的细微、浅灰色线条。

06

布局

1440container
12columns
24pxgutter
768 / 1024breakpoints

一个全宽、图像密集的英雄区域占据视口,上方是简洁的水平导航栏。

07

动效与交互

220msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

交互元素在悬停时呈现细微的背景色变化。 · 标准的按压效果。

08

组件

  • button 圆角药丸形按钮,采用纯色填充,通常使用高对比度的点缀色。
  • hero 一个大型、全宽的摄影英雄区域,配有居中的粗体排版和主要行动号召按钮。

09

文案语气与禁用清单

  • 语气 自信、现代,并专注于性能。
  • 标题风格 直接、行动导向的陈述,突出创新。
  • 按钮文案 清晰、命令式的语句,例如“立即购买”。
  • 不要使用深色背景——截图显示的是明亮、通透的灰白色背景。
  • 不要使用衬线字体——截图显示的是简洁的几何无衬线字体。
  • 不要使用柔和或粉彩点缀色——截图显示的是鲜艳、高饱和度的霓虹黄绿色。
  • 不要使用小而拥挤的英雄区域文字——截图显示的是大型、粗体的标题排版,带有宽松间距。
  • 不要使用复杂或多层的UI组件——截图显示的是非常简洁、极简的界面,只有一个主要行动号召。
  • 不要使用繁忙的布局——截图显示的是一个占据屏幕大部分区域的单一主导图像英雄区域。
  • 避免: 过于技术性的术语
  • 避免: 被动语态
  • 避免: 模糊的营销辞令

11

System Prompt

这是一个高端的padel运动装备电商网站。设计干净、现代且以产品为中心,特点是有一个大型摄影英雄区域。关键颜色是浅色背景(#f5f5f5)、深色墨迹(#1a1a1a)和高能量的霓虹黄绿色点缀(#d4ff00)。排版完全采用几何无衬线字体。关键禁忌:不要使用衬线字体或深色模式。避免在英雄区域使用复杂的多栏布局。切勿使用柔和或低对比度的点缀色;点缀色必须鲜艳且高饱和度。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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