DOK Leipzig » 26 Oct – 1 Nov 2026

<!-- Generated by ExtractVibe — https://extractvibe.com/brand/dok-leipzig.de -->
<!-- Extracted: 2026-06-17T13:47:44.507Z | Schema: v1 | Quality: 100/100 -->
---
version: alpha
name: "DOK Leipzig » 26 Oct – 1 Nov 2026"
description: "DOK Leipzig projects a vibrant, engaging, and slightly serious tone, balancing an accessible approach with a professional presentation. It feels modern and energetic, aiming to captivate an audience interested in documentary and animation film."
colors:
  primary: "#ff2710"
  secondary: "#6c757d"
  tertiary: "#0a6dfb"
  neutral: "#ff2710"
  surface: "#ffffff"
  on-surface: "#1a1a1a"
  on-surface-secondary: "#ff2710"
  link: "#ff2710"
  error: "#ff2710"
  warning: "#ffc107"
  success: "#28a745"
  info: "#17a2b8"
typography:
  display-lg:
    fontFamily: "StudioFeixen"
    fontSize: "150px"
    fontWeight: "500"
    lineHeight: "150px"
  headline-lg:
    fontFamily: "StudioFeixen"
    fontSize: "43.008px"
    fontWeight: "500"
    lineHeight: "48px"
  headline-md:
    fontFamily: "StudioFeixen"
    fontSize: "28px"
    fontWeight: "500"
    lineHeight: "33.6px"
  headline-sm:
    fontFamily: "StudioFeixen"
    fontSize: "24px"
    fontWeight: "500"
    lineHeight: "28.8px"
  body-md:
    fontFamily: "StudioFeixen"
    fontSize: "16px"
    fontWeight: "400"
    lineHeight: "24px"
rounded:
  sm: "30px"
  lg: "160px"
  full: "9999px"
spacing:
  base: "2px"
  xs: "1px"
  sm: "2px"
  md: "4px"
  lg: "6px"
  xl: "8px"
components:
  button-secondary:
    backgroundColor: "#ffffff"
    textColor: "#ff2710"
    rounded: "160px"
    padding: "16px 32px"
    fontSize: "16px"
    fontWeight: "400"
    borderColor: "#ff2710"
    borderWidth: "1px"
  button-primary:
    backgroundColor: "#ff2710"
    textColor: "#1a1a1a"
    rounded: "0px"
    padding: "0px 16px"
    fontSize: "16px"
    fontWeight: "400"
    borderColor: "#1a1a1a"
    borderWidth: "0px 0px 0px 1px"
  button-outline:
    textColor: "#1a1a1a"
    rounded: "160px"
    padding: "16px 32px"
    fontSize: "17.008px"
    fontWeight: "400"
    borderColor: "#1a1a1a"
    borderWidth: "1px"
---

# DOK Leipzig » 26 Oct – 1 Nov 2026 — Design System

## Overview

DOK Leipzig's design system embodies the spirit of The Creator and The Explorer archetypes. It projects a vibrant, energetic, and modern aesthetic, aligning with the professional yet accessible presentation of comparable brands like Sundance Film Festival and Berlinale. The visual language is direct and engaging, designed to captivate an audience deeply interested in documentary and animation film. This is not a minimalist or overly abstract design; it prioritizes clear communication and dynamic presentation over subdued elegance.

The system avoids a frivolous or overly playful tone, despite its vibrancy. It maintains a serious undercurrent, reflecting the depth and importance of the films showcased. The design is not retro or nostalgic; it is firmly contemporary, utilizing bold elements and a focused color palette to convey its message effectively. The objective is to create an immersive and informative experience, balancing artistic expression with functional clarity, ensuring the brand remains memorable and impactful within the global film festival landscape.

**Key characteristics:**

- Vibe — vibrant, energetic, modern, professional, engaging, direct
- Archetypes — The Creator, The Explorer
- Comparable to — Sundance Film Festival, Berlinale, Annecy Festival, SXSW
- Design era — contemporary-bold
- Emotional tone — enthusiastic-authoritative
- Target audience — Film enthusiasts, industry professionals, and a general public interested in thought-provoking documentary and animation cinema.
- Visual energy — 8/10 (high-energy/bold)

## Colors

The primary color, #ff2710 (DOK Red), is the cornerstone of the DOK Leipzig brand. It signals immediate vibrancy, energy, and a bold, direct presence. This singular, powerful hue ensures high impact and memorability, reflecting the festival's dynamic and engaging character. The stark contrast with the #ffffff surface color emphasizes clarity and professionalism, allowing the content to stand out while maintaining a modern, clean aesthetic. The limited palette reinforces focus and avoids visual clutter.

### Light mode

| Role | Hex | Name |
|------|-----|------|
| primary | `#ff2710` | Scarlet |
| secondary | `#6c757d` | Slate Gray |
| accent / tertiary | `#0a6dfb` | Dodger Blue |
| background | `#ffffff` | White |
| text | `#1a1a1a` | Near-Black |
| secondary text | `#ff2710` | Scarlet |
| link | `#ff2710` | Scarlet |
| muted | `#ff2710` | Scarlet |

### Semantic

| Role | Hex | Use |
|------|-----|-----|
| success | `#28a745` | Confirmations, positive states |
| warning | `#ffc107` | Caution, intermediate states |
| error | `#ff2710` | Failures, destructive actions |
| info | `#17a2b8` | Neutral information, tips |

## Typography

The exclusive use of StudioFeixen for all typographic elements establishes a cohesive and distinct brand voice. This singular font choice, applied consistently, communicates a modern, confident, and professional tone. Hierarchy is achieved through variations in weight, size, and color, ensuring clear readability and guiding the user's attention. The type system is designed for direct communication, reflecting DOK Leipzig's commitment to clarity and accessibility while maintaining its energetic and contemporary brand identity.

### Font families

| Family | Role | Source | Weights |
|--------|------|--------|---------|
| StudioFeixen | body | self-hosted | 400, 600 |
| StudioFeixen | heading | self-hosted | 500 |

### Type scale

| Role | Family | Size | Weight | Line height | Letter spacing |
|------|--------|------|--------|-------------|----------------|
| Display | StudioFeixen | 150px | 500 | 150px | — |
| Heading 2 | StudioFeixen | 43.008px | 500 | 48px | — |
| Heading 3 | StudioFeixen | 28px | 500 | 33.6px | — |
| Heading 4 | StudioFeixen | 24px | 500 | 28.8px | — |
| Body | StudioFeixen | 16px | 400 | 24px | — |

### Conventions

- Heading case — title-case
- Body line-height — 24px

## Layout

- Base spacing unit — `2px`

## Elevation & Depth

### Shadows

| Context | Value |
|---------|-------|
| button | `rgb(26, 26, 26) 0px 0px 0px 1px` |
| button | `rgba(0, 0, 0, 0) 0px 0px 0px 1px` |

## Shapes

Border-radius scale:

- `sm` — 30px
- `lg` — 160px
- `full` — 9999px (pill / circular)

## Components

### Buttons

**Secondary**

- Background — `#ffffff`
- Text — `#ff2710`
- Radius — `160px`
- Padding — `16px 32px`
- Font size — `16px`
- Font weight — `400`
- Border — `1px solid #ff2710`
- Sample copy — "Zum Warenkorb"

**Primary**

- Background — `#ff2710`
- Text — `#1a1a1a`
- Radius — `0px`
- Padding — `0px 16px`
- Font size — `16px`
- Font weight — `400`
- Border — `0px 0px 0px 1px solid #1a1a1a`
- Sample copy — "Menu"

**Outline**

- Text — `#1a1a1a`
- Radius — `160px`
- Padding — `16px 32px`
- Font size — `17.008px`
- Font weight — `400`
- Border — `1px solid #1a1a1a`
- Sample copy — "4 weitere Einträge"

## Do's and Don'ts

### Do

- Utilize the primary color #ff2710 for high-impact elements and primary calls to action, ensuring strong contrast with #1a1a1a text.
- Apply StudioFeixen 500 for all headings, rendered in title-case, to maintain a consistent energetic yet structured feel.
- Set body text using StudioFeixen 400 with a line-height of 24px for optimal readability on #ffffff backgrounds.
- Primary buttons should feature a #ff2710 background with #1a1a1a text and sharp, 0px border-radius, with no visible shadow.
- Secondary buttons should have a #ffffff background, #ff2710 text, a #ff2710 border, and a large 160px border-radius, with padding of 16px 32px.
- Outline buttons should use #1a1a1a text, a #1a1a1a border, and a large 160px border-radius, with padding of 16px 32px.
- Maintain a base spacing unit of 2px for all layout and component spacing, ensuring consistent visual rhythm.
- Employ the accent color #0a6dfb sparingly for interactive elements or links that require subtle emphasis without competing with the primary red.

### Don't

- Avoid the use of gradients; the brand's visual identity is flat and relies on solid color blocks.
- Do not use emojis in any official copy or communication; the brand maintains a more formal and direct tone.
- Refrain from using exclamations frequently; they should be rare to preserve the brand's enthusiastic but not overly effusive voice.
- Do not apply shadows to buttons or other interactive elements beyond the subtle 1px border shadow found on some buttons, maintaining a generally flat aesthetic.
- Avoid varying font families; strictly adhere to StudioFeixen for all typographic needs.
- Do not use border radii smaller than 30px, except for the primary button's 0px radius; all other rounded elements should be 30px or 160px.

*Source — merged*

## Voice

### Tone (1–10 scale)

| Axis | Score | Lean |
|------|-------|------|
| Formal ↔ Casual | 3/10 | formal |
| Playful ↔ Serious | 8/10 | serious |
| Enthusiastic ↔ Matter-of-fact | 7/10 | matter-of-fact |
| Respectful ↔ Irreverent | 2/10 | respectful |
| Technical ↔ Accessible | 6/10 | balanced |

### Copywriting style

- Avg. sentence length — 12 words
- Vocabulary — moderate
- Jargon — some
- CTA style — action-oriented imperative verbs with benefit-driven phrases
- Rhetorical devices — repetition

### Sample copy

> Internationales Leipziger Festival für Dokumentar- und Animationsfilm.

> Early Dove: Sichern Sie sich jetzt Ihre Akkreditierung

> Mit einer Akkreditierung erhalten Sie Zugang zu ...

> Das sind die Gewinnerfilme des Doc Alliance Award 2026

> Wer wählt unsere Filme aus? Hallo Auswahlkommission!

## Logos

| Type | Variant | Format | URL | Confidence |
|------|---------|--------|-----|------------|
| primary | — | svg | [link](https://extractvibe.com/api/assets/brands/dok-leipzig.de/logo-svg-10.svg) | 84% |
| primary | — | svg | [link](https://extractvibe.com/api/assets/brands/dok-leipzig.de/logo-svg-11.svg) | 84% |
| primary | color | png | [link](https://extractvibe.com/api/assets/brands/dok-leipzig.de/logo-4.png) | 80% |
| primary | color | svg | [link](https://extractvibe.com/api/assets/brands/dok-leipzig.de/logo-3.svg) | 80% |
| primary | color | svg | [link](https://extractvibe.com/api/assets/brands/dok-leipzig.de/logo-8.svg) | 80% |
| wordmark | color | svg | [link](https://extractvibe.com/api/assets/brands/dok-leipzig.de/logo-2.svg) | 80% |
| wordmark | color | png | [link](https://extractvibe.com/api/assets/brands/dok-leipzig.de/logo-7.png) | 80% |
| wordmark | color | png | [link](https://extractvibe.com/api/assets/brands/dok-leipzig.de/logo-5.png) | 80% |
| wordmark | color | svg | [link](https://extractvibe.com/api/assets/brands/dok-leipzig.de/logo-1.svg) | 80% |
| logomark | color | jpg | [link](https://extractvibe.com/api/assets/brands/dok-leipzig.de/logo-6.jpg) | 80% |
| secondary | — | svg | [link](https://extractvibe.com/api/assets/brands/dok-leipzig.de/logo-9.svg) | 80% |
| favicon | — | ico | [link](https://extractvibe.com/api/assets/brands/dok-leipzig.de/logo-0.ico) | 62% |

## Sources

- Official brand guidelines — https://www.dok-leipzig.de/en/press-images
- Live brand page — https://extractvibe.com/brand/dok-leipzig.de
- Raw JSON — https://extractvibe.com/api/brand/dok-leipzig.de
- DESIGN.md (this file) — https://extractvibe.com/api/brand/dok-leipzig.de/design.md
- Extracted — 2026-06-17T13:47:44.507Z
- Generator — ExtractVibe vv1
- Quality score — 100/100

npx @google/design.md lint DESIGN.md
npx @google/design.md export --format tailwind DESIGN.md