Lithic
白色基底、细线分隔与宽松留白。
WalletConnect
近白色基底、大幅摄影展示与胶囊形控件。
页面以近白色为基底，搭配深蓝色文字。局部操作控件以蓝色强调。字体采用 KHTeka、Roboto。视觉特点包括大幅摄影展示、胶囊形控件、圆角卡片、细线分隔。适合参考的场景：技术项目官网、区块链产品介绍页。
查看原始网站使用规范
建议采用
- 所有大型卡片、首屏面板和图像容器都采用40px border-radius；这是系统标志性的柔软感。
- 按钮、输入框和导航元素采用16px border-radius，建立清晰层级：交互元素小圆角，内容元素大圆角。
- 主要文字采用Deep Indigo #1b2045，而非纯黑；温暖藏青色让设计不显生硬。
- Electric Cobalt #006cff保留给首屏面板、横幅条等大表面和填充主要按钮；让它主导一条横带，而非散落为小点缀。
- 正文采用KHTeka 400，UI控件和链接采用500，展示标题采用700；三种字重层级已足够。
- 卡片定义优先采用1px的Mist #e9e9e9边框，而非阴影；系统由边框驱动，而非阴影驱动。
- 页面以1200px max-width居中，并采用64px分区间距，以维持舒适宽敞的节奏。
建议避免
- 文字不要采用纯黑#000000；Deep Indigo #1b2045是系统的深色，混入真正纯黑会破坏温暖色调。
- 大型卡片不要采用8px或12px border-radius；系统从16px控件跳到40px内容，没有中间值。
- 不要采用阴影叠层表现抬升；设计改用表面色和边框，唯一柔和的8px模糊、30%黑色是上限。
- Electric Cobalt #006cff不要用于小文字、图标或链接下划线；品牌色需要表面积才能传达意义，而非像素级存在。
- 主要UI不要混入Roboto；它只保留给弹窗、Cookie横幅和第三方组件等注入式叠加内容，作为系统后备字体出现。
- 平面UI元素不要采用Cobalt Radial渐变；它是蓝色面板的明亮强调，而非按钮或卡片填充。
- 不要让设计显得密集；舒适密度意味着64px分区间距的宽松纵向节奏，以及每个内容块周围的留白。
