极简黑白 (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)
以轻盈比例、功能家具感、开放空间和现代日常感建立一种温和而清晰的现代性。