Zum Inhalt springen
moviefriends Brand

09 · Downloads

Brand-Kit

Alle Logos, Icons, Tokens und Schriften – einzeln oder als ein Paket. Die Dateien kommen direkt aus dem Repository (design/brand, packages/design-tokens), das Manifest brand-kit.json listet Maße und SHA-256-Prüfsummen.

Alles in einem Paket

ZIP mit Logos, Bildmarke, App-Icon, Favicons, Tokens (JSON, CSS, Tailwind, TypeScript, SwiftUI), Designregeln und Schriften samt Lizenz.

moviefriends-brand-kit.zip

Logos

  • Logo horizontal · dunkler Grund

    Kopfzeilen, Präsentationen, Social Media auf Nachtschwarz

    SVG · 1074 × 174 px · 7,7 KB

    Herunterladen

  • Logo horizontal · dunkler Grund (PNG)

    Wo kein SVG geht (Office, Mail-Signatur); transparent

    PNG · 2148 × 348 px · 54 KB

    Herunterladen

  • Logo horizontal · heller Grund

    Dokumente, Briefpapier, Druck auf Elfenbein oder Weiß

    SVG · 1074 × 174 px · 7,7 KB

    Herunterladen

  • Logo horizontal · heller Grund (PNG)

    Wo kein SVG geht; transparent

    PNG · 2148 × 348 px · 54,3 KB

    Herunterladen

Bildmarke

  • Bildmarke „Filmstern“ · dunkler Grund

    Große Flächen, Profilbilder, ab 40 px Breite

    SVG · 64 × 50 px · 762 B

    Herunterladen

  • Bildmarke „Filmstern“ · heller Grund

    Heller Grund, ab 40 px Breite

    SVG · 64 × 50 px · 768 B

    Herunterladen

  • Bildmarke klein (ohne Perforation)

    24–39 px Breite und farbige Hintergründe

    SVG · 64 × 50 px · 502 B

    Herunterladen

App-Icon

  • App-Icon (SVG)

    Vorlage für alle Größen; Ecken 22,4 %

    SVG · 1024 × 1024 px · 917 B

    Herunterladen

  • App-Icon 1024 × 1024

    App Store, PWA, große Vorschauen

    PNG · 1024 × 1024 px · 43,2 KB

    Herunterladen

  • App-Icon 512 × 512

    PWA-Manifest, Profilbilder

    PNG · 512 × 512 px · 19,4 KB

    Herunterladen

Favicon

  • Favicon (SVG, nur Stern)

    <link rel="icon" href="/favicon.svg" type="image/svg+xml">

    SVG · 28 × 26 px · 321 B

    Herunterladen

  • Favicon 32 × 32

    <link rel="icon" href="/favicon-32.png" sizes="32x32">

    PNG · 32 × 32 px · 809 B

    Herunterladen

  • Apple-Touch-Icon 180 × 180

    <link rel="apple-touch-icon" href="/favicon-180.png">

    PNG · 180 × 180 px · 3,2 KB

    Herunterladen

Tokens und Regeln

  • Design-Tokens (W3C-Format)

    Quelle der Wahrheit für alle Werte – maschinenlesbar

    JSON · 20,6 KB

    Herunterladen

  • CSS-Variablen

    var(--color-gold) in jedem Web-Projekt

    CSS · 11,8 KB

    Herunterladen

  • Tailwind-4-Theme

    @import nach tailwindcss → bg-surface, text-gold …

    CSS · 7,8 KB

    Herunterladen

  • TypeScript-Konstanten

    tokens.color.gold in TypeScript/JavaScript

    TS · 56,5 KB

    Herunterladen

  • SwiftUI-Konstanten

    MFColor.gold, MFFont.display(34) für iPhone/iPad

    SWIFT · 17,7 KB

    Herunterladen

  • Designregeln (Markdown)

    Vollständige Regeln für Menschen und KI-Agenten

    MD · 37,3 KB

    Herunterladen

Schriften

  • Big Shoulders 600 (latin)

    Webfont (WOFF2), SIL Open Font License 1.1

    WOFF2 · 14,3 KB

    Herunterladen

  • Big Shoulders 600 (latin-ext)

    Webfont (WOFF2), SIL Open Font License 1.1

    WOFF2 · 12,8 KB

    Herunterladen

  • Big Shoulders 700 (latin)

    Webfont (WOFF2), SIL Open Font License 1.1

    WOFF2 · 14,3 KB

    Herunterladen

  • Big Shoulders 700 (latin-ext)

    Webfont (WOFF2), SIL Open Font License 1.1

    WOFF2 · 12,8 KB

    Herunterladen

  • Big Shoulders 800 (latin)

    Webfont (WOFF2), SIL Open Font License 1.1

    WOFF2 · 14,3 KB

    Herunterladen

  • Big Shoulders 800 (latin-ext)

    Webfont (WOFF2), SIL Open Font License 1.1

    WOFF2 · 12,8 KB

    Herunterladen

  • Instrument Sans 400 (latin)

    Webfont (WOFF2), SIL Open Font License 1.1

    WOFF2 · 16,5 KB

    Herunterladen

  • Instrument Sans 400 (latin-ext)

    Webfont (WOFF2), SIL Open Font License 1.1

    WOFF2 · 6,7 KB

    Herunterladen

  • Instrument Sans 500 (latin)

    Webfont (WOFF2), SIL Open Font License 1.1

    WOFF2 · 16,8 KB

    Herunterladen

  • Instrument Sans 500 (latin-ext)

    Webfont (WOFF2), SIL Open Font License 1.1

    WOFF2 · 6,8 KB

    Herunterladen

  • Instrument Sans 600 (latin)

    Webfont (WOFF2), SIL Open Font License 1.1

    WOFF2 · 17 KB

    Herunterladen

  • Instrument Sans 600 (latin-ext)

    Webfont (WOFF2), SIL Open Font License 1.1

    WOFF2 · 6,8 KB

    Herunterladen

  • Instrument Sans 700 (latin)

    Webfont (WOFF2), SIL Open Font License 1.1

    WOFF2 · 16,6 KB

    Herunterladen

  • Instrument Sans 700 (latin-ext)

    Webfont (WOFF2), SIL Open Font License 1.1

    WOFF2 · 6,6 KB

    Herunterladen

  • Schrift-Lizenzen (SIL OFL 1.1)

    Muss bei Weitergabe der Schriftdateien beiliegen

    MD · 6,3 KB

    Herunterladen

  • fonts.css (Stil A)

    @font-face für Big Shoulders und Instrument Sans

    CSS · 5,8 KB

    Herunterladen

Favicons einbinden

<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="icon" href="/favicon-32.png" sizes="32x32" type="image/png">
<link rel="apple-touch-icon" href="/favicon-180.png">