OpenDesign·你的设计资产库

网页参考

Landofride

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

EditorialPremiumPhotographicCleanProduct

封面待补录,可通过原站查看设计。

01

设计气质 DNA

旅行冒险策展高端编辑

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

02

色彩

#ffc2f7Accent
#000000Ink
#ffffffBG
#f5f5f5BG soft
#514444Muted
rgba(0,0,0,0.1)Line

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

03

字体

didone-serif · transitional-serif

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

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

04

间距

4px
8px
16px
24px
32px
48px
64px
96px

以 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。关键禁忌:避免杂乱布局——设计是宽敞且编辑风格的。避免多种字重——保持常规和细体。避免使用宽泛的调色板——坚持单色基底配单一强调色。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效,整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗

复制给 Agent

参考链接与来源说明,可复制给 Agent。