Framer
虚空中的霓虹画廊
Framer 的界面近乎全黑——一片漆黑的画布，内容如同画廊开幕式上的霓虹灯般悬浮其间。标题采用 GT Walsheim Medium 字体，行距紧凑（0.8-1.1），字母间距为负值（54px 处为 -0.04em），营造出一种紧凑而装饰性的字体，使其更具冲击力，而非仅仅静静地躺在页面上。单一的电光蓝 (#0099ff) 为所有功能性元素——边框、发光效果、图标、激活状态——提供了丰富的视觉效果，而界面的其余部分则保持无彩色，依靠微妙的灰色过渡 (#111、#171717、#242424) 从纯黑色中营造出层次感。组件的设计并非徒有其表，而是经过精心考量：8-25px 的圆角半径、1px 的纤细边框、极简的阴影效果以及半透明的表面，让空白区域透出光彩。
全宽版块延伸至黑色画布之外，内容宽度限制在约 1200 像素以内，并居中显示。主版块采用左对齐的标题和单个行动号召 (CTA) 按钮，右侧特意留白——采用非对称设计，而非居中。版块交替使用纯文本布局（大标题 + 副标题）和产品截图。“Framer 附带”版块采用四列网格布局，并配有品牌标识墙。在社区版块中，产品截图放置在一个居中的全宽容器内，容器带有圆角。导航设计极简——顶部有一个细长的导航栏，左侧是品牌标识，右侧是链接，没有可见的控件。版块之间留有明显的 80 像素垂直间距，形成一个个独立的“内容孤岛”，仿佛漂浮在空白之中。
产品用户界面截图占据主导地位——在类似镀铬的窗口（带有交通信号灯圆点）的映衬下，嵌入的应用程序截图成为主要图像。作为品质保证的Logo以白色字体呈现在黑色背景上，间距较大。未使用照片、插图或抽象图形——视觉语言就是产品本身，以生动的界面形式展现。图标风格：极简主义，轮廓分明，单色，白色，尺寸较小。文本密度：以文字为主，偶尔穿插一些产品截图等大图。视觉空间平衡明显偏向文字而非图像。
调色板
品牌
- Vivid Violet
#0066ff— 主操作按钮是界面中唯一显示纯色按钮背景的地方。
中性的
- Bone
#ffffff— 主标题、正文采用深色背景，按钮背景是唯一的光源。 - Void
#000000— 页面画布、导航背景、卡片表面、图标填充——全部都是无尽的黑色，吸收了所有非必要的内容。 - Graphite
#111111— 凸起的卡片表面比空心卡片高一个档次——大型、功能性卡片和模态容器。 - Obsidian
#171717— 用于按钮、附加卡片、UI 填充的中间表面 - 将交互元素与画布分隔开来。 - Slate
#242424— 鼠标悬停时，输入字段和缩进面板会显示最亮的自然色调，然后切换到文本格式。 - Ash
#333333— 对非活动背景图像和结构元素进行深度填充。
排版
从 12 像素到 68 像素 · 8 步
- sans-serif — 替代品： Inter · 轮廓 400 · sans-serif - 在提取的数据中发现，但人工智能未对其进行描述。
- GT Walsheim — 替代品： Inter Tight · 轮廓 500 · 标题和正文标题的字体是品牌字体。它采用极窄的字形，行距为 0.8–1.1，字间距为 -0.04em 至 -0.05em（44–68px 范围内）。它并非装饰性元素；GT Walsheim 的几何美感与严格的字距相结合，塑造了系统独特的风格——自信、简洁且略带未来感。如需类似的几何表现力，可考虑使用 Inter Tight 或 Space Grotesk Bold。
- Inter Variable — 替代品： Inter · 轮廓 400 · 正文、导航和二级标题是网站的核心组件。Inter Variable 轴允许平滑地调整权重。随着尺寸增大，跟踪距离逐渐缩小：从 -0.001em 到 18px，再到 -0.027em 到 22px。可变版本支持网站的平滑微动画效果。替代方案：Inter（ Google ）——一个几乎完全相同的备用方案。
音程和形式
| 目的 | 意义 |
|---|---|
| 密度 | 平均的 |
| 基本步骤 | 10px |
| 按钮半径 | 9999px |
| 卡片半径 | 20px |
| 阴影 | 无边框，取而代之的是阴影 |
| 各部分之间 | 80px |
| 页面宽度 | 1200px |
AI 将按照Framer风格构建您的网站并填充内容。
- 通过链接（ Instagram 、 TikTok 、 Facebook ）发布产品和帖子。
- 从旧网站迁移内容——只需指定地址即可。
- 采用最佳引擎的现代设计： React （ Next.js ），开箱即用服务器端渲染和 SEO 优化。
- 全自动搜索引擎优化，支持搜索结果和神经网络推荐。
相似风格
- Auros — 带有生物发光数据球的深海终端
- Origin Financial — 午夜时分，静谧奢华的画廊。一个安静、近乎昏暗的房间，硕大的衬线字体和几块发光的彩色面板营造出一种感觉：金融是一件精心策划的艺术品。
- Raycast — 午夜指挥中心，珊瑚霓虹灯
- Dimension — 黄昏时分，灯光昏暗的工作台面配有磨砂玻璃面板。
- Reflect Notes — 繁星点点的紫色空间是一个黑暗的天文台，音符像星座一样漂浮在近乎漆黑的靛蓝色空旷背景上。
- Ameba — 午夜时分的控制室——磨砂玻璃面板内闪烁着电蓝色的光芒
- Branding — 黑色画廊墙，血红色点缀——巨大的白色字体漂浮在类似虚空的深色画布上，被一个鲜红色的点缀和醒目的装饰元素打破，看起来更像是画廊的标牌，而不是网页界面。
- Harness — 午夜时分，任务控制中心闪烁着磷光绿光。
- Koto — 午夜的黑曜石画廊。舞台几乎漆黑一片，唯一的暖光是一支黄色马克笔，浓缩的文字像展览海报一样漂浮在广阔的空白空间中。
- Ohzi — 一个发光的立方体悬浮在黑暗的展厅中
- Depot — 一台昏暗的服务器终端。一个近乎全黑的开发者控制台，只有一个绿色 LED 指示灯亮起，表示工作开始，其余用户界面则以石墨色显示。
- Maciej Zadykowicz — 午夜画廊的万花筒壁画是一面近乎黑色的工作室墙壁，其中一幅充满活力、色彩鲜艳的字体艺术作品引人注目，而其他一切都保持安静和精心设计。