Telegram、 WhatsApp+380637610482
瓦列里·丹尤克
瓦列里·丹尤克开发者为企业开发人工智能工具。高质量,价格实惠。通过 Telegram 联系
Creative Giants — 此风格的网站预览

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. — 温暖羊皮纸上的虹彩球体