精选 · 开放 · 免费
Octaevo
一个高端、富有艺术感的生活方式品牌,销售策展的家居装饰和纸艺花瓶。
PhotographicEditorialConsumerCleanPremium
01
设计气质 DNA
艺术感策展生活方式家居装饰高端
一个策展式的生活方式物件画廊
02
色彩
#313131Ink
#FDF8EBBG
#F8EEEEBG soft
rgba(49, 49, 49, 0.2)Line
柔和、偏重编辑感的调色板,以柔和的粉彩色调和温暖的米白色为主,让摄影作品占据视觉中心。
03
字体
transitional-serif · geometric-sans
- display
50px · 400 - display
32px · 400 - body
17px · 400 - body
15px · 400
04
间距
4px
8px
16px
24px
32px
48px
64px
96px
采用慷慨、通透的间距,强调编辑感和高端感。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
细窄、1px的深色或低不透明度边框,主要用于按钮和轮廓。
rgba(0, 0, 0, 0.03) 0px 2px 4px 0px
06
布局
1440container
12columns
24pxgutter
768 / 1024breakpoints
分屏式首屏布局,将大尺寸摄影与文本区块交替排列,营造出强烈的编辑节奏感。
07
动效与交互
300msmicro
500mssmall
1000msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
元素在滚动出现时采用平滑的淡入过渡 · 交互元素上的悬停不透明度过渡
文本和按钮上的微妙不透明度变化或色彩偏移。 · 立即响应并伴有过渡效果。
08
组件
- button 一个简单的矩形按钮,带有细窄的深色边框,无背景填充,文字为深色。
- card 极简主义卡片,高度依赖高质量摄影和大号字体排版。
- chip 用于类别(如“家居装饰”)的简单小号文本标签。
- input 在可见的首屏区域中未突出展示。
- hero 分屏或全宽布局,一侧为大尺寸摄影,另一侧为包含标题和行动号召的文本区块。
09
文案语气与禁用清单
- 语气 诗意、优雅且富有描述性。
- 标题风格 大号、诗意化的标题,旨在唤起一种情绪而非仅仅描述产品(例如,“绿色的诗意”)。
- 按钮文案 简洁、直接且克制(例如,“立即购买”)。
- 不要使用明亮、饱和的原色——截图显示的是柔和的粉彩色调,如#FDF8EB和#F8EEEE。
- 不要为标题使用粗重、加粗的无衬线字体——截图显示的是用于展示文本的过渡衬线字体。
- 不要在卡片上使用投影或厚重的3D效果——截图显示的是扁平、简洁的设计,边框极少。
- 不要在主容器上使用圆角——截图显示的是尖锐的矩形元素和按钮。
- 不要用多列密集文本过度填充布局——截图显示的是对留白和单列文本区块的慷慨运用。
- 不要为标题使用全大写文本——截图显示的是用于诗意标题的首字母大写样式。
- 避免: 硬性推销语言
- 避免: 咄咄逼人的行动号召
- 避免: 技术术语
- 避免: 拥挤的布局
- 避免: 刺眼的霓虹色
11
System Prompt
该网站是一个高端、策展式的电商平台,专注于艺术感的家居装饰和生活方式物件。它将自身定位为一个诗意而优雅的品牌,采用柔和、低饱和度的调色板(例如,背景色#FDF8EB,文字色#313131),并巧妙融合了用于展示标题的过渡衬线字体(如Moderat)和用于正文的几何无衬线字体(如Domaine)。布局通透且具有编辑感,常采用分屏式首屏区块,将高质量摄影与诗意文本相结合。关键约束包括避免使用刺眼的颜色、厚重的投影和咄咄逼人的营销语言,而是专注于营造一个冷静、精致、画廊般的浏览体验,并使用简洁的、带边框的“立即购买”按钮。
把这份品味接进你的 Agent
把这套设计的机器可读规格——色彩、字体、动效,整套 DNA——直接交给你的 AI Agent。
OpenDesign 技能 ↗
en · zh-CN · zh-TW · ja · ko