精选 · 开放 · 免费

Away

一个干净、令人向往的DTC旅行品牌，将高品质摄影与极简设计相结合。

01

设计气质 DNA

一个高端、直接面向消费者的旅行生活方式品牌

02

色彩

干净、极简，专注于高品质摄影和字体排印。

03

字体

transitional-serif · humanist-sans

• display56px · 500
• headline32px · 500
• body16px · 400
• label12px · 500

使用 'Graphik' 字体用于正文和导航。 · 使用过渡衬线字体用于主视觉标题。 · 对导航和小标签使用大写字母和字母间距。

04

间距

基础 4px，次要 8px，标准 16px，主要 24px

05

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

1px solid rgba(17,17,17,0.1)

rgba(0, 0, 0, 0.06) 0px 2px 2px 0px · rgba(0, 0, 0, 0.07) 0px 4px 3px 0px · rgba(0, 0, 0, 0.24) 0px 1px 2px 0px

06

布局

全宽主视觉图，后跟内容板块，留有充足的白色空间。

07

动效与交互

内容板块在滚动时微妙淡入。 · 悬停时平滑的颜色和背景色过渡。

微妙的颜色或背景色变化。 · 提供即时视觉反馈，伴随轻微的缩放或颜色变化。

08

组件

• button 极简主义，白色背景上的黑色文字，带有1px黑色边框或无边框。
• card 简洁的卡片，搭配高品质摄影和极少的文字叠加。
• chip 用于筛选或分类的药丸形按钮。
• input 干净、带下划线或边框的输入框，样式极简。
• hero 全出血的摄影主视觉区，搭配大号衬线或无衬线标题和清晰的行动号召。

09

文案语气与禁用清单

• 语气 自信、令人向往且直接。
• 标题风格 简短、有冲击力，并常使用衬线字体以示强调。
• 按钮文案 直接且以行动为导向，常使用大写字母。

• 不要为主要内容区域使用深色背景——截图显示为白色 (#FFFFFF) 背景。
• 不要为主要按钮使用明亮、高饱和度的强调色——截图显示为白色按钮上的黑色文字，带有黑色边框。
• 不要为主标题使用无衬线字体——截图显示 'Get Away' 使用的是过渡衬线字体。
• 不要在卡片或按钮上使用圆角——截图显示为锋利的直角。
• 不要为主视觉区域使用多栏布局——截图显示为单一的全出血图片。
• 不要在导航中使用小而密集的文字——截图显示为带间距的大写标签。
• 避免: 杂乱的布局
• 避免: 过于复杂的配色方案
• 避免: 过多使用装饰性元素

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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