01
设计气质 DNA
旅行冒险策展高端编辑
一本为活跃冒险精心策划的高端旅行杂志。
02
色彩
#ffc2f7Accent#000000Ink#ffffffBG#f5f5f5BG soft#514444Mutedrgba(0,0,0,0.1)Line以黑白高对比度单色为基底,用温暖的米色中和,并采用鲜亮的粉色作为唯一、大胆的编辑强调色。
03
字体
- display
120px · 400 - heading
48px · 400 - body
16px · 400 - caption
12px · 400
大号展示文字使用 didone-serif。 · 正文使用 transitional-serif。 · UI 元素和小标签使用 grotesque-sans。 · 大写标签使用宽字距。
04
间距
4px8px16px24px32px48px64px96px以 4px 为基础单位,采用充足的垂直间距,强调元素间的呼吸空间。
05
表面 (圆角 / 阴影 / 边线)
sm · 3px
md · 4px
lg · 8px
pill · 999px
细实线黑色边框,使用克制,常置于元素底部。
rgba(0,0,0,0.32) 3px 3px 8px 0px · rgba(0,0,0,0.25) 0px 4px 10px 0px
06
布局
1440container
12columns
24pxgutter
768 / 1024breakpoints
居中、杂志风格布局,配有大型全宽首屏图像和充足的垂直留白。
07
动效与交互
220msmicro
250mssmall
400msmedium
cubic-bezier(0.445, 0.05, 0.55, 0.95)easing
悬停时微妙的不透明度和颜色过渡。 · 交互元素的平滑变换过渡。
微妙的颜色或不透明度变化。 · 轻微的变换或不透明度反馈。
08
组件
- button 高对比度药丸形按钮,深色背景配浅色文本。
- card 以图像为主、字体大胆叠加的大型编辑卡片。
- chip 用于分类的小型大写文本标签。
- input 简约、干净的输入框,带有微妙边框。
- hero 全出血、沉浸式摄影首屏区域,配有大型居中文本叠加。
09
文案语气与禁用清单
- 语气 富有憧憬、描述性强且高端。
- 标题风格 大号、加粗,常直接叠加在图像上。
- 按钮文案 直接且以行动为导向(例如“选择目的地”、“选择座驾”)。
- 避免使用杂乱或拥挤的布局——截图显示的是宽敞、编辑风格的布局,留白充足。
- 避免使用多种字重——截图主要使用常规(400)和细体(300)字重。
- 避免使用小而拥挤的排版——截图采用大号、有冲击力的展示文字和易读的正文。
- 避免所有元素都使用圆角——截图显示直角(3-4px)和偶尔药丸形的混合。
- 避免使用鲜艳的多色调色板——截图主要是单色调,配以单一粉色强调。
- 避免将主要操作隐藏在菜单中——截图显示视口底部突出、持久的 CTA。
- 避免: 随意俚语
- 避免: 过于复杂的句子
- 避免: 技术术语
10
包内真实截图












11
System Prompt
Land of Ride 是一个策展高端、活跃假期体验的编辑型旅行平台。设计采用黑白高对比度单色基底(#000000 和 #ffffff),用温暖的米色(#f5f5f5)中和,并采用鲜亮的粉色(#ffc2f7)作为唯一、大胆的编辑强调色。字体方面,展示标题使用 didone-serif,正文使用 transitional-serif,UI 元素使用 grotesque-sans。关键禁忌:避免杂乱布局——设计是宽敞且编辑风格的。避免多种字重——保持常规和细体。避免使用宽泛的调色板——坚持单色基底配单一强调色。