精选 · 开放 · 免费
Arket
一个高端、极简的时尚与家居零售网站，拥有纯净、编辑式的美学。
fashionretail
01
设计气质 DNA
极简北欧零售高端纯净
一个高端北欧零售画廊
02
色彩
#B8482EAccent
#1A1A1AInk
#F2EFEBBG
#808080Muted
rgba(0, 0, 0, 0.1)Line
温暖的中性色，搭配高对比度的黑色字体和哑光红色点缀
03
字体
geometric-sans · humanist-sans
- display
48px · 500 - heading
16px · 500 - body
14px · 400
用于展示和 UI 元素的纯净、几何感无衬线字体 · 黑色文字与温暖中性色背景之间形成高对比度
04
间距
4px
8px
16px
24px
32px
48px
64px
96px
基于 4px 的一致基础网格，配有充裕的留白
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
纤细的浅色实线边框
0 4px 12px rgba(0,0,0,0.05)
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
固定宽度、居中的容器，采用标准 12 列网格
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
模态框的平滑淡入效果 · 微妙的 hover 状态
细微的颜色偏移或透明度变化 · 即时的视觉反馈
08
组件
- button 高对比度的黑色按钮，白色文字，方形边角
- card 样式极简的简单矩形容器
- chip 简洁的分类标签
- input 极简的下划线式搜索输入框
- hero 以大字号排版驱动的高对比度首屏区域
09
文案语气与禁用清单
- 语气 直接、干净且权威
- 标题风格 粗体、大写或大型几何无衬线字体
- 按钮文案 带有清晰、直接文字的高对比度黑色按钮
- 不要使用圆角——截图显示所有按钮和容器均为方形、锐利的边角
- 不要使用鲜艳或饱和的背景——截图显示温暖、柔和的米色（#F2EFEB）背景
- 不要使用装饰性或手写字体——截图显示纯净、几何感的无衬线字体
- 不要使用过多的投影——截图显示极其细微、轻微的立体感
- 不要使用低对比度的文字——截图显示浅色背景上的高对比度黑色（#1A1A1A）文字
- 不要使用杂乱的布局——截图显示充裕的留白和清晰、极简的结构
- 避免: 圆角
- 避免: 活泼的色彩
- 避免: 手写体排版
11
System Prompt
这是一个高端、极简的时尚零售网站（Arket），拥有纯净的北欧美学。色彩方案基于温暖、柔和的米色（#F2EFEB）背景和高对比度的黑色（#1A1A1A）字体构建，并使用微妙的红色（#B8482E）作为点缀色。排版严格采用几何和人文主义无衬线字体，避免任何装饰性或手写字体。布局高度结构化且宽敞，所有组件（按钮、卡片、模态框）均采用锐利的方形边角，并伴有极少的阴影。关键设计约束包括：严格的方形边角、柔和的中性色板、高对比度字体、充裕的留白，以及完全不使用圆角或活泼元素。系统优先打造精致、编辑感强的高端零售体验。
把这份品味接进你的 Agent
把这套设计的机器可读规格——色彩、字体、动效，整套 DNA——直接交给你的 AI Agent。
OpenDesign 技能 ↗en · zh-CN · zh-TW · ja · ko