# Design System — Verkehrskadetten **Version:** 2.0.0 · **Stand:** 2026-09-15 **Quelle:** Marken-Manual Verkehrskadetten, November 2025 (`downloads/Verkehrskadetten_Marken-Manual.pdf`) **URL:** marke.verkehrskadetten.ch **Kontakt:** marke@verkehrskadetten.ch --- ## Markenidentität **Marke:** Verkehrskadetten — die Dachmarke, um die es in diesem Design-System geht. **Träger:** Schweizerischer Verkehrskadetten Verband, kurz **SVKV** — die Organisation hinter der Marke. Der Verbandsname gehört in rechtliche Kontexte (Copyright, Impressum, Verträge), nicht in die Markenkommunikation. **Claim:** Jugend bewegt Verkehr **Kurzformel:** Wir sichern Verkehr und Zugänge bei Veranstaltungen — verlässlich, wirksam, ehrenamtlich. ### Markenidentität entlang von drei Fragen | Frage | Antwort | |---|---| | **WAS** wir konkret tun | Wir sichern Verkehr und Zugänge bei Veranstaltungen — verlässlich, wirksam, ehrenamtlich. | | **WIE** wir es tun | Mit geschulten Jugendlichen, klarem Ablauf, menschlichem Auftreten — und regionaler Verankerung. | | **WARUM** wir tun, was wir tun | Weil gesellschaftliches Miteinander sichere Mobilität und Verantwortung braucht. | **WAS im Detail** - Verkehrsregelung, Streckensicherung, Umleitungen - Parkplatzdienst, Zufahrts- und Zugangskontrollen - Unterstützung bei Sicherheit, Orientierung und Personenlenkung - Einsätze bei Umzügen, Sportanlässen, Festen, Märkten u. v. m. **WIE im Detail** - Gemeinnützig statt profitorientiert — aber verlässlich und präsent - Jugendliche übernehmen Verantwortung und leisten einen Beitrag zum gesellschaftlichen Miteinander - Freundlich, verbindlich, hilfsbereit — statt aggressiv oder autoritär - Klare Strukturen, Trainings, enge Zusammenarbeit mit Polizei und Veranstaltern - Einfach im Handling für Auftraggeber, unkompliziert in der Koordination **WARUM im Detail** - Verkehrskadetten tragen dazu bei, dass öffentliche Anlässe sicher, geordnet und für alle zugänglich durchgeführt werden können - Sie ermöglichen gesellschaftliches Leben durch freiwilliges Engagement im Verkehrsdienst - Jugendliche erfahren Sinn, Anerkennung und Verantwortung durch reale Wirkung im Alltag ### Claim: «Jugend bewegt Verkehr» Kraftvoll und klar — der Claim bringt in drei Worten auf den Punkt, was die Verkehrskadetten leisten. Er eignet sich für kommunikative Anwendungen aller Art, von der Website bis zum Roll-up. - **Jugend** — das Herz der Organisation: engagierte junge Menschen, die Verantwortung übernehmen. - **Bewegt** — macht sichtbar, dass echte Wirkung entsteht. Sichtbar auf der Strasse, spürbar im Miteinander. - **Verkehr** — unser Einsatzfeld, aber auch Symbol für Ordnung, Sicherheit und gesellschaftliches Zusammenwirken. ### Tonalität **Prinzip:** Reduce to the max - Kurze, präzise Sätze · Aktive Sprache · Fakten vor Adjektiven - Kein Marketingsprech, keine Übertreibungen, keine Mehrdeutigkeiten - Immer **«Uniform»**, nie «Weste» --- ## Markenarchitektur Unter dem gemeinsamen Dach «Verkehrskadetten» gibt es **drei Formen des Auftritts**. Regionale Abteilungen nutzen den gemeinsamen Rahmen je nach Bedarf und eigener Identität. | Form | Kurzformel | Beschreibung | |---|---|---| | **Familie** | Ein Auftritt, eine Marke | Die Abteilung übernimmt Logo, Farben und das gesamte Design der nationalen Dachmarke. Der regionale Name wird integriert (z. B. «Verkehrskadetten Zürioberland»). | | **Endorsed** | Eigenes Logo, gemeinsame Gestaltung | Die Abteilung behält ihr bestehendes Logo, übernimmt aber das Designsystem der Dachmarke (Farben, Schriften, Bildsprache). Das nationale Logo wird als Absender sichtbar mitgeführt. | | **Kollaboration** | Zwei Marken, eine sichtbare Verbindung | Die Abteilung tritt weitgehend unabhängig auf (eigenes Logo, eigenes Design), ergänzt aber punktuell durch die Wortmarke «Verkehrskadetten Schweiz». | > «Verkehrskadetten Schweiz» ist die Absender-Schreibweise der Wortmarke im > Kollaborations-Fall — kein eigener Markenname. Die Marke heisst **Verkehrskadetten**. Die Abteilungslogos in diesem Portal bilden den Fall **Familie** ab. --- ## Versprechen Unser Einsatz schafft Sicherheit und stiftet Sinn für alle Beteiligten. Wir verbinden funktionalen Nutzen mit persönlichem Wert — für Veranstalter, für Jugendliche und für Eltern. - Jugendliche erleben Verantwortung, Gemeinschaft und Selbstwirksamkeit. - Eltern sehen, wie ihre Kinder wachsen — im geschützten Rahmen und mit klarer Aufgabe. - Veranstalter erhalten Verlässlichkeit, Übersicht und eine positive Wirkung nach aussen. ### Was wir Jugendlichen und Eltern versprechen | Versprechen | Kurzformel | Merksatz | |---|---|---| | Verantwortung statt Rollenspiel | Nicht nur üben, wirksam sein | «Du wirst gebraucht, nicht nur beschäftigt.» | | Uniform mit Wirkung | Anerkennung im Aussen | «Du wirst gesehen und respektiert.» | | Kameradschaft mit Basis | Teamwork mit klaren Rollen | «Gemeinsam etwas leisten.» | | Sinnvolle Freizeit mit Effekt | Mitwirken statt mitmachen | «Weil Du mitmachst, wird's besser für alle.» | | Erste, echte Berufserfahrung | Gut für die eigene Zukunft | «Erfahrungen, die man brauchen kann.» | ### Was wir Veranstalter:innen versprechen | Versprechen | Kurzformel | Merksatz | |---|---|---| | Zuverlässigkeit | Ehrenamtlich, aber geschult | «Pünktlich, geschult und einsatzbereit.» | | Menschlichkeit & Nähe | Positiv statt aggressiv | «Verkehrslenkung ohne Ellenbogen.» | | Image-Gewinn | Funktion & Haltung | «Wer mit VK arbeitet, zeigt Verantwortung.» | | Einfachheit im Handling | Unkompliziert | «Gute Organisation & klare Absprachen.» | | Kostenbewusste Professionalität | Nicht profitorientiert | «Starker Auftritt ohne Grossbudget.» | --- ## Botschaften Unsere Kommunikation wirkt, wenn sie verstanden wird: konkret, zugewandt und klar — abgestimmt auf die Zielgruppe, verbunden durch eine gemeinsame Haltung. **Dach:** Weil gesellschaftliches Miteinander sichere Mobilität braucht, sichern wir mit Jugendlichen den Verkehr — verlässlich, wirksam, ehrenamtlich. **Obergeschoss:** Jugend bewegt Verkehr — Verkehrsdienst mit Verantwortung, gemeinnützig, verlässlich und von Jugendlichen getragen. ### Pfeiler 1 — Jugendliche: Warum sich Mitmachen lohnt > Bei uns übernimmst du Verantwortung — im echten Einsatz, im Team, für andere. - Du bist Teil eines echten Einsatzes, nicht nur einer Übung. - Du trägst Verantwortung, bekommst Vertrauen und wirst ernst genommen. - Du findest Zusammenhalt, klare Rollen und Respekt; dabei entstehen Freundschaften, die ein Leben lang halten. - Mit deiner Uniform zeigst du Haltung — und wirst als Teil von etwas Grösserem wahrgenommen. - Du lernst, wie man Situationen überblickt, Menschen führt und mit Stress umgeht. - Dafür gibt's ein kleines Sackgeld, viel Erfahrung und das gute Gefühl, wirklich gebraucht zu werden. ### Pfeiler 2 — Eltern: Warum man uns vertrauen kann > Ihr Kind wächst an der Aufgabe — mit Ausbildung, Struktur und echtem Vertrauen. - Ihr Kind lernt, Verantwortung zu übernehmen, Schritt für Schritt, in verlässlichem Rahmen. - Es bewegt sich in einem strukturierten Umfeld, das Sicherheit gibt und gleichzeitig Freiraum schafft. - Wir fördern Sozialkompetenz, Teamfähigkeit und Durchsetzungsvermögen — Fähigkeiten, die weit über den Einsatz hinaus wirken. - Ihr Kind lernt, sich zu behaupten: freundlich, aber bestimmt. - Es gewinnt Einblick in sicherheitsnahe Berufe, von der Polizei bis zur Sanität. - Unsere Organisation ist gemeinnützig, lokal verankert und mit Herz geführt. ### Pfeiler 3 — Veranstalter:innen: Warum man mit uns gut zusammenarbeitet > Wir sichern Ihren Anlass — verlässlich, freundlich, unkompliziert und mit Haltung. - Unsere Jugendlichen sind pünktlich, geschult und einsatzbereit. - Sie treten freundlich auf, bringen Ruhe in Abläufe und geben Ihrem Anlass Sicherheit und Struktur. - Ob Sportanlass, Fest oder Markt: Unsere Präsenz wirkt auch bei Behörden, Publikum und Sponsoren. - Sie erhalten eine einfache Koordination, klare Absprachen und eine zuverlässige Umsetzung. - Mit dem Engagement der VK tun Sie nicht nur etwas für die Verkehrssicherheit, sondern auch für Ihr Image. - Gutes Preis-Leistungs-Verhältnis: gemeinnützig organisiert, aber professionell ausgeführt. --- ## Anwendungen Das Erscheinungsbild ist flexibel einsetzbar und passt sich den Kommunikationsmitteln an, ohne Wiedererkennbarkeit oder Klarheit zu verlieren. Typische Anwendungen: - Gemeinsamer Webauftritt und Webauftritte der einzelnen Abteilungen - Social-Media-Kanäle der Dachorganisation oder der Abteilungen - Einsatzfahrzeuge und deren Beklebung - Sticker, Roll-ups, Flyer, Präsentationen und weitere Vorlagen im Kontakt mit Jugendlichen, Eltern, Veranstaltern und Behörden Jede dieser Anwendungen existiert in den drei Architektur-Formen Familie, Endorsed und Kollaboration. Für Social Media gibt es zwei Grössen der Bildmarke: mit Regionalnamen auf **zwei Zeilen** oder auf **einer Zeile**. --- ## Farben Die Farbwelt kennt genau vier Werte: Primärfarbe, Sekundärfarbe, Weiss und Schwarz. | Rolle | Token | Name | HEX | RGB | CMYK | Pantone | |---|---|---|---|---|---|---| | Primärfarbe | `--orange` | VK Orange | `#FF6300` | 255 · 99 · 0 | 0 · 75 · 100 · 0 | 1585 | | Sekundärfarbe | `--blue` | VK Blau | `#2F5D77` | 47 · 93 · 119 | 86 · 57 · 37 · 15 | 7699 | | Weiss | `--white` | VK Weiss | `#FFFFFF` | 255 · 255 · 255 | 0 · 0 · 0 · 0 | — | | Schwarz | `--black` | VK Schwarz | `#000000` | 0 · 0 · 0 | 100 · 100 · 100 · 100 | — | ### Einsatz der Farben | Farbe | Erlaubte Verwendung | |---|---| | Primärfarbe | «V» der Bildmarke · Hintergrund | | Sekundärfarbe | ausschliesslich Hintergrund | | Weiss | «CH» / Region · Hintergrund · «V» · Text | | Schwarz | «CH» / Region · Hintergrund · «V» · Text | > **Text jeder Art** (Titel, Fliesstext etc.) wird **nie** in Primär- oder > Sekundärfarbe gesetzt. Text steht in Schwarz oder Weiss. ### Funktionale Farben Diese Werte sind **keine Markenfarben**, sondern UI-Hilfswerte für digitale Oberflächen. | Zweck | Wert | |---|---| | Off-White (Karten-/Sektions-Hintergrund) | `#f8f8f8` | | Border | `#eeeeee` | | Text (gedämpft) | `#777777` | | Erfolg | `#2d7a4f` / Hintergrund `#f0faf4` | | Fehler | `#c0392b` / Hintergrund `#fef5f5` | | Orange-Tint | `#fff4ee` (Tags, Icon-Hintergründe) | ### Farbregeln - Primärfarbe hauptsächlich für das «V» der Bildmarke, darüber hinaus als Hintergrundfarbe - Sekundärfarbe ausschliesslich als Hintergrundfarbe - Text nie in Primär- oder Sekundärfarbe - Seitengrund: `white` (#ffffff) · Karten/Sektionen: `#f8f8f8` - **Keine Verläufe** (Gradients) - Schatten nur auf interaktiven Hover-States > **Ausnahme Markenportal:** Dieses Portal (marke.verkehrskadetten.ch) setzt Labels, > Links und Akzente bewusst in Orange. Das ist eine dokumentierte Abweichung für die > Portal-Oberfläche und **kein Vorbild** für Abteilungs-Anwendungen. --- ## Typografie ### Hausschrift: Inter **Lizenz:** SIL Open Font License 1.1 — frei verwendbar (auch extern). **Web-Einbindung:** via rsms.me CDN (kein Self-Hosting). Im ``: `` + ``. CSS nutzt `font-family: Inter` bzw. `InterVariable` (Variable Font, wenn unterstützt) — deckt alle Gewichte 100–900 + Italic ab. **Bezug:** gratis via https://rsms.me/inter/ oder Google Fonts; Download-Paket (OTF/TTF) unter `downloads/inter.zip` **CSS:** `font-family: 'Inter', system-ui, sans-serif;` | Schnitt | Weight | Verwendung | |---|---|---| | Inter Bold | 700 | Schriftmarke, Titel, Slogans, Labels, CTAs, Navigation | | Inter Regular | 400 | Fliesstext, Beschreibungen | | Inter Light | 300 | Claim, ruhiger Fliesstext | | Inter Italic | — | punktuell für Betonungen/Zitate, in allen Gewichten | ### Logo-Schrift: Fakt (OurType) Fakt wird **ausschliesslich im Logo** verwendet. Die Schriftmarke ist in den Logo-SVGs als Pfade hinterlegt — Fakt ist **nicht** für Text/Fliesstext einzusetzen. Lizenz: OurType, intern. Dateien verbleiben unter `assets/fonts/FaktBold.ttf`, `FaktNormal.ttf`, `FaktNormal.otf` (nur für Logo/Asset-Erstellung). ### Schriftgrössen-Skala | Ebene | Grösse | Weight | Zeilenabstand | Besonderheiten | |---|---|---|---|---| | Display / H1 | 40–64 px | 700 | 1.0–1.1 | letter-spacing −0.025em | | Headline / H2 | 24–32 px | 700 | 1.15 | — | | Subheading / H3 | 16–20 px | 700 | 1.3 | — | | Body Text | 14–16 px | 400 | 1.6–1.7 | max-width 580px | | Caption / Label | 9–12 px | 700 | 1.4 | uppercase, letter-spacing 0.10–0.20em | ### Ersatzschriften Falls Inter nicht verfügbar ist (z. B. E-Mail/Office ohne Installation): | Kontext | Schrift | Quelle | |---|---|---| | E-Mail / Office | Calibri | System — ähnliche Proportionen | | Universal | Arial / Helvetica | System — letzter Fallback | --- ## Spacing & Layout ### CSS Custom Properties ```css --orange: #ff6300 --black: #000000 --blue: #2F5D77 --off-white: #f8f8f8 --border: #eeeeee --text-muted: #777777 --max-w: 900px --pad: 40px /* 20px auf Mobile */ --section-gap: 64px /* 48px auf Mobile */ ``` ### Maximale Inhaltsbreite `900px` — zentriert mit `margin: 0 auto` ### Abstände (gebräuchliche Werte) 4 · 8 · 12 · 16 · 20 · 24 · 28 · 32 · 36 · 40 · 48 · 64 · 72 px ### Breakpoints | Breakpoint | Änderungen | |---|---| | ≤ 768 px | Padding → 20px, Section-Gap → 48px, Hero 1-spaltig, Nav-Links ausgeblendet, Grids auf 1–2 Spalten | | ≤ 480 px | Logo-Grid und Download-Grid → 1 Spalte | ### Border-Radius | Stufe | Wert | Verwendung | |---|---|---| | small | 3 px | Select, Toast | | medium | 4–5 px | Buttons, Tags | | large | 8 px | Fallback-Cards | | card | 10 px | Standard-Karten | | pill | 20 px | Bildsprache-Chips | | hero | 12 px | Hero Logo-Box | --- ## Logo-System ### Dachmarke | Variante | Datei | Hintergrund | |---|---|---| | Kombination orange+schwarz *(Standard)* | `assets/logos/Verkehrskadetten_Kombination_RGB_orange+schwarz.svg` | hell | | Kombination orange+weiss | `assets/logos/Verkehrskadetten_Kombination_RGB_orange+weiss.svg` | dunkel | | Kombination outline+schwarz | `assets/logos/Verkehrskadetten_Kombination_RGB_outline+schwarz.svg` | hell | | Kombination outline+weiss | `assets/logos/Verkehrskadetten_Kombination_RGB_outline+weiss.svg` | dunkel | | Bildmarke orange+schwarz | `assets/logos/Verkehrskadetten_Bildmarke_RGB_orange+schwarz.svg` | hell | | Bildmarke orange+weiss | `assets/logos/Verkehrskadetten_Bildmarke_RGB_orange+weiss.svg` | dunkel | | Bildmarke outline+schwarz | `assets/logos/Verkehrskadetten_Bildmarke_RGB_outline+schwarz.svg` | hell | | Bildmarke outline+weiss | `assets/logos/Verkehrskadetten_Bildmarke_RGB_outline+weiss.svg` | dunkel | | Wortmarke schwarz | `assets/logos/Verkehrskadetten_Schriftmarke_RGB_schwarz.svg` | hell | | Wortmarke weiss | `assets/logos/Verkehrskadetten_Schriftmarke_RGB_weiss.svg` | dunkel | > Das Marken-Manual nennt die Textmarke **Wortmarke**. Die Dateinamen tragen aus > historischen Gründen weiterhin `Schriftmarke` — gemeint ist dasselbe Element. **Aufbau:** Das Logo besteht aus Bildmarke, Wortmarke und deren Kombination. Je nach Anwendungszweck wird die vollständige Kombination oder eine Einzelform verwendet. **Schutzraum:** rundum freilassen — die verbindliche Markierung (rote Linie) zeigt Kapitel 6 des Marken-Manuals. **Minimalgrösse:** definiert sich über die Leserlichkeit der Wortmarke. #### Logo-Regeln ✓ Nur freigegebene SVG- und PDF-Dateien verwenden ✓ Ausreichend Schutzraum freilassen ✓ Auf kontrastreichem Hintergrund platzieren ✓ Proportionen beim Skalieren beibehalten ✗ Logo verzerren, drehen oder neu einfärben ✗ Elemente entfernen oder umordnen ✗ Schatten, Verläufe oder Effekte hinzufügen ✗ Eigene Varianten erstellen ### Abteilungslogos **Datei-Schema:** `assets/logos/abteilungen/{id}_{colorMode}_{farbe}.svg` **Varianten:** `RGB_schwarz`, `RGB_weiss`, `CMYK_schwarz`, `CMYK_weiss` | ID | Abteilung | |---|---| | albis | VK Albis | | ausserschwyz | VK Ausserschwyz | | basel | VK Kadetten Korps Basel | | bern | VK Bern | | chur | VK Chur | | fuerstenland | VK Fürstenland | | glarnerland | VK Glarnerland | | luzern | VK Luzern | | nordwest-schweiz | VK Nordwest Schweiz | | rapperswil-jona | VK Rapperswil-Jona | | saanenland | VK Saanenland | | samstagern-richterswil | VK Samstagern-Richterswil | | schaffhausen | VK Schaffhausen | | st-gallen | VK St. Gallen | | st-galler-oberland | VK St. Galler Oberland | | thurgau | VK Thurgau | | winterthur | VK Winterthur | | zuerich-oberland | VK Zürcher Oberland | | zuerich-unterland | VK Zürcher Unterland | | zuerichsee | VK Zürichsee | | zug | VK Zug | --- ## Bildsprache **Stil:** Authentische Fotografie — keine gestellten Stock-Bilder **Motive:** Jugendliche im echten Einsatz **Haltung:** Die Verkehrskadetten sind sympathisch, kompetent und ein Team — die Bilder machen das erlebbar. ### Kriterien - Jugendliche im Einsatz, Gesichtsausdruck authentisch zeigen - Situationen mit Verantwortung, Konzentration und Bewegung — möglichst von vorne fotografiert - Nähe: buchstäblich nah an der Person, Bildausschnitt optimieren - Hintergrund unscharf halten, Fokus auf die Verkehrskadett:in - Uniform als Zeichen für Haltung, nicht für Strenge **Kompetenz** — Professionalität wird über die Person sichtbar: - Handzeichen und Körperposition zeigen (Aufnahmewinkel und -perspektive beachten) - Verkehrssituation einbeziehen - Bildaussage definieren und mit dem Bildschnitt optimieren **Teamgeist** — wird in der Bildsprache spürbar: - Momente, in denen sichtbar wird: man hat Spass, trotz Verantwortung - Mehrere Jugendliche im Einsatz, im Austausch oder in Vorbereitung - Körpersprache, die Zugehörigkeit, gegenseitige Verlässlichkeit und Freude am Tun zeigt ### Bitte vermeiden ✗ Aufnahmen von hinten — abwehrend, exkludierend, befremdend ✗ Problematischer Bildschnitt (z. B. angeschnittene Köpfe) ✗ Keine erkennbare Bildaussage / Verkehrskadett:in in Aktion zu klein ✗ Unscharfe Fotos --- ## Komponenten ### Navigation - Sticky, `z-index: 100`, Höhe 60 px, weisser Hintergrund - Scrolled-State: `box-shadow 0 2px 16px rgba(0,0,0,0.08)` - Links: 13 px, Bold, Farbe `#777` → `#ff6300` (hover/active) + 2 px orange Unterstrich - Mobile (≤768 px): Links ausgeblendet ### Abteilungs-Bar - Höhe 34 px, Hintergrund `#2F5D77` - Dropdown-Auswahl speichert Abteilung als Cookie (365 Tage) - Auswahl beeinflusst: Hero-Logo · Logo-Sektion · Download-Button ### Hero - Desktop: 2-Spalten-Grid (`1fr 280px`), Mobile: 1-spaltig, Logo-Box ausgeblendet - Titel: 56 px, Bold, `letter-spacing: -0.025em` - Akzent-Span: `color: var(--orange)` ### Sektions-Struktur ``` .section-label 11px · Bold · Uppercase · Orange · letter-spacing 0.18em .section-title 32px · Bold · Schwarz .section-desc 15px · Normal · #777 · max-width 580px ``` ### Karten (allgemein) - Border: `1px solid #eee` · Radius: 10 px - Hover: `border-color: var(--orange)` + leichter Schatten ### Farbkacheln - Klick → HEX in Clipboard · Toast-Feedback «Kopiert!» (1.5 s) - Hover: `translateY(-2px)` ### Download-Button - Standard: `background: #000000` · Hover: `background: #ff6300` - Nicht verfügbar: `background: #ccc`, `pointer-events: none` ### Dos & Don'ts - Grün (`#f0faf4` / `#2d7a4f`) für erlaubte Verwendungen - Rot (`#fef5f5` / `#c0392b`) für verbotene Verwendungen --- ## Tech Stack ``` Sprache: Plain HTML5 + CSS3 + Vanilla JS Framework: keins Build-Step: keiner Deploy: FTP-Upload via `bash deploy.sh` (lftp mirror), Zugang in .env VS-Code-Task: «Deploy: FTP Upload» Dev: python3 -m http.server 8080 ``` --- ## Downloads | Datei | Format | Inhalt | |---|---|---| | `downloads/logos-dachmarke.zip` | ZIP | SVG (RGB) + PDF (CMYK): alle Dachmarken-Varianten | | `downloads/logos-abteilungen/{id}.zip` | ZIP | Logos je Abteilung (SVG + PDF) | | `downloads/Verkehrskadetten_Marken-Manual.pdf` | PDF | Vollständiges Marken-Manual | | `downloads/illustrator.zip` | ZIP | Original-.ai-Dateien für Druck | | `downloads/farbpalette.ase` | ASE | Adobe Swatch Exchange (HEX, RGB, CMYK) | | `downloads/web-guidelines.pdf` | PDF | Richtlinien für digitale Auftritte | | `downloads/inter.zip` | ZIP | Inter OTF + TTF (Light/Regular/Bold + Italics), SIL OFL | | `downloads/design-system.json` | JSON | Maschinenlesbares Design System | | `downloads/design-system.md` | MD | Dieses Dokument | | `downloads/favicons.zip` | ZIP | Favicon-Set: ICO, SVG, PNG 16–512 px, Apple Touch Icon | --- ## Nutzungs- & Urheberrechte **Nutzungsrechte:** Die Verkehrskadetten verfügen über vollständige und uneingeschränkte Nutzungsrechte an den erstellten Designs. Ein Wechsel der betreuenden Agentur ist jederzeit möglich, ohne die Nutzungsrechte zusätzlich erwerben zu müssen. **Urheberrechte:** Die Urheberrechte verbleiben stets bei **LOOKINGLATELY | Heimspiel** und dokumentieren, wer die Kreation erstellt hat. Designs — beispielsweise die von LOOKINGLATELY entwickelten Logos — dürfen daher **nur mit vorheriger Absprache und Zustimmung** verändert oder von Dritten bearbeitet werden.