精选 · 开放 · 免费
Friendsofthenew
面向新兴艺术家的单色编辑式展廊，以巨型排版呈现与摄影拼贴布局为特色。
EditorialPhotographicStudioPortfolioTypography
01
设计气质 DNA
编辑式策展性摄影极简先锋
一本高端时尚艺术画廊杂志
02
色彩
#000000Ink
#f4f4efBG
rgba(0,0,0,1.0)Line
严格的单色调色板，依靠纯粹的黑色与温暖的米白色实现最大对比度与编辑优雅感。
03
字体
transitional-serif · humanist-sans
- display
200px · 400 - body
10px · 400
标识采用高对比度过渡型衬线字体，营造戏剧化视觉冲击 · 界面元素采用清晰的人文主义无衬线字体，确保小尺寸下的可读性 · 大号展示文本应用紧凑字间距，保持视觉凝聚力
04
间距
4px
8px
16px
20px
24px
32px
48px
64px
96px
基于网格系统，20px栏距，配合充足留白营造编辑式节奏感。
05
表面 (圆角 / 阴影 / 边线)
sm · 0px
md · 0px
lg · 0px
pill · 999px
1px solid rgb(0, 0, 0)
06
布局
1440container
12columns
20pxgutter
768 / 1024breakpoints
底部固定标识，上方为浮动的拼贴式图像网格
07
动效与交互
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing
悬停时平滑的图像滤镜过渡（0.3秒 ease-out） · 元素状态变化的通用过渡效果
图像滤镜或微妙视觉偏移 · 直接导航，无模态中断
08
组件
- button 极简文本链接搭配圆形轮廓指示器
- card 无边框摄影图像在宽松网格中浮动呈现
- chip 圆形指示点用于导航状态
- input 无显式输入字段的极简文本式导航
- hero 全幅展示型标识锚定视口底部
09
文案语气与禁用清单
- 语气 精致、内敛、自信
- 标题风格 巨型、大胆的排版宣言
- 按钮文案 内敛的文本式导航，无传统按钮样式
- 勿使用鲜艳强调色——截图显示严格限定黑色与米白色
- 勿使用圆角——截图显示仅保留直角边缘与圆形药丸形状
- 勿将文本居中对齐——截图显示左对齐导航与底部锚定标识
- 勿使用投影——截图显示完全扁平的摄影图层
- 勿使用无衬线字体作为展示文本——截图显示主标识采用过渡型衬线字体
- 勿添加装饰性边框或框架——截图显示无边框的浮动摄影元素
- 避免: 鲜艳色彩
- 避免: 圆角
- 避免: 投影
- 避免: 装饰性图标
- 避免: 繁复图案
- 避免: 居中文本
- 避免: 无衬线标题
10
包内真实截图
桌面首屏（hero）
桌面滚动分段（90% viewport 步进，作为视觉证据）
桌面滚动分段（90% viewport 步进，作为视觉证据）
移动首屏抓自真实页面 · 真 computed styles
11
System Prompt
本设计网站是面向艺术团体的极简编辑式作品集，以单色调色板与巨型排版为核心特征。设计依靠温暖米白色背景与黑色墨迹的强烈对比，主标识采用过渡型衬线字体，小尺寸界面文本使用人文主义无衬线字体。关键约束条件包括避免使用色彩、圆角与投影，强调扁平的摄影拼贴美学。布局采用底部固定标识与上方浮动图像的结构，营造画廊式体验。避免任何鲜艳色彩或装饰元素，聚焦于排版、摄影与充足留白。
en · zh-CN · zh-TW · ja · ko