OpenDesign·你的设计资产库

网页参考

27Lisboa

一个清洁、极简的托管服务界面,聚焦于中央标志和简单的导航提示。

CleanMinimalCorporateRestraint

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

01

设计气质 DNA

极简企业技术托管服务

一个冷峻的技术加载界面或极简的企业占位符。

02

色彩

#2CB54EAccent
#1A1A1AInk
#FFFFFFBG
#A0A0A0Muted
rgba(0, 0, 0, 0.05)Line

高对比度的极简主义,搭配单一的强调功能色。

03

字体

geometric-sans · humanist-sans

  • display48px · 500
  • body14px · 400

小型功能文本使用全大写。 · 标题使用紧凑的字间距,正文使用标准字间距。

04

间距

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

充裕的留白以强调极简内容,并营造专注、静谧的氛围。

05

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

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

无可见边框;元素通过隔离和接近性来界定。

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

一个居中的垂直堆叠布局,右上角有一个浮动的功能性链接。

07

动效与交互

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

核心元素在页面加载时有微妙的淡入效果。

交互元素上有细微的颜色变化或透明度改变。 · 标准的链接导航。

08

组件

  • button 此视图中不可见。
  • card 此视图中不可见。
  • chip 此视图中不可见。
  • input 此视图中不可见。
  • hero 一个中央英雄区域,由一个大型抽象标志图形和一个简单的描述性标签主导。

09

文案语气与禁用清单

  • 语气 专业、技术化、直接。
  • 标题风格 简洁且功能化,通常双语呈现。
  • 按钮文案 通过清晰、极简的导航来暗示,而非显式的行动号召按钮。
  • 不要使用彩色渐变——截图显示的是纯白背景配黑色文本。
  • 不要使用俏皮或圆润的字体——截图显示的是几何化、结构化的无衬线字体风格。
  • 不要添加装饰性插图或照片——截图仅显示一个极简的抽象标志图形。
  • 不要使用深色模式——截图显示的是以白色为主的背景。
  • 不要创建包含多个部分的复杂布局——截图显示的是单一的、居中的焦点。
  • 不要使用重阴影或 3D 效果——截图显示的是完全扁平的表面。
  • 避免: 过于随意的语言或营销术语。
  • 避免: 装饰性或多余的视觉元素。
  • 避免: 复杂的布局或密集的信息块。
  • 避免: 明亮、多彩的调色板。
  • 避免: 大量使用阴影或纹理。

11

System Prompt

这是一个面向企业、极简风格的托管服务网站,定位为清洁、可靠的技术提供者。关键的十六进制颜色包括背景色 #FFFFFF、主文本色 #1A1A1A,以及单一的强调功能色 #2CB54E。字体使用几何无衬线体作为标题字体,人文主义无衬线体作为正文字体。关键禁忌:绝不使用装饰性渐变,避免圆润/俏皮的字体,不要添加复杂的插图或深色模式。设计依赖于极度的克制、充裕的留白和中央的抽象标志图形,来传达品牌身份,避免视觉杂乱。

把这份品味接进你的 Agent

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

OpenDesign 技能 ↗

复制给 Agent

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