CURATED · OPEN · FREE

Sreda V A C

A time-sensitive online magazine offering a curated view on culture and contemporaneity through essays, art, and podcasts.

EditorialCurationExperimentalTypographyGallery
Sreda V A C screenshot
↓ Download design system (11 MB)Open in OpenDesign

Visit: https://sreda.v-a-c.org

📦 Browse pack contents →

01

Identity DNA

CulturalNuancedEphemeralMultimediaCuratorial

A curated exhibition catalog for the digital age.

02

Color

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

Strict monochrome base with sharp graphic lines; imagery provides the only color.

03

Typography

geometric-sans

04

Spacing

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

Generous whitespace with distinct separation between structural elements.

05

Surfaces

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

Thin 1px black borders used structurally for lines and dividers.

06

Layout

1280container
12columns
24pxgutter
768 / 1024breakpoints

Free-flowing diagrammatic layout using solid and dotted lines to connect elements.

07

Motion & Interaction

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

Hover transitions on interactive elements

Color and opacity changes on clickable elements. · Standard navigation triggers.

08

Components

09

Voice & Don'ts

10

Inside the pack — real screenshots

Captured from the live site · real computed styles

11

System prompt

Sreda is a cultural online magazine with a minimalist, diagrammatic, and editorial design. The layout relies heavily on a stark monochrome palette of black (#000000) and white (#FFFFFF), with a muted gray (#999999) used for secondary elements. Typography features geometric sans-serif categories for both display and body text, rendered in large scales (up to 80px) with tight line heights. The layout is characterized by the use of solid and dotted lines connecting text and images, creating a 'fig. 1' diagrammatic feel. Critical donts: Do not introduce colored background fills for sections; maintain the stark white canvas. Do not use traditional UI components like shadowed cards or rounded buttons; use text links and lines instead. Do not use serif typography for headings; the design is strictly sans-serif.

Bring this taste to your agent

Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.

OpenDesign skill ↗ · This pack for agents ↗

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