Testraum
Menü
Start
So funktioniert’s
Funktionsweise Das Modell Training Daten
Ausprobieren
Testraum Korrektur-Duell Spickzettel
Projekt
Benchmark News Fahrplan Entwickler FAQ & Glossar Marke

Die Marke HORST.

Logo, Farben und Schrift – mit allen Dateien zum Herunterladen.

Der KI-Funke ist der Querbalken des H. Er verbindet die Stämme und ist der rote Korrekturstift.

Das HORST-Logo in Vollfarbe auf Weiß: zwei Stämme, dazwischen ein roter Funke als Querbalken, rechts die Wortmarke
Das HORST-Logo invertiert auf Tinte: weiße Stämme, roter Funke, weiße Wortmarke

Die Master liegen als SVG vor. Aus einer Quelle gebaut, daher immer identisch.

Versionen

Horizontal ist der Standard. Gestapelt, nur Symbol, nur Wortmarke und die Kleinversion (Symbol unter 32 px) gibt es für besondere Fälle. Dunkle Varianten stehen auf hellem Grund, helle (invertierte) auf Tinte.

  • HORST-Logo, horizontal, auf Weiß

    Horizontal

    Standard. Symbol links, Wortmarke rechts.

    SVG PNG
  • HORST-Logo, horizontal, invertiert, auf Tinte

    Horizontal invertiert

    Weiße Stämme, roter Funke – auf Tinte und dunklem Grund.

    SVG PNG
  • HORST-Logo, gestapelt, auf Weiß

    Gestapelt

    Symbol über der Wortmarke, für hohe und quadratische Flächen.

    SVG PNG
  • HORST-Logo, gestapelt, invertiert, auf Tinte

    Gestapelt invertiert

    Gestapelt auf Tinte und dunklem Grund.

    SVG PNG
  • HORST-Logo, nur Symbol, auf Weiß

    Nur Symbol

    Wo der Name schon daneben steht.

    SVG PNG
  • HORST-Logo, Symbol, invertiert, auf Tinte

    Symbol invertiert

    Nur Symbol auf Tinte und dunklem Grund.

    SVG PNG
  • HORST-Logo, Kleinversion, auf Weiß

    Kleinversion

    Symbol für kleine Größen, unter 32 px.

    SVG PNG
  • HORST-Logo, Kleinversion, invertiert, auf Tinte

    Kleinversion invertiert

    Kleinversion auf Tinte und dunklem Grund.

    SVG PNG
  • HORST-Logo, nur Wortmarke, auf Weiß

    Nur Wortmarke

    Gezeichnete Wortmarke ohne Symbol.

    SVG PNG

Einfarbig

Schwarz, Weiß, Tinte und Korrekturrot als SVG und PNG. Auf Fotos die einfarbige Weiß- oder Schwarz-Version auf ruhiger Fläche verwenden.

  • HORST-Logo, horizontal, einfarbig Schwarz, auf Weiß

    Horizontal schwarz

    Einfarbig Schwarz, z. B. für Druck und Stempel.

    SVG PNG
  • HORST-Logo, horizontal, einfarbig Weiß, auf Tinte

    Horizontal weiß

    Einfarbig Weiß auf ruhigem dunklem Grund oder Foto.

    SVG PNG
  • HORST-Logo, horizontal, einfarbig Tinte, auf Weiß

    Horizontal Tinte

    Einfarbig in Tinte #15171C.

    SVG PNG
  • HORST-Logo, gestapelt, einfarbig Schwarz, auf Weiß

    Gestapelt schwarz

    Gestapelt, einfarbig Schwarz.

    SVG PNG
  • HORST-Logo, gestapelt, einfarbig Weiß, auf Tinte

    Gestapelt weiß

    Gestapelt, einfarbig Weiß.

    SVG PNG
  • HORST-Logo, Symbol, einfarbig Schwarz, auf Weiß

    Symbol schwarz

    Symbol einfarbig Schwarz.

    SVG PNG
  • HORST-Logo, Symbol, einfarbig Weiß, auf Tinte

    Symbol weiß

    Symbol einfarbig Weiß.

    SVG PNG
  • HORST-Logo, Symbol, einfarbig Tinte, auf Weiß

    Symbol Tinte

    Symbol einfarbig in Tinte #15171C.

    SVG PNG
  • HORST-Logo, Symbol, einfarbig Korrekturrot, auf Weiß

    Symbol Korrekturrot

    Symbol einfarbig in Korrekturrot #E63B2E.

    SVG PNG
  • HORST-Logo, Symbol, quadratisch zugeschnitten, auf Weiß

    Symbol quadratisch

    Symbol, auf ein Quadrat zugeschnitten.

    SVG PNG

Schutzraum und Größen

Rund um das Logo bleibt auf allen Seiten 1 × Stammbreite des H frei. Das sind ca. 24 % der Symbolhöhe und etwa der Abstand zwischen Symbol und Wortmarke im Lockup. Der Schutzraum wächst und schrumpft mit dem Logo.

Das horizontale HORST-Logo, umgeben von einem gestrichelten Rahmen im Abstand x
Schematisch. x = 1 × Stammbreite des H, auf allen vier Seiten.

Mindestgrößen

VersionBildschirmDruck
Horizontal96 px breit25 mm breit
Gestapelt64 px breit18 mm breit
Symbol32 px (darunter horst-symbol-small)8 mm
Favicon / App-Icon16 px–
Horizontales Logo in Mindestgröße, 96 Pixel breit
Horizontal, 96 px
Gestapeltes Logo in Mindestgröße, 64 Pixel breit
Gestapelt, 64 px
Symbol in Mindestgröße, 32 Pixel
Symbol, 32 px
Kleinversion des Symbols, 24 Pixel
Kleinversion, 24 px

In Originalgröße gezeigt: die kleinsten erlaubten Maße auf dem Bildschirm.

Farben

Das Logo kennt zwei Farben: Tinte und Korrekturrot. Die Website ergänzt sie um Flächen- und Textfarben für den dunklen Stil.

Logo-Farben

  • Tinte

    Stämme und Wortmarke auf hellem Grund; Grund für die invertierte Version.

    HEX
    #15171C
    RGB
    21 · 23 · 28
    CMYK
    75 · 65 · 55 · 85
    Pantone
    Black 6 C
    Kontrast
    auf Weiß 17,9:1

  • Korrekturrot

    Der Funke, der rote Korrekturstift.

    HEX
    #E63B2E
    RGB
    230 · 59 · 46
    CMYK
    0 · 88 · 85 · 0
    Pantone
    1788 C
    Kontrast
    auf Weiß 4,2:1 · auf Tinte 4,3:1

CMYK und Pantone sind Näherungen und vor dem Druck am Muster zu prüfen.

Kontrast. Tinte auf Weiß 17,9:1. Korrekturrot auf Weiß 4,2:1 und auf Tinte 4,3:1. Das genügt für Grafik (ab 3:1), aber nicht für kleinen Fließtext. Deshalb steht auf dieser Website roter Text auf dunklem Grund in #FF6A5C, und Flächen mit weißer Schrift sind #C42E22.

Freigegebene Paare

  • Vollfarbe auf Weiß
  • Invertiert (weiße Stämme, roter Funke) auf Tinte
  • Schwarz auf Weiß
  • Weiß auf Tinte oder Korrekturrot

Auf Fotos die einfarbige Weiß- oder Schwarz-Version auf ruhiger Fläche oder die Kachel (App-Icon) verwenden.

Farben der Website

  • Grund

    Seitenhintergrund.

    HEX
    #0E1014
    RGB
    14 · 16 · 20
    Kontrast
    Text darauf 17,0:1

  • Fläche

    Karten und Felder.

    HEX
    #181B22
    RGB
    24 · 27 · 34
    Kontrast
    Text darauf 15,4:1

  • Text

    Überschriften und Fließtext.

    HEX
    #F3F2EE
    RGB
    243 · 242 · 238
    Kontrast
    auf Grund 17,0:1

  • Roter Text auf dunkel

    Roter Text und Links auf dunklem Grund.

    HEX
    #FF6A5C
    RGB
    255 · 106 · 92
    Kontrast
    auf Grund 6,8:1

  • Rot für Flächen

    Flächen und Schaltflächen mit weißer Schrift.

    HEX
    #C42E22
    RGB
    196 · 46 · 34
    Kontrast
    weiße Schrift 5,6:1

  • Textmarker

    Hervorhebungen und Fokusrahmen.

    HEX
    #FFE45C
    RGB
    255 · 228 · 92
    Kontrast
    Tinte darauf 14,1:1

Schrift

Die Wortmarke ist eigens gezeichnet – aus Stämmen, Ringen und Bögen. Sie ist keine Schrift und nie neu zu tippen. Für Texte neben dem Logo passt eine freie, neutrale Groteske (z. B. Inter, OFL-Lizenz) oder die Systemschrift.

Die gezeichnete HORST-Wortmarke

Schriften der Website

Beide Schriften stehen unter der SIL Open Font License und werden von dieser Website selbst gehostet.

Überschriften

Archivo

Von Grund auf, offen dokumentiert.

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss ß Tt Uu Vv Ww Xx Yy Zz

Breit gesetzt (font-stretch 125 %), Gewicht 800. Fließtext in normaler Breite.

Daten

IBM Plex Mono

ich weis → ich weiß · 209 Mio.

0123456789 äöüß ÄÖÜ .,;:–„“

Für Zahlen, Werte, Code und Beschriftungen.

Bitte nicht

So wird das Logo nicht verwendet.

  • Nicht

    Funken in Tinte und Stämme in Rot färben.

  • Nicht

    Stämme dünner oder dicker ziehen, Funken drehen oder vergrößern.

  • Nicht

    Wortmarke tippen oder strecken. Sie ist gezeichnet.

  • Nicht

    Schatten, Verläufe, Konturen und Effekte.

  • Nicht

    Das Logo auf unruhige Hintergründe setzen.

  • Nicht

    Die Kleinversion über 32 px oder die Normalversion unter 32 px einsetzen.

  • Nicht

    Symbol und Wortmarke anders anordnen als in den Lockups.

Downloads

Alle Dateien der Marke auf einen Blick. Die SVG-Dateien sind die Vorlage, die PNG-Dateien sind für Programme ohne SVG-Unterstützung.

Dateien
39zusammen 280 KB
SVG
19Vektor, beliebig skalierbar
PNG
2019 transparent, dazu das App-Icon
DateiInhaltGröße
Master (SVG): Vollfarbe und invertiert
horst-horizontal.svgHorizontal1,2 KB
horst-horizontal-reversed.svgHorizontal invertiert1,2 KB
horst-stacked.svgGestapelt1,3 KB
horst-stacked-reversed.svgGestapelt invertiert1,3 KB
horst-symbol.svgNur Symbol411 B
horst-symbol-reversed.svgSymbol invertiert422 B
horst-symbol-small.svgKleinversion417 B
horst-symbol-small-reversed.svgKleinversion invertiert428 B
horst-wordmark.svgNur Wortmarke915 B
PNG aus den Mastern (transparent)
horst-horizontal-1200.pngHorizontal, 1200 px breit21,5 KB
horst-horizontal-reversed-1200.pngHorizontal invertiert, 1200 px breit17,9 KB
horst-stacked-800.pngGestapelt, 800 px breit20,4 KB
horst-stacked-reversed-800.pngGestapelt invertiert, 800 px breit17,1 KB
horst-symbol-512.pngNur Symbol, 512 px breit8,6 KB
horst-symbol-reversed-512.pngSymbol invertiert, 512 px breit8,9 KB
horst-symbol-small-512.pngKleinversion, 512 px breit8,2 KB
horst-symbol-small-reversed-512.pngKleinversion invertiert, 512 px breit8,8 KB
horst-wordmark-1000.pngNur Wortmarke, 1000 px breit18,4 KB
Einfarbig und Symbol quadratisch (SVG)
horst-horizontal-black.svgHorizontal schwarz1,3 KB
horst-horizontal-white.svgHorizontal weiß1,3 KB
horst-horizontal-mono-15171c.svgHorizontal Tinte1,3 KB
horst-stacked-black.svgGestapelt schwarz1,3 KB
horst-stacked-white.svgGestapelt weiß1,3 KB
horst-symbol-black.svgSymbol schwarz426 B
horst-symbol-white.svgSymbol weiß426 B
horst-symbol-mono-15171c.svgSymbol Tinte426 B
horst-symbol-mono-e63b2e.svgSymbol Korrekturrot426 B
horst-symbol-square.svgSymbol quadratisch492 B
Einfarbig und Symbol quadratisch (PNG)
horst-horizontal-black-1200.pngHorizontal schwarz, 1200 px breit15,1 KB
horst-horizontal-white-1200.pngHorizontal weiß, 1200 px breit16,8 KB
horst-horizontal-mono-15171c-1200.pngHorizontal Tinte, 1200 px breit21,3 KB
horst-stacked-black-800.pngGestapelt schwarz, 800 px breit14,5 KB
horst-stacked-white-800.pngGestapelt weiß, 800 px breit16,2 KB
horst-symbol-black-512.pngSymbol schwarz, 512 px breit7,5 KB
horst-symbol-white-512.pngSymbol weiß, 512 px breit7,9 KB
horst-symbol-mono-15171c-512.pngSymbol Tinte, 512 px breit8,5 KB
horst-symbol-mono-e63b2e-512.pngSymbol Korrekturrot, 512 px breit8,5 KB
horst-symbol-square-512.pngSymbol quadratisch, 512 px breit10,6 KB
App-Icon
horst-icon-512.pngApp-Icon, 512 px (Web-App-Manifest)7,3 KB