Steep
对暖纸上的衬线字体进行分析
Steep 将分析数据以编辑内容的形式呈现——Signifier 衬线字体的标题悬浮在近乎单色的白色画布之上，一抹温暖的桃色 (#fbe1d1) 点缀着原本单调的系统。页面阅读起来就像一本产品杂志：大号手写体，充足的文本空间，带有 24px 圆角的卡片，以及与表面齐平的药丸形控件。组件给人以平静轻盈之感——阴影柔和，边框纤细，色彩用于强调功能（桃色标注，桃色背景上的深棕色文字）。产品界面（区域表、激活图、AI 构建器）以浮动元素的形式围绕页眉呈现，而不是嵌套在仪表盘的框架内。
页面布局最大宽度为 1200 像素，居中显示，主要版块几乎占据整个页面宽度，但仍位于容器内。主布局包含一个居中的标题（采用大号衬线字体）、一个副标题和两个药丸按钮，周围环绕着四个浮动的产品描述卡片（左上角为区域表格，右侧为注册卡，左下角为激活图，底部中央为 AI 编辑器），这些卡片以不同的偏移量覆盖在白色画布上。各版块的背景交替使用“纸白”和“卡片迷雾”两种颜色，营造出一种平静的节奏感，对比度适中。功能版块采用双栏布局，文本和 UI 元素之间留有 80 像素的宽垂直间距。导航栏为一个透明的顶部栏（无背景、边框或阴影），左侧是徽标，中间是导航链接，右侧是两个行动号召按钮（文本链接 + 实心药丸按钮）。整体布局紧凑，版块之间留有空间，内容不会挤占页面边缘。
视觉设计以产品为中心，而非以生活方式为中心：浮动式用户界面元素（包含五行数据的区域表格、显示八月至十一月激活情况的折线图、环形进度条、AI输入框）以裁剪后的屏幕截图形式围绕编辑标题排列。没有照片、插图或抽象图形。所有视觉产品元素都放置在带有细边框和柔和阴影的白色浮动卡片上。头像圆圈内有一个小小的光标方向指示器——这一视觉元素象征着实时交互。主要构图是文本和用户界面元素的拼贴，而不是居中标题搭配素材图片。
调色板
中性的
- Ink Black
#17191c— 系统中只有正文、填充的按钮背景和导航徽标是深色表面；正文中的所有行动号召和标题都出现在这种近乎黑色的背景下。 - Paper White
#ffffff— 页面画布、按钮文字和压纹卡片表面是主要的背景色调，大约有 76 个频率点。 - Mist Gray
#f2f2f3— 卡片表面、附加背景、输入字段填充——纸张下方的不可见图层，用于嵌入内容。 - Fog White
#fafafb— 为交替部分和悬停表面添加额外的页面背景——比纸张高一个层次，以创建微妙的条纹变化。 - Slate Gray
#777b86— 链接颜色、弱化辅助文本、页脚文本 - 在主要文本和无法包含的文本之间放置一种冷色调的、低饱和度的灰色。 - Ash Gray
#979799— 附加标签、类别标签（市场营销、财务、销售）——比链接颜色浅一个色阶。
排版
从 15 像素到 90 像素 · 8 步
- Signifier — 替代品： GT Sectra · 轮廓 400 · 标题和标题的衬线字体——仅用于 H1/H2，有三种字号；所有字重均为 400（常规），这是其标志性选择：衬线字体轻声细语，而不是像粗体字那样喧闹。
- Sohne — 替代品： Inter · 轮廓 400, 430, 450, 480, 500 · 主要字体、界面字体和导航字体用途广泛，涵盖从元数据到副标题的所有内容；半阶梯式字重（430、450、480）创建了一种微妙的层次结构，而不会突然变成粗体。
音程和形式
| 目的 | 意义 |
|---|---|
| 密度 | 平均的 |
| 基本步骤 | 8px |
| 按钮半径 | 9999px |
| 卡片半径 | 24px |
| 阴影 | 无边框，取而代之的是阴影 |
| 各部分之间 | 80px |
| 页面宽度 | 1200px |
AI 将按照Steep风格构建您的网站并填充内容。
- 通过链接（ Instagram 、 TikTok 、 Facebook ）发布产品和帖子。
- 从旧网站迁移内容——只需指定地址即可。
- 采用最佳引擎的现代设计： React （ Next.js ），开箱即用服务器端渲染和 SEO 优化。
- 全自动搜索引擎优化，支持搜索结果和神经网络推荐。
相似风格
- Newformcap — 更衣室里的社论报纸
- Claude — 一件印在温暖羊皮纸上的艺术品——骨纸上的墨迹，黏土是唯一的色彩。
- 11x– Digital workers — 一片电影化的编辑荒漠——风景全景照片配上气势恢宏的衬线字体标题，读起来就像是豪华杂志的插页。
- Revolut — 这是一幅以云朵照片为基础的单色社论作品——白色墨水、药盒纽扣，以及在一片灰暗世界中出现的一条蓝色条纹。
- Scheduling — 米色纸上的编辑墨水
- Titan — 暖色调单色档案
- Programa — 正午时分，瑞士的一间设计工作室里，白色的画廊墙面被一盏黄色台灯照亮——一切都以灰色为主色调，直到某个按钮、图标或装饰物吸引了你的目光，这时，那一抹黄色点缀便定义了整个房间。
- Sana Agents — 编辑作品中，白色背景上的青柠闪光
- Visual — 温暖的编辑地下出版物。米色纸张，衬线字体海报，单色页边批注，一支黄色马克笔。
- Midday — 羊皮纸材质的编辑手册 - 72像素衬线字体标题，暖石色背景，无衬线字体正文，留有间距，药丸形控件，无阴影
- Chat for impact — 一家绿树成荫、房间色调柔和的诊所
- Handhold — 温暖的羊皮纸质感，衬线几乎难以察觉——这是一整版编辑排版，手工排版，没有丝毫色彩干扰，其中最精致的200磅衬线字体传达了完整的信息。