HMB Media — Sport- & Medienagentur
Das Kamera-Logo-System.
Aus dem Bestandslogo entwickelt und produktionsreif neu gebaut: eine Kamera-Bildmarke im Kreis, kombiniert mit der gestapelten Wortmarke HMB / MEDIA. Alle Dateien sind reine Vektor-Pfade (keine Systemschrift nötig), in einem konsistenten Varianten-System für dunkle und helle Anwendungen.
Logo
Die Bausteine
Bildmarke, Wortmarke und Lockup. Für Flächen ab ca. 24 px Höhe steht die Bildmarke allein; darüber wird bevorzugt das horizontale Lockup eingesetzt.
Varianten
Farbvarianten & Hintergründe
Die Marke funktioniert vierfach: Vollfarbe (Orange-Scheibe), invers (dunkle Scheibe), sowie einfarbig Schwarz und Weiß. Die einfarbigen Varianten sind echte Knockouts und liegen auf jedem Grund korrekt.
Schutzraum
Schutzraum & Mindestgröße
Der Freiraum um das Logo entspricht mindestens der halben Höhe der Bildmarke. Mindestgrößen: Bildmarke 24 px, horizontales Lockup 120 px Breite.
Schutzraum = ½ Höhe der Bildmarke
24 / 48 / 80 px — Marke bleibt lesbar
Don'ts
Do & Don't
Die Proportionen, Farben und der Aufbau sind fixiert. Nicht verzerren, nicht umfärben, nicht neu anordnen, keine Effekte.
Farben
Markenfarben
Zwei Kernfarben tragen die Marke. Das Orange erreicht 7,82:1 auf Schwarz (AAA); als Textfarbe auf Hell wird das dunklere Amber-700 verwendet.
Typografie
Typografie
Archivo für Display & Wortmarke, Inter für Fließtext, JetBrains Mono für Metadaten und Code. Die Wortmarke nutzt Archivo Extrabold.
Dateien
Dateien im Toolkit
Alle Logos liegen als SVG unter logo/ und als PNG (h512 / h1024) unter
logo/png/. Favicon- und App-Icon-Größen als quadratische PNGs.
| Datei | Einsatz |
|---|---|
| hmb-bildmarke*.svg | Kamera-Marke — Avatar, Favicon-Basis, kleine Flächen |
| hmb-wortmarke*.svg | Nur Schriftzug HMB / MEDIA |
| hmb-logo-horizontal*.svg | Hauptlogo — Website-Header, Dokumente, Signaturen |
| hmb-logo-horizontal-claim.svg | Mit Claim „SPORT- & MEDIENAGENTUR" + powered-by |
| hmb-logo-vertikal*.svg | Quadratische/hochformatige Platzierungen |
| hmb-lockup-pressepicture*.svg | Co-Branding mit der Bilddatenbank |
| hmb-icon-app.svg / hmb-favicon.svg | App-Icon & Favicon (dunkle Karte) |
| hmb-karte-horizontal.svg | Presse-/Profilbanner (dunkle Karte) |
| hmb-social-quadrat.svg | Instagram/Social-Avatar & Post |
| hmb-wasserzeichen-weiss.svg | Bild-Wasserzeichen (weiß, transluzent) |
| hmb-anschnitt.svg | Layout-Motiv (diagonaler Anschnitt) für Banner/Section-Header |