Logo, Farben
und Schrift.
Die Gestaltungsreferenz für Presse, Redaktion und Community-Autoren. Hier findest du das Original-Logo und die Regeln für einen gemeinsamen MVPTreff.-Auftritt.
Leitfaden 1.0 · Stand 04.10.2026 · Basis: Website-Design 1.1.6
Unsere Sprechblase.
Immer im Original.
Die 3D-Schrift, die weiße Innenfläche und der leuchtende Rand bilden eine Einheit. Nutze die Originaldatei vollständig und proportional.
Auf hellen Flächen
Weiß oder Helles Blau geben dem Logo Ruhe. Der transparente Außenbereich bleibt erhalten; die weiße Sprechblasenfläche gehört zum Motiv.
Auf dunklen Flächen
Nachtblau lässt den farbigen Rand wirken. Keine zusätzliche Umrandung, keine neuen Schatten und keine Änderung der Originalfarben.
Mindestens ¼ der Höhe
Rund um die vollständige Logo-Dateifläche bleibt ein freier Abstand von mindestens 25 % ihrer dargestellten Höhe. Text, Bilder und Partnerlogos bleiben außerhalb.
Lesbar im Endformat
Mindestens 160 CSS-px Breite digital, 30 mm im Druck. Bei 300 ppi reicht die vorhandene PNG bis etwa 122,6 mm Breite. Für größere Druckflächen eine passende Vorlage anfragen.
Keine Veränderungen
Nicht beschneiden, strecken, umfärben oder nachzeichnen. Den Punkt, den Glow und die weiße Innenfläche erhalten. Kein neues KI-Logo erzeugen.
Helle Bühne.
Prägnante Akzente.
Blau führt. Nachtblau macht Inhalte lesbar. Azure, Cyan und Violett setzen gezielte Highlights. Die folgenden Werte stammen aus dem entwickelten Theme.
MVPTreff. Blau
Primärfarbe · Links, Orientierung, Hauptaktionen
Azure
Akzent · Illustrationen und große grafische Flächen
Cyan
Lichtakzent · Linien, Details und Highlights
Violett
Zweitakzent · gezielte Highlights und Kampagnendetails
Nachtblau
Überschriften · dunkle Flächen und Text
Textgrau
Fließtext · Einleitung und Metadaten auf hellen Flächen
Helles Blau
Hintergrund · ruhige Abschnitte und Infoboxen
Linienblau
Trennlinien · dezente Kartenrahmen
Weiß
Grundfläche · Karten und Text auf Nachtblau
Hero: #F6F9FF → #EEF7FF → #F0EFFF · 115°
Community-Aufruf: #0A3DCC → #285BE8 → #5333B3 · 105°
| Text / Hintergrund | Kontrast | Einsatz |
|---|---|---|
| Nachtblau / Weiß | 18.45:1 | Titel und Fließtext |
| Textgrau / Weiß | 6.35:1 | Absätze und Metadaten |
| Blau / Weiß | 8.23:1 | Links; umgekehrt weiße Schrift auf Blau |
| Cyan / Nachtblau | 8.84:1 | Beschriftungen und Akzente auf dunklen Flächen |
| Azure / Weiß | 3.77:1 | Nur große Schrift; kein kleiner Fließtext |
| Cyan / Weiß | 2.09:1 | Kein Informationstext |
Digitale Referenz: HEX/RGB. Für Drucksachen die Umsetzung mit dem Druckdienstleister und dessen Farbprofil abstimmen; keine pauschalen CMYK- oder Pantone-Ersatzwerte verwenden.
Klare Schrift.
Klare Gedanken.
Die Website verwendet Segoe UI Variable beziehungsweise Segoe UI. Falls die Schrift nicht verfügbar ist, folgt Arial als Ersatz. Es werden keine externen Fonts benötigt.
Variable
0123456789 · ÄÖÜäöüß
Regular für Inhalte.
Semibold für Orientierung.
Bold für Überschriften.
Eine ruhige Hierarchie
- Große Titel: 42–74 px, fett, kompakte Zeilenhöhe.
- Abschnittstitel: 32–50 px, fett, linksbündig.
- Kartentitel: 21 px Desktop, 22 px Mobil.
- Fließtext: 17 px Desktop, 16 px Mobil; Zeilenhöhe 1,7–1,8.
- Kurze Metadaten: 12–14 px; genügend Kontrast erhalten.
Diese Richtwerte gelten für Web-Layouts. Druckgrößen passend zum Medium festlegen. Umbrüche bei Ersatzschriften prüfen.
'Segoe UI Variable', 'Segoe UI', Arial, sans-serif
Inhalt zuerst.
Gestaltung mit Struktur.
Jeder Beitrag gehört sichtbar zu MVPTreff. Die Aussage bleibt im Mittelpunkt: wenige starke Elemente, großzügige Abstände und eine konsistente Reihenfolge.
Menschen verbinden.
Ein klarer Titel für eine konkrete Frage
Ein kurzer Einstieg erklärt den Nutzen. Das Motiv unterstützt die Aussage, statt den Beitrag mit Details zu überladen.
- 01 Rubrik, Titel, Einleitung, Autor und Datum.
- 02 Vollständiges Motiv in einer einheitlichen 16:9-Bildfläche.
- 03 Klare Zwischenüberschriften und kompakte Absätze.
- 04 Praxisbeispiel oder helle Infobox mit blauer Linie.
- 05 Quellen und eine konkrete Frage oder nächste Handlung.
Das Beispiel zeigt eine Layoutstruktur und keinen veröffentlichten Beitrag.
| Medium | Format | Ausgangsgröße |
|---|---|---|
| Blog und Website-Karten | 16:9 | 1600 × 900 px |
| Social-Beitrag, Hochformat | 4:5 | 1080 × 1350 px |
| Quadratische Kachel | 1:1 | 1200 × 1200 px |
| Bestehendes FROSTFREI.-Motiv | 4:5 | 800 × 1000 px |
Eigene Hausformate, keine Plattformgrenzen. Für jedes Format neu anordnen; Überschriften, Logo und Gesichter nicht beschneiden.
Wenige klare Elemente
Helle Flächen, ein zentrales Motiv, kurze Headline. Blau gibt Orientierung; Cyan und Violett bleiben Akzente. Keine dominante neue Farbwelt.
Menschen authentisch zeigen
Natürliche Hauttöne und originale Gesichter erhalten. Echte Screenshots lesbar und sachlich korrekt zeigen. Keine erfundenen Produktansichten.
Digital gut lesbar bleiben
Einspaltig auf kleinen Geräten; klare Textgrößen. Kartenbilder gleich hoch und vollständig. Links erkennbar, Bedienelemente mit sichtbarem Fokus.
Bereit für deinen
nächsten Beitrag.
Hier findest du das Original-Logo und die gemeinsame Gestaltungsreferenz. Alle Downloads sind in dieser Seite enthalten und funktionieren auch offline.
MVPTreff.-Logo
1448 × 1086 px, transparenter Außenbereich. Unveränderte Referenzdatei aus dem Theme; kein Vektor-Master.
Logo herunterladenGestaltungsregeln
Vollständige Palette, Typografie, Logo-Regeln, Bildformate, Checkliste und wiederverwendbares KI-Briefing.
Leitfaden herunterladenWerte zum Übernehmen
Farben, Schrift und Verläufe als CSS-Variablen in einer eigenen Inhaltsklasse für zukünftige Web-Layouts.
Design-Tokens herunterladenKurztext für die Redaktion
MVPTreff. ist eine unabhängige Community für Microsoft-Wissen und den Austausch aus der Praxis. Im Mittelpunkt stehen Erfahrungen, Ideen und Inhalte von Menschen aus der Community. Der Leitgedanke: Microsoft-Wissen. Menschen verbinden.
Was muss ich bei einer Veröffentlichung beachten?
Original-Logo und korrekte Schreibweise verwenden. Eine redaktionelle Nennung nicht als offizielle Microsoft-Trägerschaft oder Kooperation ausgeben. Rechte an zusätzlichen Fotos, Zitaten und fremden Marken für die jeweilige Veröffentlichung klären. Für Sonderformate oder Partnerdarstellungen: orga@mvptreff.de. Dieser Leitfaden enthält keine gesonderte Rechte- oder Kooperationsvereinbarung.
Wie verwende ich den Leitfaden mit Copilot oder ChatGPT?
Die Markdown-Datei und das Original-Logo hochladen, anschließend Thema, Zielgruppe und Endformat nennen. Die Markdown-Datei enthält ein vollständiges wiederverwendbares Briefing. Für exakte Farben und scharfe Schrift die endgültige Gestaltung mit HTML/CSS oder einem Layoutprogramm setzen.
Gelten die Regeln auch für alte Beiträge?
Der Leitfaden ist die Referenz für zukünftige Gestaltungen. Bestehende Beiträge, HTML-Seiten und Kampagnen werden dadurch nicht automatisch verändert. Die Logo-Abstände, Hausformate und Flächenverteilung sind mit Version 1.0 neu festgelegte Gestaltungsregeln.