OpenDesign·你的设计资产库

网页参考

Postevand

围绕可持续水产品构建的高端、简洁、具有编辑感的品牌形象。

CleanPremiumProductPhotographicEditorial

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

01

设计气质 DNA

高端极简简洁现代可持续

高端杂志版式与可持续产品展示的结合

02

色彩

#000000Ink
#333333Ink soft
#ffffffBG
#f5f5f5BG soft
#999999Muted
rgba(0, 0, 0, 0.1)Line

高对比度单色方案,营造简洁、高端的感觉

03

字体

transitional-serif · grotesque-sans

  • display96px · 400
  • heading32px · 400
  • body16px · 400

大号品牌名称使用具有过渡特征的衬线字体 · 正文采用简洁的几何无衬线字体以确保可读性 · 大号展示文字采用宽松的字间距

04

间距

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

基于4像素的统一网格系统,留白充足

05

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

sm · 0px
md · 0px
lg · 0px
pill · 999px

纤细、微妙的边框用于分隔

0 4px 24px rgba(0,0,0,0.15)

06

布局

1440container
12columns
24pxgutter
768 / 1024breakpoints

全出血主视觉图片,叠加居中内容层

07

动效与交互

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

平滑的模态窗口过渡 · 交互元素上的微妙悬停效果

微妙的颜色变化或透明度调整 · 通过视觉状态变化提供即时反馈

08

组件

  • button 高对比度、全宽按钮,样式极简
  • card 简洁、无边框的卡片,带有微妙阴影
  • chip 极简的文本导航标签
  • input 简洁、全宽的输入框,边框纤细
  • hero 全出血摄影主视觉,叠加文字内容

09

文案语气与禁用清单

  • 语气 自信、高端且具有环保意识
  • 标题风格 用词精炼、富有冲击力的大胆陈述
  • 按钮文案 直接、以行动为导向,采用高对比度设计
  • 不要在主要元素上使用圆角——截图显示为锋利、清晰的边缘
  • 不要使用多种强调色——截图显示为单色方案
  • 不要使用活泼或随意的字体——截图显示为简洁、现代的衬线与无衬线字体
  • 不要使用拥挤或杂乱的布局——截图显示留白充足、构图简洁
  • 不要使用复杂的渐变——截图显示为平坦、纯净的色彩应用
  • 不要使用小而拥挤的文字——截图显示为宽松、易读的字体排版
  • 避免: 杂乱或拥挤的设计
  • 避免: 鲜艳的霓虹色彩
  • 避免: 活泼或随意的字体
  • 避免: 复杂的渐变效果
  • 避免: 主要元素使用圆角

11

System Prompt

这是一个为可持续水产品公司打造的高端、简洁、具有编辑感的品牌形象。设计采用单色方案,以黑色 (#000000) 和白色 (#ffffff) 为主色调,营造高对比度和高端感。字体方面,展示元素使用过渡衬线字体,正文使用无衬线字体,在保持现代感的同时兼具永恒美感。关键禁忌包括避免在主要元素上使用圆角、避免使用多种强调色、以及避免使用活泼或随意的字体。布局特征包括充足的留白、简洁的线条以及全出血摄影主视觉,既强调了产品的高端定位,又保持了类似杂志的编辑质感。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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