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