01
设计气质 DNA
去中心化全球自主网络基础设施
一个简洁、具有指引性的去中心化网络公共门户。
02
色彩
#6C24E0Accent#121212Ink#616161Ink soft#FFFFFFBG#F7F7F7BG soft#F2EBFFBG quiet#8C8C8CMutedrgba(207, 207, 207, 1)Line以白色为主导的布局，搭配紫色强调色与柔和的灰度层次。
03
字体
- display
56px · 900
04
间距
4px8px14px16px24px32px48px1.6 倍比例
05
表面 (圆角 / 阴影 / 边线)
sm · 4px
md · 8px
lg · 24px
pill · 999px
1px solid rgba(207, 207, 207, 1)
0 1px 1px 0 rgba(0, 0, 0, 0.1)
06
布局
1280container
12columns
24pxgutter
768 / 1024breakpoints
全宽主视觉图片，下方居中文本内容。
07
动效与交互
150msmicro
300mssmall
500msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing
hover 颜色过渡 · 交互元素的形变/缩放
交互元素的颜色过渡。 · 通过形变提供视觉反馈。
08
组件
- button 紫色胶囊形按钮，白色文字。
- card 浅色边框卡片，圆角与柔和阴影。
- chip 胶囊形标签选择器。
- input 带图标与键盘快捷键的搜索栏。
- hero 全宽插画，配居中粗体标题。
09
文案语气与禁用清单
- 语气 教育性、易用且权威。
- 标题风格 粗体、陈述式、以用户为中心。
- 按钮文案 直接且鼓励性，例如「从这里开始」。
- 勿使用深色模式——截图显示以白色为主背景。
- 勿使用高对比度霓虹色——截图显示柔和的紫色强调色（#6C24E0）。
- 标题勿使用衬线字体——截图显示粗体无衬线人文主义字体。
- 勿使用厚重投影——截图显示极简、柔和的阴影。
- 勿使用紧凑密集的布局——截图显示充足留白与清晰韵律。
- 勿使用装饰性边框——截图使用细微的 1px 边框。
- 避免: 技术术语
- 避免: 复杂性
- 避免: 深色主题
- 避免: 侵略性营销
10
包内真实截图
11
System Prompt
这是 ethereum.org 主页，一个简洁且富有教育意义的以太坊生态系统中心。设计内核沉静、易用且权威，采用以白色为主导的配色方案，搭配鲜明的紫色强调色（#6C24E0）与灰度层次（墨色 #121212，次要文本 #616161）。字体采用人文主义无衬线体用于标题与正文，代码使用 IBM Plex Mono。关键禁忌：避免深色模式（网站为浅色主题）、避免高对比度霓虹色、避免装饰性复杂元素。布局宽敞居中，专注于清晰的教育内容，使其成为去中心化金融与技术的重要参考。