精选 · 开放 · 免费
Bottega Veneta
以图像为核心、版式克制、单色配色的奢侈时尚门户。
fashionluxury
01
设计气质 DNA
奢华时尚极简编辑式精致
一本高端时尚杂志转化为数字体验。
02
色彩
#000000Ink
#333333Ink soft
#FFFFFFBG
#767676Muted
rgba(0, 0, 0, 0.1)Line
高对比度单色,依赖摄影提供色彩。
03
字体
transitional-serif · geometric-sans
- display
23px · 400 - body
14px · 400 - caption
12px · 400
导航与标签文字严格使用大写字母。 · 字重极简,仅限常规与粗体。
04
间距
4px
8px
16px
24px
32px
48px
64px
96px
充足留白营造精致、透气的布局。
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 12px
pill · 999px
主要按钮与交互元素使用1像素极简边框。
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
以全出血编辑摄影为锚点的网格化布局。
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 1, 0.5, 1)easing
文本叠加采用微妙淡入效果。 · 菜单展开采用平滑垂直滑动。
微妙的透明度降低或下划线出现。 · 立即状态变化,无夸张反馈。
08
组件
- button 极简矩形按钮,采用纯黑填充或简洁黑边框。
- card 边缘锐利、图像留白充足的简洁卡片。
- chip 暂无
- input 仅底部边框的简洁文本输入框。
- hero 全视口摄影主图,居中叠加大写文本。
09
文案语气与禁用清单
- 语气 自信、沉静、权威。
- 标题风格 简短、有感染力、以大写为主。
- 按钮文案 直接、简洁、完全大写。
- 勿使用鲜艳或饱和的强调色——截图显示严格的单色配色。
- 勿对按钮使用圆角——截图显示锋利的矩形边缘。
- 勿对主导航使用小写字母——截图显示全大写文本。
- 勿使用厚重投影——截图显示完全扁平表面。
- 勿使用杂乱背景——截图显示干净白色背景或大尺寸照片。
- 勿使用活泼或圆润字体——截图显示精致几何与过渡型字体。
- 避免: 感叹号
- 避免: 促销式语言
- 避免: 过度装饰字体
10
包内真实截图
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
Bottega Veneta的设计DNA是克制奢华的典范。定位为超高端时尚,采用鲜明的单色配色(#000000、#333333、#FFFFFF)让编辑摄影占据视觉焦点。排版将过渡衬线体用于标识,几何无衬线体用于所有界面元素,保持简洁权威的视觉呈现。关键禁忌包括避免鲜艳强调色、避免界面组件圆角、绝不对主导航使用小写字母。布局宽敞、网格化、刻意极简,确保焦点始终集中于产品与品牌形象。
en · zh-CN · zh-TW · ja · ko