极简黑白 (Monochrome Studio Systems)

以黑白排印、工作室语气和项目索引为核心的极简页面,克制但有明确作者性,特别适合设计工作室与识别作品集。

作品集品牌站工作室

真实网站参考 / 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

  • 主色只用黑白灰
  • 允许一层非常弱的暖灰
  • 不要用彩色功能色做导航

排版系统 / Typography

  • 黑白对比要靠字重和字号拉开
  • 英文副标题保持小而克制
  • 正文密度低于产品站

版式规则 / Layout Rules

  • 项目索引是主角
  • 首页像目录不是长解释
  • 卡片留白比内容多

图片处理 / Image Treatment

  • 图片统一成作品切片
  • 默认加轻微暗色蒙版
  • 不要用浏览器截图解释功能

交互节奏 / Motion

  • 滚动显露可以有
  • hover 只做轻微放大或边框变化
  • 避免科技感发光

AI Prompt / AI Prompt

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

请参考极简黑白(Monochrome Studio Systems)风格建站: 视觉特征:黑白对比 / 项目索引 / 留白控制 / 作者感强 适合场景:作品集 / 品牌站 / 工作室 不适合:电商首页 / 高频工具台 / 重彩活动页 推荐页面组织:目录索引型 / Catalog Explorer / 档案堆栈型 / Archive Stack 历史来源:瑞士风格 / Swiss Style / 极简主义 / Minimalism / 世纪中期现代主义 / Mid-Century Modern 参考网站:Fictive Kin: https://fictivekin.com/ / OK-RM: https://www.ok-rm.co.uk/ / Signal-A Studio: https://signal-a.studio/ 配色系统:主色只用黑白灰 / 允许一层非常弱的暖灰 / 不要用彩色功能色做导航 排版系统:黑白对比要靠字重和字号拉开 / 英文副标题保持小而克制 / 正文密度低于产品站 版式规则:项目索引是主角 / 首页像目录不是长解释 / 卡片留白比内容多 图片处理:图片统一成作品切片 / 默认加轻微暗色蒙版 / 不要用浏览器截图解释功能 风格要求:Use a monochrome studio systems family: black-and-white restraint, type-led identity, editorial pacing, and a project index that feels authored rather than templated.
历史来源 / Historical Roots

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

1950s-1970s

瑞士风格 (Swiss Style)

网格、对齐、无衬线、秩序感。它是今天大量知识型、设计型、档案型网页的基础语法之一。

1960s-1970s

极简主义 (Minimalism)

把形式削减到最少元素,让结构、比例与重复本身发声。

mid-1940s-1960s

世纪中期现代主义 (Mid-Century Modern)

以轻盈比例、功能家具感、开放空间和现代日常感建立一种温和而清晰的现代性。