01
设计气质 DNA
独立出版Risograph巴黎印刷精选
极简主义的巴黎艺术画廊目录
02
色彩
#0044FFAccent#000000Ink#333333Ink soft#FFFFFFBG#F5F5F5BG soft#EAEAEABG quiet#666666Mutedrgba(0,0,0,0.1)Line高对比度,搭配单一鲜亮蓝色点缀
03
字体
- display
56px · 400 - headline
36px · 400 - body
16px · 400 - caption
14px · 400
04
间距
4px8px16px24px32px48px64px96px4px 基线网格
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)作为链接和促销横幅的点缀。字体采用大号衬线标题与简洁的无衬线正文字体相结合,营造出编辑感和精致感。产品卡片极为简约,展示高质量产品摄影,无边框或投影。导航稀疏且基于文字,位于顶部页眉。关键设计规则包括:绝不使用圆角或投影,避免多彩点缀而采用单一蓝色高光,并保持充裕留白以维持画廊般的氛围。