
调色板
品牌
- Xbox Green
#107c10 - Forest Green
#054b16
中性的
- Volt Lime
#9bf00b - Caution Yellow
#ffd800 - Ink Black
#000000 - Pure White
#ffffff - Carbon
#333333 - Ash Gray
#f2f2f2
排版
从 11 像素到 46 像素 · 5 步
- Segoe UI — 替代品: system-ui · 轮廓 400, 600, 700
- SegoeProBlack — 替代品: "Segoe UI Black" · 轮廓 600, 900
音程和形式
| 目的 | 意义 |
|---|---|
| 密度 | 稠密 |
| 基本步骤 | 8-16px |
| 按钮半径 | 0px |
| 卡片半径 | 0px |
| 阴影 | 无边框,取而代之的是阴影 |
| 各部分之间 | 48-64px |
AI 将按照Xbox风格构建您的网站并填充内容。
- 通过链接( Instagram 、 TikTok 、 Facebook )发布产品和帖子。
- 从旧网站迁移内容——只需指定地址即可。
- 采用最佳引擎的现代设计: React ( Next.js ),开箱即用服务器端渲染和 SEO 优化。
- 全自动搜索引擎优化,支持搜索结果和神经网络推荐。
相似风格
- teenage engineering — 工业摄影棚照明产品目录——产品是页面上唯一的主要元素,其他所有内容都围绕它展开。
- Factory — 午夜时分的“作战室”终端。“工厂”是一个纯黑色的控制面板,一张白色的卡片像手电筒照着的电报一样落在上面——房间里唯一的物品就是工作本身。
- Sociotype — 一张白纸上的典型博物馆标本
- Webflow — 白色工作室,黑色墨水,一笔蓝色——网页中呈现的是设计师的绘图桌
- Apple (España) — 黑色剧院,配有照明设备
- Contract — 白色墙画廊目录
- Coda — Coda 的文字如同印在温暖柔滑的羊皮纸上的巨幅字母,读起来就像是市场手工印刷的海报,而不是 SaaS 控制面板。
- TWOTWO — 在黑白为主色调的编辑布局中,单色混凝土上的亮绿色是唯一的霓虹色点缀。
- Buymeacoffee — 一款咖啡馆风格的相册,采用米色纸张制成,内含漂浮的拍立得照片。
- Preply — 一块粉红色的广告牌,上面贴着人们的贴纸。
- SAPGOODENERGY — 洁净室里的马拉松终点线
- Flim — 散落在网格素描本上的宝丽来照片