大胆个性 (Playful Postmodern / Anti-Grid)

带着反模板态度的后现代页面,通过反网格、强形状和少量冲突打破同质化。

创作者个人站反模板发布

真实网站参考 / Real References

先看这些真实网站 / Open these real sites first

长这样 / Looks Like

  • 反网格
  • 形状强烈
  • 识别度高
  • 态度明显

适合做 / Good For

  • 创作者
  • 个人站
  • 反模板发布

不适合做 / Not For

  • 严肃知识库
  • 政府机构页
  • 安静阅读站

Skill 包含什么 / What The Skill Controls

截图、排版和规则来自同一套风格包 / The screenshots, layout, and rules come from the same skill packet

配色系统 / Color System

  • 允许更强强调色
  • 黑白仍是骨架
  • 颜色只在 punch 点出现

排版系统 / Typography

  • 字可以更大更冲突
  • 允许故意破格的边界
  • 但要保留主阅读路径

版式规则 / Layout Rules

  • 反网格但不反可读
  • 局部冲突取代全局混乱
  • 层级要清楚

图片处理 / Image Treatment

  • 允许不规则切片
  • 图片和形状一起工作
  • 不要全页都是拼贴噪音

交互节奏 / Motion

  • hover 可以更大胆
  • 滚动 reveal 可以更有态度
  • 不要把用户搞丢

AI Prompt / AI Prompt

复制后直接粘贴给 Cursor / Claude / Paste directly into Cursor / Claude

请参考大胆个性(Playful Postmodern / Anti-Grid)风格建站: 视觉特征:反网格 / 形状强烈 / 识别度高 / 态度明显 适合场景:创作者 / 个人站 / 反模板发布 不适合:严肃知识库 / 政府机构页 / 安静阅读站 推荐页面组织:目录索引型 / Catalog Explorer / 沉浸舞台型 / Immersive Stage 历史来源:后现代 / 孟菲斯 / Postmodern / Memphis / 粗野主义 / 新粗野主义 / Brutalism / Neo-Brutalism 参考网站:Bureau Borsche: https://bureauborsche.com/ / Gumroad: https://gumroad.com/ / Memphis Milano: https://memphis.it/en/ 配色系统:允许更强强调色 / 黑白仍是骨架 / 颜色只在 punch 点出现 排版系统:字可以更大更冲突 / 允许故意破格的边界 / 但要保留主阅读路径 版式规则:反网格但不反可读 / 局部冲突取代全局混乱 / 层级要清楚 图片处理:允许不规则切片 / 图片和形状一起工作 / 不要全页都是拼贴噪音 风格要求:Use a playful postmodern anti-grid family: attitude-forward composition, bright accent punches, visible structure, and just enough disorder to feel alive without becoming messy.
历史来源 / Historical Roots

这部分放在最后看,用来补背景,而不是先决定风格。 / Use this section to add background after the direction is already clear.

1981-1988 and beyond

后现代 / 孟菲斯 (Postmodern / Memphis)

反对过度理性和过度秩序,强调图案、冲突、俏皮和反规范的组合方式。

1950s roots / 2010s-2020s web revival

粗野主义 / 新粗野主义 (Brutalism / Neo-Brutalism)

结构裸露、边界鲜明、不讨好。网页里的 neo-brutalism 往往更鲜艳、更可用。