01
设计气质 DNA
极简企业技术托管服务
一个冷峻的技术加载界面或极简的企业占位符。
02
色彩
#2CB54EAccent#1A1A1AInk#FFFFFFBG#A0A0A0Mutedrgba(0, 0, 0, 0.05)Line高对比度的极简主义,搭配单一的强调功能色。
03
字体
- display
48px · 500 - body
14px · 400
小型功能文本使用全大写。 · 标题使用紧凑的字间距,正文使用标准字间距。
04
间距
4px8px16px24px32px48px64px96px充裕的留白以强调极简内容,并营造专注、静谧的氛围。
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。字体使用几何无衬线体作为标题字体,人文主义无衬线体作为正文字体。关键禁忌:绝不使用装饰性渐变,避免圆润/俏皮的字体,不要添加复杂的插图或深色模式。设计依赖于极度的克制、充裕的留白和中央的抽象标志图形,来传达品牌身份,避免视觉杂乱。