Kindsight
夕阳西下，阳光洒在田野笔记上，米色纸张、橄榄绿墨水和一抹亮眼的黄绿色营造出一种宁静质朴的氛围。Kindsight 的设计风格类似于非营利组织的年度报告，采用可持续印刷：温暖的米色背景，近乎黑色的文字略带绿色，主面板采用深橄榄绿，赤陶色是唯一的点缀色。这抹黄绿色运用得恰到好处——仅用作斜体字标点符号的下划线、图标的填充色以及插图的高光——绝非功能性颜色。Times Now 字体字重 200-300，字间距紧凑，看起来更像是杂志封面的排版，而非 SaaS 公司标题的字体。
调色板
品牌
- Olive Grove
#3d4128 - Terracotta CTA
#de7653 - Coral Outline
#e7573d
中性的
- Cream Paper
#faf5f1 - Soft Linen
#fefffa - Ink Black
#0e0f0a - Midnight Black
#0a0a0a - Pure White
#ffffff - Warm Sand
#e5e1d6
排版
从 10 像素到 120 像素 · 10 步
- Times Now — 替代品： Playfair Display (closest free match for the compressed serif-display feel) · 轮廓 200, 300
- Founders Grotesk — 替代品： Inter or Söhne (geometric grotesks with similar x-height and tracking behavior) · 轮廓 200, 300, 400, 500
音程和形式
| 目的 | 意义 |
|---|---|
| 密度 | 稠密 |
| 基本步骤 | 12-24px |
| 按钮半径 | 10px |
| 卡片半径 | 24px |
| 阴影 | 柔和的阴影 |
| 各部分之间 | 80-120px |
| 页面宽度 | 1200px |
AI 将按照Kindsight风格构建您的网站并填充内容。
- 通过链接（ Instagram 、 TikTok 、 Facebook ）发布产品和帖子。
- 从旧网站迁移内容——只需指定地址即可。
- 采用最佳引擎的现代设计： React （ Next.js ），开箱即用服务器端渲染和 SEO 优化。
- 全自动搜索引擎优化，支持搜索结果和神经网络推荐。
相似风格
- Bevel — 在 Cloudlight 中创建晨间指标。在您的可穿戴设备上，创建看起来像亮白色健康日记的屏幕，并配以柔和发光的仪表盘。
- Mollie — 羊绒柜台，深色账簿。在黑色文字周围留出充足的空白用于编辑设计，然后用温暖的奶油色、浓缩咖啡棕色和实际支付方式的触感照片来强化与产品相关的要点。
- Baselayer — Baselayer 就像午夜时分的电子账本。你可以把界面想象成一份机构文件，打开后显示在闪闪发光的风险分析控制台上。
- Devin — 绘图纸上的电子墨水。虽然近乎黑色的字体和浅色的技术表面已经起到了大部分作用，但#2200ff 的出现却像是一个刻意的激活信号。
- 1X NEO — 1X Tech 是一家安静的家庭影院。页面以浅色调呈现，配以编辑文字，背景是人物和人形机器人的电影式场景，而界面元素则被简化为间距很小的标题和柔和的单色图像。
- B150 — 未来胶片颗粒效果大师班。如何在深色、人形大小的产品和创作者照片背景下，打造明亮、柔和的编辑版面。
- Captions — 阳光照射下的剪辑台。在干净、洁白、略带噪点的工作区上方放置一个半透明的弧形导航栏，然后搭配浅蓝色的工作台面和特写镜头。
- Kagi — 一间独立的阅览室。以醒目的石墨色文字为中心，营造出开阔的白色空间，并用柔和的紫色点缀和温暖的粉彩色调来打破宁静。
- Milanote — Milanote是一家专注于创意的工作室。他们使用悬浮式视觉板创建编辑画廊风格的页面：深色边框墙面、白色展示空间，以及看起来像真实物体且具有柔和景深的屏幕截图。
- Co2 — 冬日阳光下的气候图集。页面设计如同航拍文档景观，衬线标题、分类数据和冰雪图像突出宽阔的白色页边距。
- GitButler — 文本末尾采用蓝绿色。高对比度衬线标题搭配精致的技术网格、温暖的石墨色表面，以及低调的蓝绿色点缀。
- Bee — 一个阳光明媚、蜜黄色的护身符。将每一屏都打造成触感丰富的专题报道：腕戴产品的亲密图片，配以圆润饱满的边框，以及醒目、近乎黑色的字体，背景为黄色或浅中性色。