字体排版
Typography
样式与 CSS也叫：排版、文字排版、字号层级、Type Scale
一句话：对文字的字体、字号、字重、行高、间距和颜色做整体规划，让内容清晰易读、主次分明。
详细解释
排版决定了界面看起来专不专业。主要包括：字体（中文界面一般用系统字体，如苹方、微软雅黑）、字号层级（正文 1416px，小标题 1820px，大标题 2432px）、字重（常规 400，加粗 600）、行高（正文 1.51.8）、段落间距、文字颜色（正文深灰，辅助文字浅灰），以及每行长度（中文每行 30~40 字读起来比较舒服）。
关键是少而统一：一个产品通常只需要 46 个字号、23 种字重，定义成一套字体层级，所有页面复用，而不是每处随手写一个字号。
跟 AI 提需求时可以直接给出这套层级，或者说「使用 Tailwind 的 text-sm、text-base、text-xl 层级」。
示例
灰度线框示意，只表达结构，不代表具体视觉风格。
怎么跟 AI 说
可以直接贴给 Cursor、Claude Code 等工具，把里面的业务内容换成你自己的。
请统一全站字体排版：使用系统默认中文字体；正文 16px、行高 1.7、颜色 #424242；辅助文字 14px、颜色 #757575；小标题 20px 半粗，大标题 28px 加粗；文章正文区域最大宽度 680px，段落间距 16px。