# moviefriends Brand

> Designsystem und Markenrichtlinien von moviefriends (moviefriends.app), dem Online-Filmstudio, in dem Freunde und Familie gemeinsam einen KI-Kurzfilm verschenken. Stil A „Kinosaal“: Nachtschwarz #0F0D0B, Elfenbein #F3ECE2, Kinogold #F0B24A, Schriften Big Shoulders und Instrument Sans. Der Name wird immer klein geschrieben: moviefriends („movie“ Elfenbein, „friends“ Kinogold).

Für KI-Agenten: Lies zuerst die Designregeln (design-system.md) und nimm Farben, Schriften und Maße ausschließlich aus tokens.json. Die Tokens folgen dem W3C-Design-Tokens-Format; alle Dateien sind öffentlich und per CORS abrufbar. Texte für Nutzer sind deutsch, warm und filmisch (Du/Ihr).

## Designsystem

- [Designregeln (Markdown)](https://brand.moviefriends.app/design-system.md): vollständige Regeln – Marke, Tonalität, Logo, Farben mit Kontrasten, Typografie, Abstände, Komponenten, Bildsprache, Social Media
- [Design-Tokens (JSON, W3C)](https://brand.moviefriends.app/tokens.json): einzige Quelle der Wahrheit für Farben, Schriften, Größen, Abstände, Radien, Schatten, Bewegung, Logo- und Social-Media-Maße
- [Brand-Kit-Manifest (JSON)](https://brand.moviefriends.app/brand-kit.json): alle Downloads mit Pfad, Maßen, Größe und SHA-256

## Seiten

- [Marke](https://brand.moviefriends.app/marke): Name, Tagline „Dein Film. Deine Freunde.“, Leo Lux, Tonalität
- [Logo](https://brand.moviefriends.app/logo): Filmstern und Wortmarke, Varianten, Schutzzone, Mindestgrößen, Do und Don't
- [Farben](https://brand.moviefriends.app/farben): Hex, RGB, CSS-Variablen, Tailwind-Klassen, WCAG-Kontraste
- [Typografie](https://brand.moviefriends.app/typografie): Big Shoulders und Instrument Sans, Größen, Textstile
- [Abstände & Radien](https://brand.moviefriends.app/abstaende): 4-px-Raster, Radien, Größen, Schatten, Bewegung
- [Komponenten](https://brand.moviefriends.app/komponenten): Buttons, Karten, Formulare, Fokus, Status
- [Bildsprache](https://brand.moviefriends.app/bildsprache): Kinolicht, Menschen als Stars, KI-Kennzeichnung, Alt-Texte
- [Social Media](https://brand.moviefriends.app/social-media): Formate 1080 × 1080, 1080 × 1920, 1200 × 630 mit Sicherheitsbereichen
- [Downloads](https://brand.moviefriends.app/downloads): Logos, App-Icons, Favicons, Tokens, Schriften

## Downloads

- [Brand-Kit (ZIP)](https://brand.moviefriends.app/downloads/moviefriends-brand-kit.zip): alle Logos, Icons, Tokens, Schriften und Regeln in einem Paket
- [Logo horizontal, dunkler Grund (SVG)](https://brand.moviefriends.app/downloads/logo-horizontal-dark.svg)
- [Logo horizontal, heller Grund (SVG)](https://brand.moviefriends.app/downloads/logo-horizontal-light.svg)
- [Bildmarke Filmstern (SVG)](https://brand.moviefriends.app/downloads/logo-mark.svg)
- [App-Icon 1024 × 1024 (PNG)](https://brand.moviefriends.app/downloads/app-icon-1024.png)
- [Favicon (SVG)](https://brand.moviefriends.app/downloads/favicon.svg)
- [Tailwind-4-Theme (CSS)](https://brand.moviefriends.app/downloads/tokens/tailwind-theme.css)
- [SwiftUI-Konstanten (Swift)](https://brand.moviefriends.app/downloads/tokens/tokens.swift)

## Optional

- [moviefriends.app](https://moviefriends.app): Website des Produkts