01
设计气质 DNA
云运维基础设施开发者现代
一个用于云运营的数字包豪斯工作室
02
色彩
#0A65DBAccent#000609Ink#FFF9F0BG#BFB1A3Mutedrgba(0, 6, 9, 0.1)Line高对比度几何配色方案：暖色奶油基底搭配主色点缀
03
字体
- display
116px · 700 - display-md
80px · 700 - body
18px · 400
04
间距
4px8px16px24px32px48px64px96px慷慨的垂直留白，版块内边距为 120px-128px
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 12px
pill · 9999px
按钮采用 1px solid rgba(0, 6, 9, 0.1) 边框，激活状态采用 3px solid 边框
06
布局
1280container
12columns
32pxgutter
768 / 1024breakpoints
全出血英雄区，采用文字/图形非对称分割
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
全局应用 transition: all
交互元素具有微妙的状态变化 · 即时响应
08
组件
- button 胶囊形轮廓按钮，配以粗黑边框和加粗文字
- card 不适用 - 布局使用图形构成而非传统卡片
- chip 不适用
- input 不适用
- hero 大型分割布局，包含两行加粗标题和几何图形构成
09
文案语气与禁用清单
- 语气 专业且平易近人
- 标题风格 加粗、直接、聚焦于益处
- 按钮文案 简洁的胶囊按钮搭配清晰的动作动词
- 避免使用深色背景 — 截图显示的是暖奶油色 (#FFF9F0) 基底
- 避免使用衬线字体 — 截图显示的是几何与人文无衬线字体
- 避免使用带投影的圆角卡片 — 截图显示的是无阴影的扁平几何构成
- 避免使用柔和、低饱和度的颜色 — 截图显示的是高饱和度的主色点缀（蓝、橙、黄）
- 避免使用渐变背景 — 截图显示的是纯色平涂和几何形状
- 避免使用纤细、轻盈的字体 — 截图显示的是加粗 700 字重、紧缩字距的标题
- 避免使用标准矩形按钮 — 截图显示的是带有粗黑边框的胶囊形按钮
- 避免: 充满术语的语言
- 避免: 暗色模式美学
- 避免: 照片级写实图像
10
包内真实截图
11
System Prompt
EarlyDog 是一家采用包豪斯启发视觉系统的云基础设施 SaaS 公司。配色以暖奶油色 (#FFF9F0) 为中心，搭配高对比度黑色 (#000609) 文字和蓝色 (#0A65DB)、橙红色 (#EF4C2C) 及黄色 (#FFD100) 的鲜艳几何点缀。字体方面，展示性文字使用几何无衬线体，正文使用人文无衬线体，标题采用极粗字重 (700) 并设置充裕行高。关键禁忌：切勿使用深色背景，切勿使用衬线字体，切勿为元素添加投影，切勿使用渐变填充，切勿使用纤细字重。布局偏好非对称分割，强调大型图形构成，而非传统的基于卡片的设计。