精选 · 开放 · 免费
Cosmos Network
面向构建可互操作、自主可控金融系统的企业级区块链解决方案。
FintechDeveloper ToolsSaaSDark ModeBold Typography
01
设计气质 DNA
区块链企业级账本自主可控互操作性
面向全球金融基础设施的高安全性高科技指挥中心。
02
色彩
#22E6A8Accent
#FFFFFFInk
#808080Ink soft
#000000BG
#181818BG soft
rgba(128,128,128,0.5)Line
采用单一薄荷绿点缀的高对比暗色调，深黑底色搭配纯白文字，辅以柔和灰度呈现次要信息。
03
字体
geometric-sans · monospace
- display
56px · 400 - h2
40px · 400 - body
16px · 400
统一使用“The Future”几何无衬线字体，保持清晰现代且高度易读的视觉层级。 · 保持400字重以营造轻盈专业的整体气质。 · 大尺寸展示文本采用紧凑字距，形成更具凝聚力与冲击力的视觉块。
04
间距
4px
8px
12px
16px
24px
32px
48px
64px
96px
基于4px的统一网格系统，确保元素间距规整，主要区块与布局容器采用更大倍数间距。
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 20px
pill · 9999px
极简功能型设计，主要使用1px边框构建导航与按钮的结构轮廓。
无
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
全宽首屏采用左文右图的双栏分割，后续为居中单栏内容区域搭配水平卡片布局。
07
动效与交互
150msmicro
200mssmall
300msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
交互元素背景色、边框色与填充色的平滑过渡。 · 按钮与链接悬停状态的基于变换的动画（缩放、位移）。 · 元素淡入淡出的透明度过渡效果。
按钮、导航链接等交互元素采用微妙的背景色变化与基于变换的缩放效果。 · 通过微缩放变换与色彩过渡提供即时反馈。
08
组件
- button 药丸形按钮，白底黑字，配有小型“+”图标与微妙圆角处理。
- card 水平卡片采用柔和灰白背景与圆角，呈现清晰的从左至右视觉流（图标、标题、描述、徽章）。
- chip 小型药丸形标签，浅灰底色搭配深色文字，用于分类标识。
- input 简约文本输入框，采用最小化样式设计，强调清晰排版与充足内边距。
- hero 高冲击力暗色区域，左侧为大比例排版，右侧为精密的多层线条标注点线地球插图。
09
文案语气与禁用清单
- 语气 权威、专业且前瞻，强调安全性、可扩展性与全球影响力。
- 标题风格 粗体大比例宣言式文案，清晰传达核心价值主张。
- 按钮文案 直接行动导向，采用“联系我们”等简短措辞搭配醒目药丸形按钮。
- 避免使用鲜艳多彩渐变——截图显示为高对比度暗色主题搭配单一薄荷绿点缀。
- 避免使用厚重装饰性字体——截图显示为简洁的几何无衬线字体且保持统一字重。
- 避免按钮与卡片使用尖锐直角——截图显示为柔和圆润的药丸形元素。
- 避免首屏使用繁杂摄影背景——截图显示为风格化的技术点线地球插图。
- 避免过度使用投影或3D效果——截图显示为平面化表面设计与最小深度感。
- 避免使用局促的小间距——截图显示为充裕的内边距与清晰的元素分隔。
- 避免使用多彩配色——截图显示为黑、白、灰搭配单一强调色的有限调色板。
- 避免: 避免过度口语化或俚语表达。
- 避免: 避免过度使用感叹号或夸张修饰词。
- 避免: 避免未经解释的复杂术语堆砌。
- 避免: 避免干扰核心信息的杂乱布局。
10
包内真实截图
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（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
设计一个精致的企业级区块链技术网站。采用深黑（#000000）背景，搭配高对比度白色（#FFFFFF）文字与柔和灰色（#808080）次要元素。点缀单一鲜明薄荷绿（#22E6A8）作为关键高光。使用简洁几何无衬线字体（如'The Future'）与紧凑专业字号系统。严格遵循4px间距网格，采用柔和药丸形组件。布局需包含强视觉冲击力的双栏首屏（技术插图+文字）与清晰的单栏水平卡片内容区。确保所有交互采用0.2秒微妙过渡实现流畅体验。聚焦清晰度、权威感与高端未来主义美学。禁用厚重阴影、尖锐直角或杂乱多彩调色板。
en · zh-CN · zh-TW · ja · ko