
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 优化。
- 全自动搜索引擎优化,支持搜索结果和神经网络推荐。
相似风格
- ElevenLabs — 一组以温暖奶油色调为主、标题简洁的摄影作品。一本包豪斯风格的笔记本——蛋壳色纸张,黑色墨水,仅以一抹紫色和橙色点缀,用于产品展示。
- monopo saigon — 在编辑的沉默背后,涌动着液态的、虹彩般的光芒——一个漂浮在熔岩之上的单色编辑画廊
- Awesomic — 编辑用的锌网布,上面点缀着橙色的标点符号,让人联想起五彩纸屑。
- Monad — 关于温暖羊皮纸的编辑技术期刊
- Dub — Link的哑光宣纸控制面板
- Seline Analytics — 温暖的纸张上摆放着一张安静的分析表格。
- Notion — 正午阳光下,一本温暖的纸质笔记本映入眼帘
- Hyer Aviation — 驾驶舱内,暮色笼罩着羊皮纸。淡淡的晨曦与机身大小的衬线字体标志交相辉映,一抹温暖的陶土色打破了单色调的沉闷。
- Anthropic — 一本印在温暖羊皮纸上的科学野外考察日志——平静的象牙色表面,衬线字体的编辑标题,以及一个仅在需要行动时才会出现的粘土色点缀。
- Calendly — 冷大理石纹上印有深蓝色墨水。
- Augen Pro — 苹果的白色展示柜以单色调空间为背景,仅以清冷、轻盈的电光蓝作为点缀。
- OFF+BRAND. — 温暖羊皮纸上的虹彩球体