Apple
一个白色的房间，只有一个蓝色的开关。
苹果的设计堪称克制典范：近乎纯白的画布，大量的留白，以及一抹醒目的蓝色点缀，令每一个动作都显得格外用心。设计的核心在于字体——SF Pro字体，其负间距随着字号增大而减小，赋予标题建筑般的清晰感，却又不显得过于厚重。产品本身就是设计：产品照片和生活方式图片占据主导地位，而镀铬元素则巧妙地融入纤细的边框、半透明的导航栏和简洁的线条之中。各个版块在浅灰色背景上交替出现，宣传材料则采用全彩色块，通过尺寸的变化而非装饰元素来营造节奏感。
页面布局为全宽页面，没有固定的最大容器宽度——各个部分延伸至页面边缘，文本块居中位于约 980 像素处。导航栏为一个固定的全局导航栏，滚动时会显示每个产品的子文件夹。主布局始终居中：醒目的产品名称、一行标语、两个胶囊按钮，以及占据剩余视口的产品图片。各个部分垂直堆叠，间距适中（部分之间至少 64 像素），背景颜色交替使用 #f5f5f7 和彩色。页面底部是一行水平排列的全宽服务卡片（Apple TV+、Fitness+、音乐、Arcade），每个卡片包含一个带有叠加文字的图片块和一个胶囊按钮。没有侧边栏、没有多列内容布局、没有不对称构图——所有元素都居中、堆叠且对称。
摄影是主要的视觉语言。产品照片以纯白或柔和的灰色为背景，没有任何背景信息——产品本身就是主角，被突出展示并照亮。生活方式照片以全幅横幅的形式呈现，通常对产品进行局部裁剪。渐变色（粉蓝、粉红、粉绿）作为产品展示区的背景，而非装饰。图标设计极简，以线条为主，粗细为1-2像素，与文字采用相同的灰度。除了产品照片本身，没有插图、抽象图形或3D渲染图。
调色板
品牌
- Apple Blue
#0071e3— 填充操作按钮、选定状态——唯一一种谨慎使用的交互式彩色，使每一次出现都意义非凡。 - Link Blue
#0066cc— 高亮显示的操作边框、嵌入式链接——在填充颜色过于艳丽的地方，会使用比苹果蓝更饱和的颜色。 - Signal Blue
#2997ff— 装饰边框、图像轮廓、图标边框——系统中最为浅的蓝色，用于营造氛围，而不是用于用户交互。
中性的
- Carbon
#1d1d1f— 正文、标题边框、导航线、卡片边框——主要墨水颜色几乎是黑色，略带一丝暖色调。 - Frost
#f5f5f7— 页面画布、正文背景和页脚表面均为苹果标志性的浅灰色，比纯白色略显冷色调。 - Ice
#f4f8fb— 富有表现力的表面填充、微妙的色调、深色背景上的按钮文字——一种微妙的蓝色调，使该部分生动起来，而不会使其显得突兀。 - Smoke
#333333— 辅助文本、导航填充、按钮边框 - 一种用途广泛的中性颜色，适用于边框和图标，比中灰色更具冲击力。 - Graphite
#474747— 导航文本、导航边框、链接边框——在元素层次结构中占据碳色和烟灰色之间的中间位置。 - Ash
#707070— 页脚文本、列表边框、导航边框、低调的正文文本 - 中等灰色，用于需要存在但不需要突出的内容。
排版
从 12 像素到 56 像素 · 8 步
- SF Pro Display — 替代品： Inter · 轮廓 400, 600, 700 · 标题和大号文本（40px 以上）使用更窄的开口和更强的负向跟踪的显示格式；700 保留用于广告布局，400 用于编辑内容中的产品名称。
- SF Pro Text — 替代品： Inter · 轮廓 300, 400, 600 · 正文、导航、按钮、副标题——工作字体；正文字体为 400，副标题和限定标签字体为 300，导航元素和按钮文本字体为 600；负字母间距与大小成比例减小（从 -0.022em 到 12px 到 -0.01em 到 44px）。
音程和形式
| 目的 | 意义 |
|---|---|
| 密度 | 平均的 |
| 基本步骤 | 12px |
| 按钮半径 | 980px |
| 卡片半径 | 8px |
| 阴影 | 无边框，取而代之的是阴影 |
| 各部分之间 | 64px |
| 页面宽度 | 1440px |
AI 将按照Apple风格构建您的网站并填充内容。
- 通过链接（ Instagram 、 TikTok 、 Facebook ）发布产品和帖子。
- 从旧网站迁移内容——只需指定地址即可。
- 采用最佳引擎的现代设计： React （ Next.js ），开箱即用服务器端渲染和 SEO 优化。
- 全自动搜索引擎优化，支持搜索结果和神经网络推荐。
相似风格
- Studio — 一面动态的画廊墙。每一块屏幕都代表着一块静谧的灰色展板，上面文字和交叠的创意作品竞相吸引着人们的目光。
- Mollie — 羊绒柜台，深色账簿。在黑色文字周围留出充足的空白用于编辑设计，然后用温暖的奶油色、浓缩咖啡棕色和实际支付方式的触感照片来强化与产品相关的要点。
- Basis Theory — 设计工作室里的支付终端。白色的技术图纸、重叠的半透明交易图层和一个蓝绿色的控制元素定义了视觉方向。
- CleanShot X — 工作室里，桌面灯光呈蓝色。在简洁的黑色文字周围营造出宁静的白色空间，然后让深蓝色的控制按钮和层次丰富的Mac产品图片成为视觉焦点。
- Modern Treasury — 用方格纸绘制的财务账簿。创建类似简洁的白色操作表的页面，用细线、带标签的节点和精确的隐藏控件显示现金流。
- Basha-Franklin — 白色门楣下方是画廊网格。使用温暖的#f4ede6色调、微妙的黑色结构，以及基于类似印刷版建筑作品集照片的不对称立柱。
- Bajgart Office — 编辑作品展示墙。使用大片留白，让简洁的衬线字体和作品集片段比华丽的界面元素更具视觉冲击力。
- Heptabase — 阳光洒满办公桌。温暖的纸质表面、炭灰色控制面板和用于研究的悬浮窗口，营造出一种井然有序的工作空间感，而不是软件控制面板的感觉。
- Bejamas — 睡衣——酸石灰透过黑色玻璃。营造平静的浅灰色编辑页面，并以引人入胜的黑色面板作为点缀，模糊的绿色光迹与表面交错。
- Baba — 在红色阳光下记录护理笔记。围绕着温馨的白色、粉色和米色信息区域，绘制宽阔的红色叙事条纹，并以人物照片作为情感中心。
- Grafana Labs — 日出信号站的控制室。安静的灰白色工作空间，搭配宽阔的四色地平线渐变和清晰的蓝色界面信号。
- Kagi — 一间独立的阅览室。以醒目的石墨色文字为中心，营造出开阔的白色空间，并用柔和的紫色点缀和温暖的粉彩色调来打破宁静。