调色板
品牌
- Ember Coral
#ff3a63 - Alpine Gradient
#4859eb
中性的
- Bone
#ffffff - Abyss Black
#02030b - Midnight Indigo
#04061c - Slate Indigo
#0c0a2b - Carbon Iris
#13151f - Twilight Plum
#2c2b52
排版
从 11 像素到 72 像素 · 7 步
- Index — 替代品： Inter Tight · 轮廓 400, 500, 600
- Inter — 替代品： system-ui · 轮廓 400, 500, 600
- -apple-system — 替代品： system-ui · 轮廓 500, 600
音程和形式
| 目的 | 意义 |
|---|---|
| 密度 | 平均的 |
| 基本步骤 | 8px |
| 按钮半径 | 30px |
| 卡片半径 | 12px |
| 阴影 | 无边框，取而代之的是阴影 |
| 各部分之间 | 64px |
| 页面宽度 | 1200px |
AI 将按照Index风格构建您的网站并填充内容。
- 通过链接（ Instagram 、 TikTok 、 Facebook ）发布产品和帖子。
- 从旧网站迁移内容——只需指定地址即可。
- 采用最佳引擎的现代设计： React （ Next.js ），开箱即用服务器端渲染和 SEO 优化。
- 全自动搜索引擎优化，支持搜索结果和神经网络推荐。
相似风格
- Graphite — 发光终端网格。围绕精确的白色文字标记和偶尔闪烁的光谱光，创建深色的、有边框的产品表面。
- Featurebase — 一台紫光闪烁的控制台。想象一下，每一页都像是一个黑暗静谧的舞台，产品展示区从底部边缘缓缓升起，散发着柔和的光芒。
- Nuxt — 深空中的终端辉光。创建黑暗、封闭的界面平面，使绿色在蓝黑色表面上呈现为通电信号。
- Authkit — 午夜的磨砂玻璃大教堂
- Resend — 黑色天鹅绒，带有紫色霓虹色
- Gsap — 设计工作室里的一块动画白板。近乎黑色的墙面，温暖的米色粉笔，以及五支彩色马克笔——每支马克笔对应一种动画技法。
- Slash — 午夜金库，内有镀金账簿
- Raycast — 午夜指挥中心，珊瑚霓虹灯
- Dimension — 黄昏时分，灯光昏暗的工作台面配有磨砂玻璃面板。
- Modal — 昏暗的服务器机房里，一个发光的终端机——唯一的光源是明亮的绿色。
- Reflect Notes — 繁星点点的紫色空间是一个黑暗的天文台，音符像星座一样漂浮在近乎漆黑的靛蓝色空旷背景上。
- LaunchDarkly — 霓虹灯控制室是一个昏暗的驾驶舱，紫色信号在漆黑的面板上闪烁。