精选 · 开放 · 免费
Maquilts
一个充满活力、聚焦艺术的现代纺织设计作品集
ExpressiveGeometricBold TypographyConsumerCalm
01
设计气质 DNA
现代纺织艺术拼布几何
展示大胆、现代纺织创作的艺术家作品集
02
色彩
#F15A24Accent
#333333Ink soft
#FFED8CBG
#F4A398BG soft
#FFFFFFBG quiet
#797791Muted
rgba(241,90,36,1)Line
温暖、饱和的主背景，搭配充满活力的橙色强调色
03
字体
humanist-sans · geometric-sans · monospace
- display
68px · 700 - display
36px · 400 - body
23px · 400 - mono
14px · 400
标题文字转换为大写 · 展示性和次要文本增加字间距 · 粗体标题与常规正文形成字重对比
04
间距
4px
8px
16px
24px
32px
48px
64px
96px
慷慨的垂直节奏，带有较大的版块内边距（顶部96px，底部192px）
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 12px
pill · 999px
4px solid rgb(241, 90, 36)
rgba(0, 0, 0, 0.1) 1px 0px 10px 6px
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
分屏主视觉，文本居左，图片居右
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
交互元素上的平滑颜色过渡 · 悬停状态下的缩放变换
边框和文字的颜色变化 · 按钮的缩放变换（0.98）
08
组件
- button 药丸形，带虚线边框和实心文字
- card 图片为主，带最小化圆角
- chip 截图中不可见
- input 截图中不可见
- hero 分屏设计，左侧为大型排版，右侧为特色图片
09
文案语气与禁用清单
- 语气 专业、富有艺术感且信息丰富
- 标题风格 粗体、大写、高对比度
- 按钮文案 友好且具邀请感，带有随性的虚线边框
- 不要使用纤细或精致的排版——截图显示标题使用了粗重的字重
- 不要使用深色或冷色调的主背景——截图显示为温暖的亮黄色
- 不要为主要按钮使用生硬、尖锐的角——截图显示为药丸形、虚线轮廓
- 不要使用极简、单色的调色板——截图显示为充满活力的多彩几何方案
- 不要将主导航隐藏在复杂的交互背后——截图显示为简单的汉堡菜单图标
- 不要使用狭小、局促的间距——截图显示为慷慨的内边距和宽大的留白
- 避免: 使用纯粹装饰性字体
- 避免: 用过多文字压倒视觉
- 避免: 使用冰冷或过于企业化的语气
10
包内真实截图
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
一个充满活力、聚焦艺术的现代纺织设计作品集，展示大胆的几何拼布和服装。设计DNA以温暖、高饱和的调色板为核心，#FFED8C作为主背景色，#F15A24作为主要强调色。排版采用人文无衬线字体用于展示标题，几何无衬线字体用于正文，强调粗体字重和慷慨的字间距。关键禁忌：不要使用冰冷或深色的主背景，不要使用纤细或精致的字重，不要为主要交互元素使用生硬、尖锐的角。布局采用慷慨的垂直节奏和分屏方式，平衡大型排版与有影响力的图像。
en · zh-CN · zh-TW · ja · ko