OpenDesign·你的设计资产库

网页参考

Orson

一个以信赖为核心的高端机构网站,运用温暖的有机渐变和精致的衬线字体排版。

AgencyEditorialPremiumWarmClean

预览暂时不可用,请通过原站查看。

01

设计气质 DNA

信赖温暖亲和专业精致

一个具有温暖、人性化触感的现代设计工作室或高端创意机构。

02

色彩

#3D3526Ink
#FFFBF0BG
rgba(61, 53, 38, 0.1)Line

温暖的极简主义,在柔和的米白色画布上,运用有机、高饱和度的点缀色。

03

字体

transitional-serif

  • display64px · 400
  • body16px · 400

标题采用精致的过渡衬线体,字重较轻。 · Logo 使用与标题相同的衬线字体。 · 文字统一使用单一的深暖色调,以在渐变背景上获得最佳可读性。

04

间距

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

充足的留白,让有机渐变形状得以呼吸。

05

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

sm · 0px
md · 0px
lg · 0px
pill · 999px

无可见边框;通过颜色、形状和间距实现分隔。

06

布局

1440container
12columns
24pxgutter
768 / 1024breakpoints

全屏沉浸式英雄区域,内容叠加在动态柔和渐变背景上。

07

动效与交互

200msmicro
400mssmall
800msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

背景渐变形状上微妙、流畅的动画或视差效果。 · 文字元素温和的淡入或滑入效果。

菜单图标的透明度或缩放发生微妙变化。 · 交互元素采用标准的状态切换。

08

组件

  • button 右上角极简的汉堡菜单图标(三条线)。
  • hero 全视口区域,由一个大面积、柔边缘、高饱和度的黄色有机形状主导,该形状在米白色背景上流动。

09

文案语气与禁用清单

  • 语气 自信、温暖、专业且令人安心。
  • 标题风格 简洁、价值驱动的陈述句(例如,'Building Trust')。
  • 按钮文案 微妙且融合,可能是基于文字或极简图标。
  • 不要使用深色背景——截图显示的是浅色、温暖的米白色基底。
  • 不要使用锐利的几何背景形状——截图显示的是柔和、有机的模糊渐变。
  • 不要为按钮或文字使用鲜艳、高色度的点缀色——截图仅显示深色文字置于暖色背景上。
  • 不要为标题使用无衬线字体——截图明确显示 logo 和标题都使用了精致的衬线体。
  • 不要用众多 UI 元素堆砌界面——截图显示的是一个非常极简的布局,仅有 logo、菜单图标和标题。
  • 不要使用生硬的投影——截图没有阴影,完全依靠颜色和形状对比。
  • 避免: 激进的推销语言或夸大其词。
  • 避免: 冰冷、过于技术性的行话。
  • 避免: 刺眼、冲突的配色方案。
  • 避免: 元素众多、互相竞争的杂乱布局。

11

System Prompt

这是一个以信赖为核心的高端机构或品牌网站。它采用温暖的极简配色,以柔和的米白色背景(#FFFBF0)和深暖棕色文字(#3D3526)为中心。英雄区域包含大面积的、有机的、模糊的黄色渐变形状(#FBBB3C),营造出温暖和亲和感。排版完全使用精致的过渡衬线体,用于 logo 和标题,传递出一种既定的信赖感和品质感。关键禁忌:避免深色模式、避免锐利的几何形状、避免为标题使用无衬线字体、避免界面拥挤、避免生硬的阴影、避免使用多种点缀色。布局干净、宽敞,让有机的背景形状成为主要的视觉焦点。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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