Marke
Die Marke Hi-Doctor
Alles, was Hi-Doctor wie Hi-Doctor aussehen und klingen lässt — das Logo, die Farben, die Schrift, die Verläufe und die Regeln, die alles zusammenhalten.
Logo
Das Zeichen und die Wort-Bild-Marke
Das Zeichen ist ein grünes Quadrat mit abgerundeten Ecken und einem weißen Plus. Die horizontale Wort-Bild-Marke kombiniert es mit dem Hi-Doctor-Schriftzug. Verwenden Sie die Dateien genau so, wie sie geliefert werden.
Zeichen
Die eigenständige Kachel — für Avatare, Favicons und App-Icons.
Zeichen, invers
Dieselbe Kachel, vorbereitet für dunkle Flächen.
Horizontale Wort-Bild-Marke
Die Standardsignatur auf hellen Flächen.
Horizontale Wort-Bild-Marke, invers
Die Signatur für tiefgrüne Bänder.
Verwendungsregeln
Vier Regeln decken fast jede Situation ab. Im Zweifel: weniger.
Schutzraum
Halten Sie auf jeder Seite des Logos die Breite eines Plus-Arms frei. Text, Bilder und andere Logos bleiben außerhalb.
Mindestgröße
Das Zeichen wird nie kleiner als 24 px dargestellt, die Wort-Bild-Marke nie schmaler als 96 px. Darunter schreiben Sie stattdessen den Namen aus.
Lassen Sie es, wie es ist
Färben Sie das Logo nie um, drehen, verzerren oder umranden Sie es nicht, und fügen Sie nie Schatten, Verläufe oder andere Effekte hinzu.
Ruhige Hintergründe
Platzieren Sie das Logo auf Weiß, Mist oder Tiefgrün — nie auf unruhiger Fotografie oder konkurrierenden Farben.
Farbe
Eine ruhige, klinische Palette
Tinte auf Weiß leistet die meiste Arbeit. Grün trägt die Marke; Blau, Rosa und Oliv gehören zu den Behandlungskategorien.
Wählen Sie ein Farbfeld aus, um seinen Hex-Wert zu kopieren.
Neutraltöne
Markengrüntöne
Kategorie-Akzente
Verläufe
Ein Shader, vier Paletten
Der Körnungsverlauf ist die Signaturfläche: ein weicher, bewegter Schleier mit Filmkorn. Er erscheint in Hero-Bändern und Kategorie-Headern — immer hinter weißem Text, nie hinter Fließtext.
Reserviert für Hero-Bänder und Kategorie-Theming.
Typografie
Eine Familie, Inter
Inter setzt jede Fläche. Display-Größen verwenden Schnitt 600 mit enger Laufweite; Fließtext ist Schnitt 400 und nie kleiner als 14 px.
JetBrains Mono, nur für Metadaten
Referenznummern, Zeitstempel und Prüfpfade in JetBrains Mono — Versalien, weite Laufweite, kleine Größen. Ganze Sätze trägt sie nie.
AKTUALISIERT 13 AUG 2026 · 09:41 UTC
Geometrie und Bewegung
Klare Ecken, sanfter Rhythmus
Drei Radien decken das System ab: 4 px für Bedienelemente, 16 px für Karten, 24 px für Bänder und große Container. Nichts ist pillenförmig.
Radius
4 px
Buttons, Eingabefelder, Chips
16 px
Karten
24 px
Bänder und große Container
Bewegung
Animation läuft ausschließlich über Transformationen und Deckkraft — nie über Breite, Höhe oder Schatten. Elemente erscheinen in 240 ms und verschwinden in 160 ms.
Komponenten
Der Werkzeugsatz
Die Primitive, aus denen jede Seite gebaut ist — live gerendert mit denselben Klassen, die auch das Produkt verwendet.
Buttons
Status-Chips
Karte
Ihre Konsultation wird geprüft
Ein approbierter Arzt liest gerade Ihre Antworten. Wir melden uns, sobald es eine Entscheidung gibt.
Gerade eben
Stimme
Ruhig, klar, ehrlich, menschlich
Wir schreiben so, wie ein guter Arzt spricht: schlicht und ohne Drama. Keine Ausrufezeichen, keine Dringlichkeitstricks, kein Fachjargon, wo es ein einfaches Wort gibt.
Ruhig
Keine Ausrufezeichen. Gesundheit ist ernst genug, auch ohne Geschrei.
Klar
Kurze Sätze und einfache Worte — niemand muss zweimal lesen.
Ehrlich
Wir sagen, was wir tun und was wir nicht tun — auch, dass wir nie Medikamente verkaufen oder versenden.
Menschlich
Warm, aber professionell — immer an einen einzelnen Menschen gerichtet.
Richtig
Ein approbierter Arzt prüft Ihre Antworten und entscheidet, ob eine Behandlung für Sie geeignet ist.
Falsch
Unglaublich!! Bestellen Sie Ihre Medikamente JETZT — dieses Angebot läuft ab!!
Die Marke
Fragen zur Marke?
Presse, Partnerschaften oder eine Frage zur Verwendung — schreiben Sie uns, wir helfen weiter.
Kontakt aufnehmen