01
设计气质 DNA
旅行行李箱极简主义令人向往的直接面向消费者
一个高端、直接面向消费者的旅行生活方式品牌
02
色彩
#111111Ink#666666Ink soft#FFFFFFBG#F7F4F1BG soft#D8D8DCMutedrgba(17,17,17,0.1)Line干净、极简，专注于高品质摄影和字体排印。
03
字体
- display
56px · 500 - headline
32px · 500 - body
16px · 400 - label
12px · 500
使用 'Graphik' 字体用于正文和导航。 · 使用过渡衬线字体用于主视觉标题。 · 对导航和小标签使用大写字母和字母间距。
04
间距
4px8px16px24px32px48px64px96px基础 4px，次要 8px，标准 16px，主要 24px
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
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
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
全宽主视觉图，后跟内容板块，留有充足的白色空间。
07
动效与交互
200msmicro
300mssmall
500msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
内容板块在滚动时微妙淡入。 · 悬停时平滑的颜色和背景色过渡。
微妙的颜色或背景色变化。 · 提供即时视觉反馈，伴随轻微的缩放或颜色变化。
08
组件
- button 极简主义，白色背景上的黑色文字，带有1px黑色边框或无边框。
- card 简洁的卡片，搭配高品质摄影和极少的文字叠加。
- chip 用于筛选或分类的药丸形按钮。
- input 干净、带下划线或边框的输入框，样式极简。
- hero 全出血的摄影主视觉区，搭配大号衬线或无衬线标题和清晰的行动号召。
09
文案语气与禁用清单
- 语气 自信、令人向往且直接。
- 标题风格 简短、有冲击力，并常使用衬线字体以示强调。
- 按钮文案 直接且以行动为导向，常使用大写字母。
- 不要为主要内容区域使用深色背景——截图显示为白色 (#FFFFFF) 背景。
- 不要为主要按钮使用明亮、高饱和度的强调色——截图显示为白色按钮上的黑色文字，带有黑色边框。
- 不要为主标题使用无衬线字体——截图显示 'Get Away' 使用的是过渡衬线字体。
- 不要在卡片或按钮上使用圆角——截图显示为锋利的直角。
- 不要为主视觉区域使用多栏布局——截图显示为单一的全出血图片。
- 不要在导航中使用小而密集的文字——截图显示为带间距的大写标签。
- 避免: 杂乱的布局
- 避免: 过于复杂的配色方案
- 避免: 过多使用装饰性元素
10
包内真实截图
11
System Prompt
Away 是一个高端、直接面向消费者的旅行生活方式品牌。设计干净、极简，专注于高品质摄影和字体排印。主要背景色为白色 (#FFFFFF)，搭配黑色 (#111111) 墨色。柔和的米白色 (#F7F4F1) 用于板块背景。字体排印采用人文无衬线字体 (Graphik) 用于正文，过渡衬线字体用于标题。关键注意事项：不要为主要内容使用深色背景，不要为主要按钮使用明亮的强调色，不要为UI元素使用圆角。