Drizzle ORM

白色基底、手写字体点缀与细线分隔。

页面以白色为基底，搭配蓝色文字。字体采用 ui-sans-serif (Inter / system-ui)、ui-monospace (JetBrains Mono / SF Mono)。视觉特点包括手写字体点缀、细线分隔、分屏构图、网格布局。适合参考的场景：开发者工具官网、API 服务介绍页。

查看原始网站

使用规范

建议采用

每张卡片、每个输入框和区块分隔线采用#e5e7eb（Pebble）、1px；边框承担其他系统中由阴影承担的工作。
卡片、按钮、输入框和图片采用8px圆角，2px仅用于行内徽标和代码标签块。
#3e7ff0（Electric Cobalt）仅用于手写注释叠层与标题级强调，绝不用于按钮或正文链接。
#006be6（Signal Blue）仅用于段落中的行内正文链接，让链接易于发现，但比标题安静。
FirstTimeWriting每页最多用于一处注释，以原生30px字号放在首屏标题上方或旁边。
代码块使用#f6f6f7 Cloud填充、8px圆角和16px ui-monospace，它是一等表面，而非临时拼凑。
区块以64px垂直间隔堆叠，卡片内部元素间隔8–12px，卡片内边距16–24px。

建议避免

不要为卡片或按钮添加投影，系统以边框为主，阴影会破坏笔记本美学。
不要引入额外品牌色；色板是近单色尺度上的两种蓝色，任何新色相都会稀释工作台感。
FirstTimeWriting不要用于导航、按钮、标签或任何功能文字，它只负责活泼注释这一种语气。
UI元素圆角不要超过12px，最大功能圆角为8px，20px+会破坏技术感。
Electric Cobalt注释不要放在深色背景上，手写颜色针对Paper画布校准。
正文不要使用700字重，700仅用于字标、标题和手写叠层。
卡片不要填充图片或渐变；页面保持近单色工作空间，颜色只位于折线图描边和进度条中。

正在读取模板权限…

使用指南

# Drizzle ORM — Style Reference
> Rainwater terminal on graph paper — a clean developer workbench where ink-blue notes float over monochrome code, with little raindrop creatures as the only witnesses.
 
**Theme:** light
 
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.
 
Drizzle ORM presents as a quiet code workshop: a near-monochrome canvas where dark slate text sits on warm-white surfaces, with electric blue appearing only where intention demands it — in handwritten annotations sketched over the page, in performance graphs, and in the occasional code link. The visual language is deliberately restrained but not sterile: raindrop mascots and hand-drawn notes inject personality into an otherwise terminal-like layout, giving the interface a workbench feel rather than a polished marketing surface. Components stay compact and information-dense — thin borders at 8px radius, code blocks that look pasted from a real terminal, and cards that hold metrics rather than decoration. Color is rationed: two near-grays for text layers, one border gray, one bright blue, and the rest is whitespace and charts.

Drizzle ORM

使用规范

建议采用

建议避免

相似设计语言

Twingate

Dovetail

Grafbase

Gleap

Browserbase

Turso