精选 · 开放 · 免费

Landofride

一个策展高端、活跃假期体验的编辑型旅行平台。

01

设计气质 DNA

一本为活跃冒险精心策划的高端旅行杂志。

02

色彩

以黑白高对比度单色为基底，用温暖的米色中和，并采用鲜亮的粉色作为唯一、大胆的编辑强调色。

03

字体

didone-serif · transitional-serif

• display120px · 400
• heading48px · 400
• body16px · 400
• caption12px · 400

大号展示文字使用 didone-serif。 · 正文使用 transitional-serif。 · UI 元素和小标签使用 grotesque-sans。 · 大写标签使用宽字距。

04

间距

以 4px 为基础单位，采用充足的垂直间距，强调元素间的呼吸空间。

05

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

细实线黑色边框，使用克制，常置于元素底部。

rgba(0,0,0,0.32) 3px 3px 8px 0px · rgba(0,0,0,0.25) 0px 4px 10px 0px

06

布局

居中、杂志风格布局，配有大型全宽首屏图像和充足的垂直留白。

07

动效与交互

悬停时微妙的不透明度和颜色过渡。 · 交互元素的平滑变换过渡。

微妙的颜色或不透明度变化。 · 轻微的变换或不透明度反馈。

08

组件

• button 高对比度药丸形按钮，深色背景配浅色文本。
• card 以图像为主、字体大胆叠加的大型编辑卡片。
• chip 用于分类的小型大写文本标签。
• input 简约、干净的输入框，带有微妙边框。
• hero 全出血、沉浸式摄影首屏区域，配有大型居中文本叠加。

09

文案语气与禁用清单

• 语气 富有憧憬、描述性强且高端。
• 标题风格 大号、加粗，常直接叠加在图像上。
• 按钮文案 直接且以行动为导向（例如“选择目的地”、“选择座驾”）。

• 避免使用杂乱或拥挤的布局——截图显示的是宽敞、编辑风格的布局，留白充足。
• 避免使用多种字重——截图主要使用常规（400）和细体（300）字重。
• 避免使用小而拥挤的排版——截图采用大号、有冲击力的展示文字和易读的正文。
• 避免所有元素都使用圆角——截图显示直角（3-4px）和偶尔药丸形的混合。
• 避免使用鲜艳的多色调色板——截图主要是单色调，配以单一粉色强调。
• 避免将主要操作隐藏在菜单中——截图显示视口底部突出、持久的 CTA。
• 避免: 随意俚语
• 避免: 过于复杂的句子
• 避免: 技术术语

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

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