Eclipse

白色基底、胶囊形控件与扁平表面。
页面以白色为基底。字体采用 Barlow Condensed、GT Alpina Condensed。视觉特点包括胶囊形控件、扁平表面、衬线字形、网格布局。适合参考的场景:区块链项目介绍页、生态网站首页。
查看原始网站使用规范
建议采用
- #a1fea0 只用于主要 CTA、激活状态和投资者卡片聚光效果,绝不用作正文或页面背景。
- 展示标题使用 GT Alpina Condensed,字重为 100 或 200,而非 300+。细线衬线是标志。
- 所有按钮、徽章和卡片使用 25px 圆角;100px 只留给导航胶囊 CTA。
- 所有眉题和区块标签使用 Atlas Typewriter、全大写、0.2em 字间距和 12px 字号。
- #000000 边框保持 1px;只有按钮悬停时才加粗到 2px。
- 区块之间至少留出 80px 垂直空间,让设计在色带之间呼吸。
- 每组 CTA 中,绿色主要按钮都直接放在黑色轮廓的次要按钮旁。
建议避免
- 不要引入 #a1fea0、#000000 和 #ffffff 之外的任何颜色。系统刻意采用黑白双色加一种强调色。
- GT Alpina Condensed 字重不要超过 200,更重字重会破坏细线标志。
- 卡片、按钮或插画不要添加投影。平面的墨线轮廓语言就是整体外观。
- 正文不要使用打字机字体。Atlas Typewriter 只留给 12–18px 的标签和眉题。
- 不要使用 4px、8px 或 12px 圆角。所有角都应为 25px 或 100px。
- 正文字号下不要将绿字放在白底,或白字放在绿底。1.2:1 的对比度不满足无障碍要求。
- 不要用铺到边缘的内容打破 1200px 页面列宽。只有首屏和页脚可以超出。