调色板
品牌
- Microsoft Blue
#0067b8 - Deep Azure
#004a7f - Fluent Icon Blue
#0078d4
中性的
- Amber Badge
#ffb900 - Void
#000000 - Graphite
#171717 - Charcoal
#262626 - Iron
#333333 - Slate
#616161
排版
从 11 像素到 37 像素 · 3 步
- Segoe UI — 替代品： Segoe UI (system stack: -apple-system · 轮廓 400, 600
音程和形式
| 目的 | 意义 |
|---|---|
| 密度 | 稠密 |
| 基本步骤 | 8-16px |
| 按钮半径 | 2px |
| 卡片半径 | 0px |
| 阴影 | 无边框，取而代之的是阴影 |
| 各部分之间 | 48px |
| 页面宽度 | 1600px |
AI 将按照Microsoft风格构建您的网站并填充内容。
- 通过链接（ Instagram 、 TikTok 、 Facebook ）发布产品和帖子。
- 从旧网站迁移内容——只需指定地址即可。
- 采用最佳引擎的现代设计： React （ Next.js ），开箱即用服务器端渲染和 SEO 优化。
- 全自动搜索引擎优化，支持搜索结果和神经网络推荐。
相似风格
- Apple (España) — 一座被白色空间完全占据的大教堂，标题几乎难以辨认。一个巨大的、明亮的大厅里，700密度的巨型字体悬浮在空中，仅靠柔和的色彩和一根蓝色的线连接在一起。
- Airbnb — 一面静谧的白色画廊墙，上面挂着一枚珊瑚红色的书签。
- Peak Design — 画廊墙，部分照明
- Ramp — 财务编辑部，黑白页面，仅用一支荧光笔点缀。这本刊物几乎是单色的，一道亮眼的荧光绿笔触将每一次互动都转化为金钱信号。
- 099 SUPPLY — 一面挂满黑白物品的画廊墙
- Orderful — 工业物流控制台 - 一份用黑色墨水和医用红色印刷的物流调度员检查清单，每一页都足够隐蔽，允许一名操作员喊出重要的事情。
- Apple (España) — 白色画廊展示柜
- teenage engineering — 工业摄影棚照明产品目录——产品是页面上唯一的主要元素，其他所有内容都围绕它展开。
- Apple (España) — 清晨薄雾中的画廊窗户
- Lightship — 一幅展现公路旅行的电影式立体模型。温暖的奶油色画廊墙壁上装饰着紧密排列的大幅风景照片，细细的黑色字体几乎难以辨认地印在画框上，一抹亮橙色打破了单调的氛围，如同草地上的篝火。
- Custo — 一个以枪灰色为主色调、采用单一字体的画廊。一个以柔和的灰绿色为主色调的展厅，里面只有一个深色物件和57像素的字体，无需过多解释。
- Silencio — 一个白色的房间，漂浮着各种展品。一个用温暖的纸张制成的画廊展台，每个展品都与负空间背景相映成趣，而静谧的环境则是刻意营造的设计氛围。