Minimal Collective

近黑色基底、细线分隔与错落拼贴。
页面以近黑色为基底,搭配白色文字。字体采用 PolySans。视觉特点包括细线分隔、错落拼贴、扁平表面、非对称构图。适合参考的场景:音视频产品介绍页、媒体内容展示页。
查看原始网站使用规范
建议采用
- 使用 Obsidian #000000 作为页面唯一背景;绝不引入任何表面 淡染底色、渐变或面板颜色,与画布不同。
- 将所有文本元素设置为 PolySans 400 —— 从不加粗,从不为中等字重。仅通过字号、字间距和行高来建立层级关系。
- 字间距与尺寸成反比设置为负值:在77px时为-4.31px,50px时为-2.2px,32px时为-1.18px,随正文尺寸递减至0。
- 仅在分类标签和小型交互按钮上使用4.5px圆角;所有图片卡片和内容区块保持0px圆角。
- 将照片直接叠加在Obsidian画布上,圆角为0px,无阴影——通过重叠(10–30px)构建空间关系,而非营造立体感。
- 构建分类标签为透明描边按钮:1px 透明描边,透明填充,5px/6px内边距,14px大写文字。
- 保持主要内容区块之间的间距为144–173px;让空白区域完成在更密集系统中分隔线所承担的功能。
建议避免
- 不要引入任何色彩——不使用强调色蓝、红或绿。色彩调色板严格限定为黑、灰和白。
- 不要使用粗体或中粗字体;在整个字体层级中,仅允许使用PolySans 400字体。
- 不要添加盒阴影、光晕或任何层次效果——表面的差异通过重叠和位置来体现,绝不会通过阴影实现。
- 不要对图像卡片或照片进行圆角处理——0px半径保持杂志类编辑的张力。4.5px仅用于徽章类标识。
- 不要居中正文或使用两端对齐的文本块——所有编辑内容均左对齐,以保留画廊墙面阅读的节奏感。
- 不要用白色填充按钮或徽章——它们保持透明描边状态。若使用实心控件,将破坏
- “一切皆为内容”原则。
- 不要在分类标签、导航或滚动指示器上添加图标装饰——仅靠文字,以合适的大小,即可传达界面信息。