Seline Analytics
温暖的纸张上摆放着一张安静的分析表格。
Seline 字体以温暖的石色背景 (#fafaf9) 为衬托，点缀以一抹亮眼的蓝色——其他颜色均为中性色，均取自 Tailwind 的石色调色板。标题采用定制的几何无衬线字体 (roobert)，字重 400，字间距较窄，赋予文本一种悠闲、近乎低语般的自信，与 SaaS 产品常见的张扬风格形成鲜明对比。用户界面采用扁平的白色卡片，悬浮于温暖的背景之上，并带有柔和的 16 像素模糊效果；边框由纤细的 1 像素石色线条构成，巧妙地用作主要结构元素，而非厚重的分隔线或面板。布局流畅自然：全宽内容居中排列，垂直方向的节奏感十足，搭配药丸状的交互控件、个性鲜明的吉祥物插图以及作为产品展示的仪表盘截图。整体印象是编辑式的分析风格：冷静、单色调、自信，蓝色的行动号召按钮在其他元素的刻意克制下，成为页面上最引人注目的亮点。
页面宽度最大，居中显示，高度约为 1200 像素，并留有充足的垂直空间。首页醒目位置是一行左对齐的两行文字，其中包含一句高亮显示的蓝色短语“简单有效”。紧接着是一行包含两个行动号召（蓝色药丸和灰色药丸）的文字，然后是一行灰度合作伙伴徽标，再往后是一行信任评级，最后是一个全宽浮动仪表盘预览，略微与下一部分重叠。页面下方是单列网格中交替排列的客户评价，之后是包含功能描述、左对齐文本和居中产品图片的全宽版块。导航栏采用极简设计——左侧是徽标，中间是居中的导航链接，右侧是登录按钮和蓝色行动号召——导航栏中间是一组浮动头像，用于身份验证。各部分之间的间距较大（96 像素），旨在营造一种流畅的阅读节奏，避免信息过于密集。
视觉语言以产品用户界面截图为主——仪表盘预览是一张经过灰度（1）（0.94）对比度滤镜渲染的照片，将数据色彩柔和化为单色调。唯一的人物形象是一个线性吉祥物贴纸（一个戴兜帽的角色），采用SVG风格绘制，仅包含轮廓，每个部分放置一次，作为对分析内容的趣味性对比，并带有柔和的阴影，营造出类似贴纸的立体效果。品牌标志和字形均为黑色小火花/火焰。没有照片——没有生活照、团队照或环境图片。对象（仪表盘）才是主角。所有装饰性图标均为1像素轮廓样式，颜色为#0c0a09或#3ba6f1，从未填充。
调色板
品牌
- Cyan Signal
#3ba6f1— 页面上仅有的主要行动号召、有效链接和品牌图标轮廓是色彩点缀，使用得恰到好处，旨在吸引用户注意行动。 - Cyan Edge
#3398e1— 蓝色用于突出显示操作轮廓、链接标签和交互元素。它不应该用作行动号召的主要颜色。
中性的
- Ink Black
#0c0a09— 主要标题、突出显示的正文文本和富有表现力的图标采用温暖的近乎黑色的颜色。 - Stone Canvas
#fafaf9— 页面背景是温暖的奶油色，感觉像纸张而不是屏幕的白色。 - Pure White
#ffffff— 地图表面、凸起面板和输入字段填充默认是平坦且无阴影的。 - Stone Border
#e8e6e5— 卡片、导航栏和输入框的细边框是主要的结构元素，而不是分隔符。 - Stone Muted
#d6d3d1— 附加边框、柔和的背景色调、装饰性分隔线。 - Ash Gray
#a8a29e— 帮助文本、图标轮廓、禁用状态 - 可读但不活动。
排版
从 10 像素到 52 像素 · 5 步
- Roobert — 替代品： Inter Tight or Satoshi · 轮廓 400, 500 · 标题和正文排版所用的字体是一种独特的几何无衬线字体，其负字母间距极小（32px 处为 -0.025em，52px 处为 -0.021em）。400 x 52px 的字重是该字体的标志性特征：别具一格、微妙而权威，又不失低调内敛。标题恰到好处地占据了应有的位置，而不会显得突兀。
- Inter — 替代品： Inter · 轮廓 400, 500, 600 · 正文、导航、用户界面和标题的主要字体为中性通用字体，适用于所有屏幕外文本。正文主要字号为 14px，字重 400，行距 1.64（出现频率 1174）。小字号下的正间距 (0.004em) 确保了密集用户界面的可读性。
音程和形式
| 目的 | 意义 |
|---|---|
| 密度 | 宽敞 |
| 基本步骤 | 8px |
| 按钮半径 | 9999px |
| 卡片半径 | 10px |
| 阴影 | 柔和的阴影 |
| 各部分之间 | 96px |
| 页面宽度 | 1200px |
AI 将按照Seline Analytics风格构建您的网站并填充内容。
- 通过链接（ Instagram 、 TikTok 、 Facebook ）发布产品和帖子。
- 从旧网站迁移内容——只需指定地址即可。
- 采用最佳引擎的现代设计： React （ Next.js ），开箱即用服务器端渲染和 SEO 优化。
- 全自动搜索引擎优化，支持搜索结果和神经网络推荐。
相似风格
- ElevenLabs — 一组以温暖奶油色调为主、标题简洁的摄影作品。一本包豪斯风格的笔记本——蛋壳色纸张，黑色墨水，仅以一抹紫色和橙色点缀，用于产品展示。
- Awesomic — 编辑用的锌网布，上面点缀着橙色的标点符号，让人联想起五彩纸屑。
- Monad — 关于温暖羊皮纸的编辑技术期刊
- Dub — Link的哑光宣纸控制面板
- Notion — 正午阳光下，一本温暖的纸质笔记本映入眼帘
- Anthropic — 一本印在温暖羊皮纸上的科学野外考察日志——平静的象牙色表面，衬线字体的编辑标题，以及一个仅在需要行动时才会出现的粘土色点缀。
- Calendly — 冷大理石纹上印有深蓝色墨水。
- Augen Pro — 苹果的白色展示柜以单色调空间为背景，仅以清冷、轻盈的电光蓝作为点缀。
- Antimetal — 一篇印在米色纸上的社论——科学期刊一个宁静的早晨，克制传达着自信，衬线字体则承担着重要的作用。
- Perk — 温暖的羊皮纸上的电光石灰
- Ditto — 阳光洒满工作室，人们正在制作野花样本。温暖的奶油色底色，鲜艳的黄色底色，深邃的藏蓝色墨水，以及作品背后绽放的自然色彩。
- Officevibe — 一本印在暖米色纸张上的杂志。想象一下，一篇关于人力资源管理的精辟文章，以产品的形式呈现——流畅的衬线字体在现代蓝色的界面中低语。