---
name: Sreda V A C
description: "Worth including for its unique 'editorial diagram' approach, blending traditional publishing content with experimental, non-linear layout structures."
version: alpha

colors:
  background: "#FFFFFF"
  primary: "#000000"
  neutral: "#999999"
  line: "rgba(0,0,0,1)"

typography:
  display:
    fontFamily: geometric-sans
    fontSize: 80px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "-1px"
  h2:
    fontFamily: geometric-sans
    fontSize: 48px
    lineHeight: 1.0
    fontWeight: 400
    letterSpacing: "-1px"
  body:
    fontFamily: geometric-sans
    fontSize: 16px
    lineHeight: 1.65
    fontWeight: 400
    letterSpacing: "normal"

rounded:
  sm: 10px
  md: 10px
  lg: 10px
  pill: 999px

spacing:
  xs: 4px
  sm: 8px
  md: 16px
  lg: 24px
  xl: 32px
  2xl: 48px
  3xl: 64px

---

## Overview

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

*A curated exhibition catalog for the digital age.*

## Colors

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

- **Background (`#FFFFFF`)** — uses `bg` token
- **Primary text (`#000000`)** — uses `ink` token
- **Muted (`#999999`)** — uses `muted` token
- **Borders (`rgba(0,0,0,1)`)** — uses `line` token

## Typography

- **Display:** geometric-sans
- **Body:** geometric-sans

## Layout

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

*Rhythm:* Generous whitespace with distinct separation between structural elements.

## Elevation & Depth

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

## Shapes

- `sm`: 10px
- `md`: 10px
- `lg`: 10px
- `pill`: 999px

## Components

- **button:** Text links with arrows, functioning as navigation.
- **card:** None; content is presented as connected nodes in a diagram.
- **chip:** Language toggles (Ru / En) separated by a slash.
- **input:** None visible.
- **hero:** A mix of large typography, diagrammatic lines, and a featured illustration.

## Do's and Don'ts

**Don't:**
- Don't use colorful backgrounds for containers — screenshot shows plain white (#FFFFFF) for the primary background.
- Don't use drop shadows or depth effects — screenshot shows completely flat surfaces.
- Don't use serif fonts for main titles — screenshot shows a geometric sans-serif for the word 'Sreda'.
- Don't use traditional card-based layouts — screenshot shows elements connected by lines in a diagrammatic style.
- Don't use colored accent buttons — screenshot shows plain text links with arrows as primary CTAs.
- Don't use complex image galleries — screenshot shows a single, large, full-width illustrative artwork.

---

## System Prompt (paste into AI agent)

```
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.
```