Creative Giants
米色纸大尺寸社论海报
Creative Giants 的设计宛如一本超大尺寸的艺术画册，以代码呈现：温暖柔和的画布，纤细的边距，以及大到更像是海报而非标题的字体。整个系统运用了留白和单一的轻量级字体（300），标题字体大小仅为 64-84 像素，几乎难以辨认，而非粗体醒目；随着字体增大，字间距急剧缩小（-0.04em），使文字呈现出雕刻般的立体感，而非剥离的效果。配色方案采用细小而饱和的笔触：鲜艳的紫色、深邃的绿松石色、浅蓝色、亮粉色、薄荷绿和海军蓝，以卡片表面或点缀色出现，而非作为背景填充。交互元素是米色背景上的黑色形状，半径均为 1440 像素，而镀铬元素几乎隐形——一个圆形徽标和“菜单”按钮悬浮于白色空间中。视觉概念类似于制作工作室的宣传单：一个醒目的大标题、一张全幅照片、一行简洁的元文字。其他所有页面都应遵循同样的简洁风格。
页面布局采用全屏显示：没有最大宽度容器；内容占据页面整个宽度，左右边距相等（移动端 16–32 像素，桌面端 32 像素以上）。主标题为单个大标题（“创意巨匠”，84 像素），占据约 40% 的视口，紧随其后的是一张全屏显示的图片，左下角带有 meta 标签和标题叠加层。章节节奏统一：每个新章节以少量全大写文本和解释开头，中间留有 48–64 像素的空白——除了一个反色深蓝色强调卡外，没有深浅交替的色带。内容左对齐；除了主标题外，没有居中块。新闻/案例研究部分使用三列卡片网格，右侧有一个浮动箭头块。导航通过单个顶部标题实现——没有侧边栏或标题之外的任何锚定元素。整体布局宽敞，与编辑风格一致：每个部分都留有呼吸空间，留白是主要的结构元素。
设计以纪实摄影为主：图片占据页面全宽，角度锐利，无重叠或圆角遮罩。风格偏向纪实和氛围感——布满皱纹的手、公共装置和人物的随意抓拍——绝不使用摆拍的产品照片。图片始终以大尺寸呈现（全宽视口或填充整个卡片），因此设计单元是照片，而非用户界面。设计中没有插图、3D模型或产品模型。图标极简：一个小型圆形logo、轮播控件上的轮廓V形符号以及带有1像素轮廓的轻量级UI图标。图像密度由图像本身决定，文字则作为照片下方或上方的独立注释层。
调色板
品牌
- Magenta Bloom
#8a0467— 粉色用作装饰细节的辅助点缀色，以及突出显示使用频率较低的搜索查询。它不应作为行动号召的主色调。 - Forest Teal
#03624c— 一款极具品牌特色的强调色，适用于卡片边框和装饰细节；与洋红色搭配，可营造双色调效果。
中性的
- Bone White
#fffef7— 页面画布、纸板表面和深色背景上的文字都采用了温暖的奶油色调，取代了纯粹的 #ffffff，使整个系统具有纸质印刷的感觉。 - Ink Black
#000000— 深色与中性色调的文字和图标相得益彰，能形成强烈的对比。但应避免将其用作行动号召的主色调。 - Graphite
#666666— 次要正文、图片说明、元数据和辅助文本被置于背景中，以便让正文占据主导地位。 - Ash
#aaaaaa— 输入字段边框、非活动链接颜色、三级分隔符 - 一种柔和的结构灰色，在不需要时消失。 - Charcoal Scale
#4d4c4a— 列表边框采用中等中性色，深色渐变路径略微增强对比度——暖灰色而不是蓝灰色。 - Powder Blue
#a5c8eb— 柔和的色彩点缀——明信片背景、模糊背景、柔和的插图填充——可以中和暖色调背景，而不会产生冲突。
排版
从 12 像素到 84 像素 · 7 步
- Switzer — 替代品： Inter (300 · 轮廓 300, 400 · 单一字体系统：所有显示元素和标题（12–84px）使用 300 字重，正文、元数据和 UI 控件使用 400 字重。推荐方案是在 64–84px 尺寸下使用 300 字重——大多数系统在此处使用 700–800 粗体；浅色调的 Switzer 字体保持纤细的线条，营造出在米色画布上喷绘文字的效果。随着尺寸增大，字母间距逐渐缩小（84px 时缩小 0.04em，14px 时缩小 0.018em），既保持了内部空间的开阔感，又不会显得过于稀疏。
音程和形式
| 目的 | 意义 |
|---|---|
| 密度 | 平均的 |
| 基本步骤 | 8px |
| 按钮半径 | 1440px |
| 卡片半径 | 0px |
| 阴影 | 无边框，取而代之的是阴影 |
| 各部分之间 | 64px |
AI 将按照Creative Giants风格构建您的网站并填充内容。
- 通过链接（ Instagram 、 TikTok 、 Facebook ）发布产品和帖子。
- 从旧网站迁移内容——只需指定地址即可。
- 采用最佳引擎的现代设计： React （ Next.js ），开箱即用服务器端渲染和 SEO 优化。
- 全自动搜索引擎优化，支持搜索结果和神经网络推荐。
相似风格
- Studio — 一面动态的画廊墙。每一块屏幕都代表着一块静谧的灰色展板，上面文字和交叠的创意作品竞相吸引着人们的目光。
- Mollie — 羊绒柜台，深色账簿。在黑色文字周围留出充足的空白用于编辑设计，然后用温暖的奶油色、浓缩咖啡棕色和实际支付方式的触感照片来强化与产品相关的要点。
- Bajgart Office — 编辑作品展示墙。使用大片留白，让简洁的衬线字体和作品集片段比华丽的界面元素更具视觉冲击力。
- Bejamas — 睡衣——酸石灰透过黑色玻璃。营造平静的浅灰色编辑页面，并以引人入胜的黑色面板作为点缀，模糊的绿色光迹与表面交错。
- Kagi — 一间独立的阅览室。以醒目的石墨色文字为中心，营造出开阔的白色空间，并用柔和的紫色点缀和温暖的粉彩色调来打破宁静。
- Milanote — Milanote是一家专注于创意的工作室。他们使用悬浮式视觉板创建编辑画廊风格的页面：深色边框墙面、白色展示空间，以及看起来像真实物体且具有柔和景深的屏幕截图。
- Co2 — 冬日阳光下的气候图集。页面设计如同航拍文档景观，衬线标题、分类数据和冰雪图像突出宽阔的白色页边距。
- GitButler — 文本末尾采用蓝绿色。高对比度衬线标题搭配精致的技术网格、温暖的石墨色表面，以及低调的蓝绿色点缀。
- ElevenLabs — 一组以温暖奶油色调为主、标题简洁的摄影作品。一本包豪斯风格的笔记本——蛋壳色纸张，黑色墨水，仅以一抹紫色和橙色点缀，用于产品展示。
- monopo saigon — 在编辑的沉默背后，涌动着液态的、虹彩般的光芒——一个漂浮在熔岩之上的单色编辑画廊
- Awesomic — 编辑用的锌网布，上面点缀着橙色的标点符号，让人联想起五彩纸屑。
- Monad — 关于温暖羊皮纸的编辑技术期刊