精选 · 开放 · 免费
Enter Support De
为IT支持公司设计的克制型商业标识,采用几何插画与柔和、宁静的配色。
HardwareCalmRestraintEditorialGeometric
01
设计气质 DNA
科技可靠平静支持B2B
整洁有序的车间,或宁静的企业大堂。
02
色彩
#ff5000Accent
#000000Ink
#282828Ink soft
#c4dbd8BG
#f9f8eaBG soft
rgba(0,0,0,0)Line
柔和的主背景搭配高饱和度的点缀色与深色界面元素。
03
字体
grotesque-sans · monospace
- display
28px · 400 - body
16px · 400
等宽字体用于技术标注或特定界面元素。 · 保持清晰、从容的排版节奏。
04
间距
4px
8px
16px
24px
32px
48px
64px
96px
内容块使用充裕的内边距(例如 130px 100px 180px)
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 15px
pill · 999px
未观察到边框。
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
全宽色块过渡至白色内容区域。
07
动效与交互
100msmicro
300mssmall
800msmedium
cubic-bezier(0.1, 2.5, 0.5, 1)easing
几何元素的弹性变换动画。 · 较长结构变化的线性时长动画。
界面元素的颜色过渡。 · 交互元素的弹性变换。
08
组件
- button 深色背景搭配白色文字,圆角(15px半径)。
- card 未观察到卡片组件。
- chip 未观察到标签组件。
- input 未观察到输入框组件。
- hero 全宽色块区域,包含抽象几何插画与精简文字。
09
文案语气与禁用清单
- 语气 专业、平静、令人安心。
- 标题风格 简洁的陈述句式(德语)。
- 按钮文案 直接且功能性强。
- 避免使用投影——截图显示为完全扁平化的界面。
- 避免使用投影——截图显示为完全扁平化的界面。
- 避免使用投影——截图显示为完全扁平化的界面。
- 避免使用复杂渐变——截图显示为纯色块。
- 避免使用装饰性衬线字体——截图显示为纯无衬线体与等宽字体排版。
- 避免使用高饱和度的攻击性背景色——截图采用柔和的青灰色。
- 避免: 营销夸张
- 避免: 攻击性语言
- 避免: 脱离上下文的复杂术语
10
包内真实截图
桌面首屏(hero)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
桌面滚动分段(90% viewport 步进,作为视觉证据)
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
为B2B IT支持公司设计一个平静、可靠的界面。使用柔和的青灰色(#c4dbd8)作为主背景,白色内容区域(#f9f8ea),以及深色界面元素(#282828)。点缀使用鲜明的橙色(#ff5000)。字体采用清晰的无衬线体用于展示/正文,等宽字体用于特定技术元素。避免投影、渐变和攻击性营销语言。使用充裕的间距与简洁的几何插画来传达可靠感。
en · zh-CN · zh-TW · ja · ko