01
设计气质 DNA
红酒馆餐饮极简精致温馨
一个安静优雅的红酒馆,专注于个性化服务和精心策划的体验。
02
色彩
#062d32Ink#c9a9b5BG#ffffffBG quietrgba(6,45,50,0.15)Line以沉静的灰粉和深青为主调,搭配纯净的白色区域,营造温暖、精致且温馨的氛围。
03
字体
- display
49px · 300 - heading
38px · 300 - title
29px · 300 - body
19px · 300 - small
16px · 300
所有文字采用浅字重(300),营造精致轻盈的感觉。 · 正文文本的字间距略微增加(0.5px)以提升可读性。 · 导航和次要文字使用更宽的字间距(0.8px)并采用大写转换。
04
间距
4px8px16px24px32px48px64px96px采用宽裕且一致的间距系统,特别注重垂直韵律和内边距,尤其在内容区块中。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 0px
纤薄、微妙的1px边框,克制使用,主要用于导航下划线。
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
居中的单栏布局,配有宽裕的内边距,视觉英雄区块与文字密集内容区块之间清晰分隔。
07
动效与交互
250msmicro
250mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
导航链接和交互元素采用微妙的淡入淡出和变换过渡。 · 较大布局或图像移动采用更长的、平滑的0.8秒过渡。
交互元素上出现微妙的颜色变化或下划线。 · 标准的指针光标,除颜色变化外无其他强烈视觉反馈。
08
组件
- button 简约的文字按钮,无背景,采用大写字母和微妙的下划线过渡。
- card 干净、无边框的卡片,配有宽裕的内边距,聚焦于图像和文本层级。
- chip 极简的标签或徽章,可能采用细边框和大写文本。
- input 干净、简约的输入框,配有纤薄的底边框和宽裕的内边距。
- hero 全宽视觉英雄区块,结合大型编辑性摄影或插图与粗体、居中的排版。
09
文案语气与禁用清单
- 语气 温馨、精致而优雅,同时平易近人且温暖。
- 标题风格 编辑式、声明式风格,采用浅字衬线字体营造经典感。
- 按钮文案 低调而优雅,常呈现为简单的文字链接而非厚重的按钮。
- 避免使用厚重、粗体的排版 —— 截图显示始终使用极浅的字重(300)以营造精致感。
- 避免使用明亮、高饱和度的强调色 —— 调色板严格限定于沉静的灰粉、深青和白色。
- 避免使用圆角或厚重的阴影 —— 设计依赖于干净的线条和平坦的表面,边框半径为零。
- 避免用紧凑的间距挤压内容 —— 截图显示宽裕的内边距和外边距,尤其围绕文本块。
- 避免为标题使用装饰性无衬线字体 —— 显示和正文字体均为过渡型衬线字体。
- 避免在所有地方使用大写文本 —— 它专门保留用于导航和小标签,而非主标题。
- 避免: 杂乱的布局
- 避免: 响亮、侵略性的颜色
- 避免: 厚重、粗体的排版
- 避免: 侵略性的销售语言
- 避免: 密集、无间隔的文本块
11
System Prompt
Essie Wine 是一个精致的红酒馆和餐厅网站,具有精致的编辑式美学。其定位高端但平易近人,专注于个性化服务和精心策划的体验。设计DNA以沉静的灰粉(#c9a9b5)和深青(#062d32)为配色核心,搭配纯净的白色区域。排版完全依赖浅字重(300)的过渡型衬线字体,用于显示和正文文本,字间距略有增加,营造经典轻盈的感觉。布局以宽裕的内边距和严格的零边框半径系统为特征,交互使用微妙的0.25秒过渡。关键禁忌:绝不使用粗体字重,避免响亮或高饱和度的强调色,不要使用圆角或投影。保持宽裕的垂直韵律,仅对导航和标签克制地使用大写。