01
设计气质 DNA
高端温暖生活方式设计导向家居
一本温暖的高端生活方式杂志
02
色彩
#E07A5FAccent#1A1A1AInk#555555Ink soft#FDF8F0BG#888888Mutedrgba(0,0,0,0.08)Line采用奶油色背景、深墨色与柔和赭石/珊瑚色点缀的温暖自然色板。
03
字体
- display
56px · 500
大标题与品牌标识采用优雅过渡衬线体 · 正文与导航采用简洁人文无衬线体
04
间距
4px8px16px24px32px48px64px96px基于8px标准网格,保持充裕留白
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 12px
pill · 999px
导航元素采用柔和胶囊形边框
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
文字与图像交叠的非对称分屏主视觉
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
产品图像的水平轮播切换动效
可点击元素的微妙视觉反馈 · 直接导航
08
组件
- button 文字简短的胶囊形实心按钮
- card 依赖大尺寸图像与叠层文字的极简卡片
- chip 带柔和边框的胶囊形导航标签
- input 右上角简洁搜索图标
- hero 一侧大尺寸摄影,另一侧排版的分屏布局
09
文案语气与禁用清单
- 语气 温暖、包容,在设计与生活方式领域具有权威感
- 标题风格 聚焦材质与设计的粗体优雅陈述
- 按钮文案 简洁直接的指令(如“立即购买”)
- 避免使用纯白背景——截图显示温暖的奶油色(#FDF8F0)背景
- 避免使用刺眼的霓虹色或原色——截图显示柔和的赭石色点缀(#E07A5F)
- 避免使用几何无衬线字体——截图显示大标题采用优雅过渡衬线体
- 避免UI元素使用尖锐直角——截图显示胶囊形按钮与圆角边框
- 避免深色模式或高对比度主题——截图显示明亮、温暖的浅色主题色板
- 避免密集的多栏网格布局——截图显示大尺寸、通透的非对称分屏布局
- 避免: 激进的销售话术
- 避免: 技术术语
- 避免: 杂乱的布局
11
System Prompt
本网站服务于名为‘Beautiful’的高端厨具消费品牌,强调生活方式与优雅设计。视觉标识温暖包容,采用奶油色背景(#FDF8F0)搭配深墨色(#1A1A1A)与柔和赭石/珊瑚色点缀(#E07A5F)。字体运用上,大尺寸展示标题采用优雅过渡衬线体,正文采用简洁人文无衬线体。关键设计准则包括:绝不使用纯白背景,避免刺眼霓虹色,始终采用圆角或胶囊形UI元素替代尖锐直角,并确保大量留白。布局应优先采用非对称分屏构图展现大尺寸高品质生活方式摄影。