Letters
清晨，我在一家露天诊所接受诊疗——一张洁白的诊疗台，上方是柔和的蓝色天花板，散落着手术用的蓝色器械。
Letters 是一款医疗信函写作工具，其开篇采用渐变天空般的标题——柔和的蓝色条纹营造出平静而专业的氛围——随后过渡到简洁的白色工作区。该系统采用单色设计：纯净的白色画布、近乎黑色的文本（#070709）、深色的药丸形行动号召按钮，以及漂浮在微妙阴影之上的圆形卡片。一种亮蓝色（#2597d0）仅用于功能性标点符号——图标、微型图形、波形播放器——绝不会用于按钮或大面积填充。字体采用 Open Runde，这是一款几何人文主义无衬线字体，在大屏幕尺寸下具有较大的负间距（80px 时为 -0.04em），将标题压缩成醒目的块状。组件轻盈如医疗器械：纤细的边框、宽敞的卡片间距、药丸形按钮，以及巧妙的立体感运用，使天空般的标题能够更好地传递情感。
首页采用天蓝色渐变色，横跨整个页面宽度，标题和副标题居中，下方设有行动号召按钮。首页平滑过渡到白色内容区域，各部分之间留有充足的间距（80-120像素）。特色版块采用两列网格布局，由大小相同的圆形大卡片（半径18-32像素）组成。版块标题始终居中，位于卡片网格上方的单列中。导航栏为固定的白色顶部栏，居中排列着一系列链接，登录操作右对齐。整体设计节奏流畅，以一条简洁的主条纹为主，白色和#f5f5f5色区域交替出现，并保持垂直方向的留白。页面没有侧边栏、没有超级菜单、没有不对称布局——整体感觉就像一个平静对称的列。
视觉设计几乎完全聚焦于产品的用户界面——没有生活照，也没有抽象的3D渲染图。视觉语言围绕产品卡片构建，展示应用程序的原生界面：文档的“修改前”和“修改后”对比图、带有虚线边框的加载区域以及波形图形式的音频播放器。唯一的氛围视觉元素是主图中的天空渐变。图标采用扁平化的单色#2597d0线条图标（信封、麦克风、勾号），线条粗细统一，没有填充变化。插图风格克制：产品模型展示在白色背景上，略微旋转以营造景深，但绝不会大幅倾斜。手写字体（The Doctor）是唯一自然/手工元素，仅用于在“修改前”卡片上营造出类似临床手写的视觉效果。
调色板
品牌
- Surgical Blue
#2597d0— 图标、麦克风图标、声波播放器和小的功能性装饰元素，在整个界面中营造出一种统一的色彩感。
中性的
- Obsidian
#070709— 正文、填充的号召性用语按钮和深色 UI 元素——选择接近黑色而不是纯 #000 的颜色，以柔化与白色背景的对比度。 - Paper White
#ffffff— 页面背景、卡片表面和按钮文本是主元素下方所有部分的主要画布。 - Cloud Gray
#f5f5f5— 额外的卡片表面和分区背景将功能模块与主画布分隔开来。 - Sky Tint
#d7e6f5— 纸板画框的颜色和表面几乎难以察觉的蓝色调营造出一种氛围感，而不是灰蒙蒙的感觉。 - Charcoal
#60606c— 主要文本、次要文本和柔和的边框——非标题内容采用主导的中性色。 - Slate
#8b8b8b— 次要文本和非活动边界状态 - 用于指示位置并确保残疾人士的无障碍访问。
排版
从 12 像素到 80 像素 · 8 个步骤
- sans-serif — 替代品： Inter · 轮廓 400, 700 · sans-serif - 在提取的数据中发现，但人工智能未对其进行描述。
- Open Runde — 替代品： Inter Tight · 轮廓 400, 500, 600, 700, 900 · 标题和导航的主要字体为几何人文主义字体，大字号下字母间距较小；80px 字号下 -0.04em 的间距可将标题压缩成一个清晰醒目的块。适用于所有标题、导航和正文。
- Inter — 替代品： system-ui · 轮廓 400, 500 · 辅助正文和用户界面文本——用于小型标题、导航元素和行内链接，旨在营造更中性的阅读节奏。与 Open Runde 字体搭配使用，可形成层次对比。
音程和形式
| 目的 | 意义 |
|---|---|
| 密度 | 稠密 |
| 基本步骤 | 12-16px |
| 按钮半径 | 100px |
| 卡片半径 | 18px |
| 阴影 | 无边框，取而代之的是阴影 |
| 各部分之间 | 80-120px |
| 页面宽度 | 1200px |
AI 将按照Letters风格构建您的网站并填充内容。
- 通过链接（ Instagram 、 TikTok 、 Facebook ）发布产品和帖子。
- 从旧网站迁移内容——只需指定地址即可。
- 采用最佳引擎的现代设计： React （ Next.js ），开箱即用服务器端渲染和 SEO 优化。
- 全自动搜索引擎优化，支持搜索结果和神经网络推荐。
相似风格
- Integrated Biosciences — 午夜生物发光实验室
- Mintlify — 玻璃桌上方是一片云花园。手绘的天空与纪录片画面交相辉映——这是色彩与概念碰撞的唯一一处，之后画面便会褪成一片肃穆的白色。
- Gleap — 工作室以温暖的奶油色调装饰，并点缀以石墨色——哑光黑色墨点仿佛漂浮在亚麻布建筑之上。
- Render — 这款设计采用拉丝铝材质。界面简洁明快，如同几何工程文档一般——留白、纤细的线条，以及一条醒目的紫色线条，引导用户关注操作。
- Grafbase — 冷大理石上的工程图纸
- Slash — 午夜金库，内有镀金账簿
- Modal — 昏暗的服务器机房里，一个发光的终端机——唯一的光源是明亮的绿色。
- Whimsical — 淡紫色背景上的浓郁李子色墨水——这是一款既可作为创意工作室笔记本，又可作为技术白板的笔记本。
- AgentQL — 夜幕降临，航站楼上空出现北极光
- Alveos One — 一个用河石砌成的温馨避风港——一间静谧柔和的冥想室，柔和的灯光下，一件石墨制品静静地躺在琥珀色的光晕中。
- GitHub — 带有生物发光控制点的太空指挥面板——一个黑暗、充满神秘感的工作空间，一道绿光指引着前进的方向。
- Buddy — 一张绘制在方格纸上的工程图。白色的图纸表面用近乎黑色的墨水画着几乎看不见的网格，并饰以荧光亮绿色的标记和虹彩渐变笔触。