oil-html

给人看的 HTML 分享文档。用来介绍功能、展示产品、做对外演示。

设计基底

白底黑字。背景有微妙的网格纹理和径向渐变，增加质感但不抢内容。整体感觉干净、有呼吸感、像好的产品 landing page。

排版

• 正文 16px，行高 1.85，字间距 0.02em
• 中文字体 Noto Sans SC / PingFang SC，英文 Inter
• 标题用 600-700 weight，正文 400
• 一定要舒服可读，宁可大也不要挤
• 最小可读字号 14px。拟真 UI 卡片内的字段值、标签内容等也不能低于 14px。12px 在实际页面上看不清，宁可卡片大一点也不缩字

配色

黑白灰为底，暖黄是体系里唯一的常驻色——插画里边牧的毛色、插画色块容器（--c-illo）、荧光笔高亮（--c-hl）用的是同一个暖黄色相，贯穿整份文档形成呼应。其他颜色从内容语义出发——平台品牌色、状态色（成功绿、警告黄）。暖黄之外，同一份文档彩色不超过 2 个色相。