精选 · 开放 · 免费

Bottega Veneta

以图像为核心、版式克制、单色配色的奢侈时尚门户。

fashionluxury
Bottega Veneta 网站截图
↓ 下载设计系统包 (22 MB)在 OpenDesign 中打开

原站: https://www.bottegaveneta.com

📦 浏览包内文件 →

01

设计气质 DNA

奢华时尚极简编辑式精致

一本高端时尚杂志转化为数字体验。

02

色彩

#000000Ink
#333333Ink soft
#FFFFFFBG
#767676Muted
rgba(0, 0, 0, 0.1)Line

高对比度单色,依赖摄影提供色彩。

03

字体

transitional-serif · geometric-sans

导航与标签文字严格使用大写字母。 · 字重极简,仅限常规与粗体。

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

组件

09

文案语气与禁用清单

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

Bottega Veneta的设计DNA是克制奢华的典范。定位为超高端时尚,采用鲜明的单色配色(#000000、#333333、#FFFFFF)让编辑摄影占据视觉焦点。排版将过渡衬线体用于标识,几何无衬线体用于所有界面元素,保持简洁权威的视觉呈现。关键禁忌包括避免鲜艳强调色、避免界面组件圆角、绝不对主导航使用小写字母。布局宽敞、网格化、刻意极简,确保焦点始终集中于产品与品牌形象。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效,整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

en · zh-CN · zh-TW · ja · ko