精选 · 开放 · 免费

Sreda V A C

一份时效性在线杂志,通过文章、艺术和播客提供对文化与当代性的策展视角。

EditorialCurationExperimentalTypographyGallery
Sreda V A C 网站截图
↓ 下载设计系统包 (11 MB)在 OpenDesign 中打开

原站: https://sreda.v-a-c.org

📦 浏览包内文件 →

01

设计气质 DNA

文化微妙瞬时多媒体策展

为数字时代策划的展览目录。

02

色彩

#000000Ink
#FFFFFFBG
#999999Muted
rgba(0,0,0,1)Line

严格的单色基底搭配锐利的图形线条;图像提供唯一的色彩。

03

字体

geometric-sans

04

间距

4px
8px
16px
24px
32px
48px
64px
96px

充足的留白,结构元素之间保持清晰分隔。

05

表面 (圆角 / 阴影 / 边线)

sm · 10px
md · 10px
lg · 10px
pill · 999px

用于线条和分隔符的 1px 黑色细边框,具有结构性。

06

布局

1280container
12columns
24pxgutter
768 / 1024breakpoints

使用实线和点线连接元素的自由流动图解式布局。

07

动效与交互

200msmicro
300mssmall
300msmedium
cubic-bezier(0.4, 0, 0.2, 1)easing

交互元素的 hover transition

可点击元素的颜色和透明度变化。 · 标准导航触发。

08

组件

09

文案语气与禁用清单

10

包内真实截图

抓自真实页面 · 真 computed styles

11

System Prompt

Sreda 是一份具有极简、图解式和编辑设计风格的文化在线杂志。布局很大程度上依赖于黑白(#000000 和 #FFFFFF)的鲜明单色调色板,并使用柔和的灰色(#999999)作为次级元素。排版采用几何无衬线字体类别用于展示和正文文本,渲染尺寸较大(最高 80px)且行高紧凑。布局特点在于使用实线和点线连接文本与图像,营造出“图 1”般的图解感。关键禁忌:不要为部分引入彩色背景填充;保持纯白画布。不要使用传统的 UI 组件,如带阴影的卡片或圆角按钮;改用文本链接和线条。不要为标题使用衬线排版;设计严格限于无衬线字体。

把这份品味接进你的 Agent

把这套设计的机器可读规格——色彩、字体、动效,整套 DNA——直接交给你的 AI Agent。

OpenDesign 技能 ↗ · 本站 Agent 包 ↗

en · zh-CN · zh-TW · ja · ko