PostNew

闭馆后的画廊,展示日光般的跨页。
PostNew 像闭馆后的画廊:近黑画布(#1a1a1a)构成安静展柜框架,打开内容时,铺满边缘的编辑跨页以彩色、摄影和粗展示文字爆发。结构层极为无彩色,整个界面仅由五个近灰阶 Token 承载,全部彩色表达交给内容本身。字体刻意稀少:编辑场景只有两种字号的 ABC Diatype Medium,界面框架使用 12px 系统无衬线。整体更像经过策展,而非被设计;作品集外壳隐去,让作品表演。
查看原始网站使用规范
建议采用
- 画布保持 #1a1a1a,不改为纯 #000 或更浅灰;近黑色就是画廊地面。
- ABC Diatype Medium 仅使用 18px 或 22px,这两者是全部编辑字号,不扩大或插入中间值。
- 所有 ABC Diatype 文字的 letter-spacing 为 -0.025em;这一字重下的紧凑字间距是标志性特征。
- 全部界面圆角保持 0px;尖角必须遵循,这里是画廊,而非友好型 SaaS 应用。
- #fafafa 留给深色画布上的文字与浅色表面元素,不用于页面背景。
- 图像承载所有彩色;五种中性色就是全部界面色板,不引入品牌色 Token。
- 元素间距保持 10px,分区间距为 50px;紧凑画廊节奏依靠紧密聚类与刻意呼吸空间。
建议避免
- 不要引入饱和品牌色、强调色相或成功/错误/警告语义状态,它们会破坏无彩色画廊框架。
- 卡片、按钮、图像或框架不加圆角;0px 圆角是结构要求。
- 不要添加阴影或抬升;深度来自 #1a1a1a → #242424 → #5d5d5d 的表面阶梯,而非 box-shadows。
- ABC Diatype 不使用超过两种字号;18px 与 22px 就是完整编辑尺度。
- 系统无衬线不超过 12px;它只服务界面框架,而非编辑内容。
- 编辑正文不居中;设计采用齐左或铺满边缘的构图,而非居中段落。
- 不要添加渐变;体系保持扁平,任何渐变都会破坏画廊墙面隐喻。