Eraser

近黑色基底、居中构图与产品图像展示。

页面以近黑色为基底，搭配浅灰色文字。字体采用 National 2 Condensed、Inter。视觉特点包括居中构图、产品图像展示、单栏阅读排版、网格布局。适合参考的场景：开发者工具官网、API 服务介绍页。

查看原始网站

使用规范

建议采用

将显示标题设置为 National 2 Condensed 700，行高 0.85，字间距在 -0.005em 到 -0.007em 之间
为所有卡片应用 6px 6px 0px 0px 的硬质外框阴影——永远不要使用模糊的阴影
在 Obsidian（#181818）画布上，使用 Bone（#e3e3e3）作为主要文本和主要边框颜色
使用四色强调配色方案为显示标题中的单个词着色：Iris Glow #9985ff、Sky Pulse #94dbff、Saffron Whisper #d6ca6f、Rose Quartz #ffa3c2
按钮使用 4px 半径，中等元素（标签、小卡片）使用 8px，卡片使用 16px，胶囊注解使用 9999px
白色填充的 CTA 与 #181818 文本搭配，并始终附带尾随箭头符号（→）
使用 Iris Glow（#9985ff）边框专门用于 AI 相关面板和提示，以区别于标准 UI

建议避免

永远不要使用软模糊阴影——系统仅使用硬质 6px 实心外框阴影
永远不要将显示行高设得高于 0.9——紧凑的堆叠才是让文字产生建筑感的原因
不要将粉彩强调色作为正文的完整背景——只用于边框、标题词和装饰性表面
不要将 #363054（Violet Deep）用作文本或填充——它仅是阴影色
不要对卡片或按钮应用完全圆润（9999px）的半径——胶囊仅用于浮动注解
不要使用更浅的填充来区分卡片与画布——边框加外框阴影是唯一的层级系统
不要引入新的强调色——四色粉彩配色方案是完整的强调色集

正在读取模板权限…

使用指南

# Eraser — Style Reference
> Neon blueprint on black velvet. A black canvas where luminous pastel words and sticker-shadowed cards float like a wireframe schematic projected onto darkroom paper.
 
**Theme:** dark
 
Source measurements are normalized; roles and recommendations are interpreted. Font summary lists are independent, not paired by position. HTML examples are reconstructions, not source components.
 
Eraser is a technical-drawing canvas rendered as a neon blueprint on black velvet: near-black canvas (#181818), luminous pastel accents dropped onto individual headline words, and a hard 6px solid-offset shadow that gives every card a sticker-like physicality. The display face is a high-contrast condensed grotesque (National 2 Condensed at line-height 0.85) that lets 90px headlines feel architectural rather than decorative. Color is rationed — almost everything is bone-white on obsidian, with violet, sky, saffron, and rose appearing only as small functional punctuation on borders, heading words, and diagram containers. The signature interaction language treats UI surfaces like diagram nodes themselves: colored group containers, floating pill annotations, and a purple-bordered AI prompt panel that sits beside the canvas like a chat companion.

Eraser

使用规范

建议采用

建议避免

相似设计语言

Dovetail

Buddy

Grafbase

BaseHub

Gleap

Browserbase