Medium
金色时刻的乳白色报纸
Medium 的功能就像一个移植到网络上的文学阅览室：温暖柔和的背景色 (#f7f4ed) 取代了 SaaS 行业常见的单调白色，让长篇文本读起来如同纸质书页。视觉系统采用极简的单色设计——几乎所有的用户界面、文本和边框都处于 #242424 到 #6b6b6b 的暖灰色区间内——从而将读者的注意力完全集中在内容上。唯一的标志性元素是衬线标题（GT Super，120px，字重 400，字间距 -0.055em），这是一种刻意反潮流的选择：一种过渡风格的衬线字体，经过缩放以适应页面显示，几乎难以察觉，而非醒目的几何无衬线字体，这传递出一个信息：“我们出版的是书籍，而不是软件。” 按钮是近乎黑色的“药丸”状，是页面上唯一纯色的元素。
首页采用双栏布局：左侧栏占据页面约 55% 的空间，标题、副标题和行动号召垂直排列，内部间距充足；右侧栏占据页面约 45% 的空间，包含一个插图面板。左侧栏采用左对齐（而非居中），使页面与阅读轴线保持一致。首页下方是一条全宽的米色条带，底部居中放置链接。首页没有卡片式布局、功能板块或交替条纹——它就是一个完整的页面。内容密度刻意降低：一个标题、一句话、一个按钮、一张图片。这个页面是封面，而非仪表盘。
插图是编辑性的、片段式的，而非系统性的。主页上只有一幅手绘插图（一朵绿花、一只几何形状的手、星座线条），风格随意，略带稚拙。这些插图看起来像是委托创作的，会随季节更换，而不是来自永久图库。主页上没有照片，也没有图标——所有工作都由文字标识和文本完成。视觉语言主要以文字为中心，插图起到标点作用。
调色板
中性的
- Newsprint Cream
#f7f4ed— 页面画布、主窗口背景和部分背景采用温暖的、略带奶油色的色调，营造出印刷界面的感觉，而不是数字界面的感觉。 - Paper White
#ffffff— 卡片表面、凸起面板、表单输入字段以及任何需要与米色画布分离的表面。 - Ink
#242424— 正文、正文、链接、标题——比纯黑色略微偏暖，在米色背景上看起来不错。 - Body Gray
#333333— 辅助文本颜色和默认前景色用于需要比墨水颜色稍浅的颜色，同时又不损失对比度的情况。 - Button Black
#191919— 辅助 UI 元素、分隔线和低调标签支持使用中性色。但中性色不应用于作为行动号召按钮的主色。 - Marginalia Gray
#6b6b6b— 支持辅助用户界面、分隔线和低调标签的中性颜色。
排版
从 13 像素到 120 像素 · 5 步
- medium-content-sans-serif-font — 替代品： Inter · 轮廓 400 · medium-content-sans-serif 字体 - 在提取的数据中发现，但 AI 未对其进行描述。
- GT Super — 替代品： Playfair Display · 轮廓 400 · 标题和正文采用过渡风格的衬线字体，字号极小，字间距紧凑，行距为 0.83。选择 400 字重（非粗体）和 120 像素的字宽是其标志性特征：字形而非字重才是关键。负字间距缩小了视觉上的缝隙，使“人类故事与思想”这一主题呈现出浑然一体的视觉效果。
- Söhne — 替代品： Inter · 轮廓 400 · UI界面采用无衬线字体，用于导航、按钮、副标题和小标题。导航标签和按钮的字号范围为13-14像素；副标题和标题内的辅助文本的字号范围为20-22像素。简洁的无衬线字体比例符合人性化设计，小字清晰易读，大字不突兀。
音程和形式
| 目的 | 意义 |
|---|---|
| 密度 | 平均的 |
| 基本步骤 | 16-24px |
| 按钮半径 | 9999px |
| 卡片半径 | 0px |
| 阴影 | 无边框，取而代之的是阴影 |
| 各部分之间 | 64px |
| 页面宽度 | 1200px |
AI 将按照Medium风格构建您的网站并填充内容。
- 通过链接（ Instagram 、 TikTok 、 Facebook ）发布产品和帖子。
- 从旧网站迁移内容——只需指定地址即可。
- 采用最佳引擎的现代设计： React （ Next.js ），开箱即用服务器端渲染和 SEO 优化。
- 全自动搜索引擎优化，支持搜索结果和神经网络推荐。
相似风格
- Steep — 对暖纸上的衬线字体进行分析
- Newformcap — 更衣室里的社论报纸
- Claude — 一件印在温暖羊皮纸上的艺术品——骨纸上的墨迹，黏土是唯一的色彩。
- 11x– Digital workers — 一片电影化的编辑荒漠——风景全景照片配上气势恢宏的衬线字体标题，读起来就像是豪华杂志的插页。
- Revolut — 这是一幅以云朵照片为基础的单色社论作品——白色墨水、药盒纽扣，以及在一片灰暗世界中出现的一条蓝色条纹。
- Scheduling — 米色纸上的编辑墨水
- Titan — 暖色调单色档案
- Programa — 正午时分，瑞士的一间设计工作室里，白色的画廊墙面被一盏黄色台灯照亮——一切都以灰色为主色调，直到某个按钮、图标或装饰物吸引了你的目光，这时，那一抹黄色点缀便定义了整个房间。
- Sana Agents — 编辑作品中，白色背景上的青柠闪光
- Visual — 温暖的编辑地下出版物。米色纸张，衬线字体海报，单色页边批注，一支黄色马克笔。
- Midday — 羊皮纸材质的编辑手册 - 72像素衬线字体标题，暖石色背景，无衬线字体正文，留有间距，药丸形控件，无阴影
- Chat for impact — 一家绿树成荫、房间色调柔和的诊所