OpenDesign·你的设计资产库

网页参考

Raus Life

高端小屋预订平台,拥有宁静、自然启发的美学风格。

CalmPremiumCleanConsumer

封面待补录,可通过原站查看设计。

01

设计气质 DNA

度假小屋逃离自然宁静

一个高端的自然度假数字礼宾服务,融合现代极简主义与有机温暖感。

02

色彩

#dd5000Accent
#23212cInk
#ffffffBG soft
#fdf9edBG quiet
#006434Muted
rgba(35,33,44,1)Line

运用深炭色、纯净白与大地色系的森林绿,构筑沉稳优雅的基调。

03

字体

grotesque-sans · monospace

  • display56px · 400
  • h136px · 400
  • body-lg22px · 400
  • body18px · 400
  • body-sm16px · 400

所有展示及标题尺寸使用负字间距,营造紧凑、现代的视觉感受。 · 正文保持400字重,确保清晰易读且富有亲和力。 · 大写文本使用需克制,主要用于标签和标记。

04

间距

4px
8px
16px
24px
32px
48px
64px
96px

基于一致的4px网格,主容器内采用充足内边距。

05

表面 (圆角 / 阴影 / 边线)

sm · 4px
md · 12px
lg · 20px
pill · 999px

使用主色墨水色绘制1px细边框,常作为交互元素的底部边框。

rgba(0, 0, 0, 0.3) 0px 32px 68px 0px

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

全宽区段配合中央内容区域的约束性布局。

07

动效与交互

200msmicro
300mssmall
500msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

覆盖层与模态框采用平滑的透明度与变换过渡。

细微的背景色变化或下划线显现。 · 通过过渡状态提供即时视觉反馈。

08

组件

  • button 圆润药丸形按钮,在实心填充(绿色/炭色)与描边样式间交替使用。
  • card 简洁卡片,圆角(20px)并带有柔和阴影,常搭配大幅摄影图像。
  • chip 小型大写标签,带有圆角。
  • input 预订栏内简洁的下划线输入框。
  • hero 大型全宽摄影背景,叠加文字与半透明预订界面。

09

文案语气与禁用清单

  • 语气 亲切、宁静、精致。
  • 标题风格 简短、富有感染力的短语,聚焦于体验的感受。
  • 按钮文案 直接、行动导向,常使用箭头。
  • 避免使用明亮、霓虹色——截图显示调色板为深炭色、森林绿与温暖橙色。
  • 避免使用圆润、气泡字体——截图显示为简洁、几何感的无衬线字体。
  • 避免使用厚重阴影——截图显示为平面设计,仅在Cookie模态框使用单一深阴影。
  • 避免使用杂乱布局——截图显示留有充足空白和清晰的视觉层次。
  • 避免使用尖锐方角——截图显示卡片圆角达20px,按钮圆角达99px。
  • 避免使用复杂渐变——截图显示主要为纯色填充和简单线性渐隐。
  • 避免: 喧闹、高能量的文案。
  • 避免: 过于技术化的术语。
  • 避免: 侵略性的销售策略。

10

包内真实截图

历史提取与模型分析 · 尚未逐项校验

11

System Prompt

设计一个宁静、高端的小屋预订平台。调色板以深炭色(#23212c)和纯净白色(#ffffff)为基础,森林绿(#006434)用于主要操作,温暖橙色(#dd5000)作为促销点缀。字体采用简洁、现代的无衬线字体,展示文本使用紧凑字间距。布局宽敞,采用4px网格和充足内边距。使用圆润药丸形按钮和带柔和阴影的卡片。避免使用喧闹颜色、复杂布局和尖锐边角,以保持宁静、自然启发的美学风格。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

参考链接与来源说明,可复制给 Agent。