精选 · 开放 · 免费

Raus Life

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

01

设计气质 DNA

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

02

色彩

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

03

字体

grotesque-sans · monospace

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

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

04

间距

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

05

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

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

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

06

布局

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

07

动效与交互

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

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

08

组件

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

09

文案语气与禁用清单

• 语气 亲切、宁静、精致。
• 标题风格 简短、富有感染力的短语，聚焦于体验的感受。
• 按钮文案 直接、行动导向，常使用箭头。

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

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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