OpenDesign·你的设计资产库

网页参考

Fidele Editions

一个为巴黎独立出版机构与risograph工作室打造的、干净、编辑式的电商网站。

EditorialCleanPhotographicCurationProduct

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

01

设计气质 DNA

独立出版Risograph巴黎印刷精选

极简主义的巴黎艺术画廊目录

02

色彩

#0044FFAccent
#000000Ink
#333333Ink soft
#FFFFFFBG
#F5F5F5BG soft
#EAEAEABG quiet
#666666Muted
rgba(0,0,0,0.1)Line

高对比度,搭配单一鲜亮蓝色点缀

03

字体

transitional-serif · humanist-sans · monospace

  • display56px · 400
  • headline36px · 400
  • body16px · 400
  • caption14px · 400

04

间距

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

4px 基线网格

05

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

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

卡片或按钮上无可见边框

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

文案语气与禁用清单

  • 语气 精致而内敛
  • 标题风格 用于主要陈述的大号加粗衬线字体
  • 按钮文案 简单文字链接,而非按钮
  • 不要在产品卡片上使用圆角 — 截图显示为锐利的90度直角
  • 不要为UI元素添加投影 — 截图显示完全扁平的界面
  • 不要使用多彩渐变 — 截图显示在白色背景上使用单一的主色调蓝色点缀
  • 不要将所有文本居中对齐 — 截图显示标题和产品信息均为左对齐
  • 不要在章节标题中使用全大写 — 截图显示使用标准的首字母大写和小写文本
  • 不要在产品图片周围添加可见边框 — 截图显示图片直接融入卡片
  • 避免: 喧闹的促销语言
  • 避免: 明亮的多彩点缀
  • 避免: 复杂的导航结构

11

System Prompt

这是一个为Fidèle Editions打造的极简主义电商网站,该机构是巴黎的一家独立出版社和risograph工作室。设计采用纯白色背景、深黑色文字和单一的鲜亮蓝色(#0044FF)作为链接和促销横幅的点缀。字体采用大号衬线标题与简洁的无衬线正文字体相结合,营造出编辑感和精致感。产品卡片极为简约,展示高质量产品摄影,无边框或投影。导航稀疏且基于文字,位于顶部页眉。关键设计规则包括:绝不使用圆角或投影,避免多彩点缀而采用单一蓝色高光,并保持充裕留白以维持画廊般的氛围。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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