开发者工具设计系统
提取自开发者工具和基础设施网站的设计系统：托管、数据库、API、IDE 和 DevOps 产品。许多网站偏爱深色界面、等宽字体点缀，把代码块当作一等组件来设计，字体排版紧凑而有技术感。
此分类中有 3 个 DESIGN.md 示例，来自 Neon、Railway 和 Supabase。提取自各网站的公开页面，并非官方品牌规范。刚接触这个格式？请阅读什么是 DESIGN.md。
Neon
Neon 的设计系统以深色为先，是一个面向开发者的品牌。页面以近黑色底色为主（#000000、#18191b），搭配醒目的霓虹绿主色（#00e599）和中间层级的绿色辅助色（#34d59a）。排版体系将 Inter 用于界面与正文，GeistMono 用于代码与数据，两者都采用紧凑的负字间距。间距遵循 4px 基础网格。圆角统一保持在极简的 4px。层级主要通过边框对比来体现，而非阴影，仅偶尔使用一层环境投影。首屏区域采用铺满整个画布的动态数据可视化背景，进一步强化了其数据库与基础设施的品牌形象。
Railway
Railway 的设计系统是一套以深色为主的开发者平台界面，底色是近乎黑色的深海军蓝（#13111c、#0b0b0f），文字采用高对比度的米白色（#f7f7f8），品牌强调色为独特的紫色（#853bce / #553f83）。首屏使用 IBM Plex Serif 呈现编辑式的厚重感，界面文案统一使用 Inter，代码场景则使用 JetBrains Mono 与 SF Mono。层级关系主要依靠内嵌的白色发光描边（rgba(255,255,255,0.2) 1.5px inset）来实现，而非投影，使界面呈现玻璃面板般的质感。间距系统以 4px 为基础，节奏紧凑而明确，常用 8/12/16/24/32。圆角普遍较小，以 4px 为主，卡片与首屏容器则有选择地使用 8px 和 16px。
Supabase
Supabase 采用以深色为先的设计系统，以接近纯黑的深色背景（oklch 约 0.19）为基底，搭配鲜明的绿色品牌强调色（#3ecf8e / #3fcf8e）。版面以响应式功能卡片网格组织，展示型标题使用 Manrope，正文与界面文字使用 Inter。所有等宽字体与代码场景均采用 Source Code Pro。色彩体系基于 oklch 自定义属性构建，并采用语义化命名。卡片圆角为 12px，边框处理较为柔和；按钮圆角为 6–8px。整体信息密度适中，基础间距遵循 8px 网格。