MVZ Hohenlohe

Das Logo

Das Logo des MVZ Hohenlohe verbindet medizinische Kompetenz mit der Wärme und Nahbarkeit, die unsere Praxis auszeichnet. Das abgerundete Quadrat symbolisiert Schutz und Geborgenheit, das »M« steht für Medizin und Mensch.

Primäres Logo

Die bevorzugte Variante für den alltäglichen Gebrauch auf hellen Hintergründen. Icon und Wortmarke bilden eine untrennbare Einheit.

Logo-Varianten

Für unterschiedliche Anwendungsbereiche stehen mehrere Varianten zur Verfügung. Die Auswahl richtet sich nach dem verfügbaren Platz und dem Kontext.

Schutzzone

Um die Wirkung des Logos zu gewährleisten, muss ein Mindestabstand zu anderen Elementen eingehalten werden. Die Schutzzone entspricht der halben Höhe des Icon-Elements.

Mindestgrößen

Damit das Logo lesbar und erkennbar bleibt, darf es nicht unter die folgenden Mindestgrößen verkleinert werden.

Farben

Unsere Farbpalette verbindet medizinische Seriosität mit der Wärme und Natürlichkeit der Hohenloher Region. Mint als Primärfarbe steht für Gesundheit, Vertrauen und Frische.

Primärfarben

Sekundärfarben

Erweiterte Palette – Mint

Gradienten

Gradienten werden sparsam eingesetzt – primär für Hero-Bereiche, CTA-Karten und dekorative Elemente.

Typographie

Die Kombination aus Fraunces und DM Sans schafft eine Balance zwischen Seriosität und moderner Zugänglichkeit. Fraunces für Überschriften, DM Sans für Fließtext.

Typographie-Skala

Konsistente Schriftgrößen sorgen für eine klare Hierarchie und angenehme Lesbarkeit auf allen Kanälen.

UI-Elemente

Konsistente Gestaltungselemente schaffen einen einheitlichen visuellen Auftritt über alle Touchpoints hinweg – von der Website bis zum Praxis-Schild.

Buttons

Border Radius

Großzügig abgerundete Ecken sind ein zentrales Gestaltungsmerkmal und transportieren Wärme und Nahbarkeit.

Schatten

Sanfte Schatten mit grünlichem Unterton erzeugen Tiefe, ohne die Leichtigkeit des Designs zu beeinträchtigen.

Ikonographie

Für eine konsistente visuelle Sprache werden Emoji-Icons in dezenten Containern verwendet. Für UI-Elemente empfehlen wir die Lucide-Icon-Bibliothek.

Fachbereich-Icons

Service-Icons

Icon-Container

Icons werden stets in einem abgerundeten Container (border-radius: 12–18px) auf einem hellen Hintergrund platziert. Die Container-Farben folgen dem Primär- und Sekundärfarbschema.

Tonalität & Sprache

Unsere Kommunikation ist warm, kompetent und auf Augenhöhe. Wir sprechen Patienten persönlich an und vermeiden unnötig kompliziertes Fachjargon.

Beispiele

Dos & Don’ts

Um die Konsistenz der Marke zu wahren, gelten folgende Grundregeln für den Umgang mit den CI-Elementen.

Farbkombinationen

Diese Hintergrund-/Text-Kombinationen garantieren gute Lesbarkeit und Markenkonsistenz.

CSS Custom Properties

Für die technische Umsetzung stehen folgende CSS-Variablen zur Verfügung.

--mint: #3DAB8E;
--mint-light: #E8F5F0;
--mint-pale: #F3FAF7;
--mint-dark: #2D8A70;
--warm-bg: #FDFBF7;
--cream: #FFF8EE;
--peach: #FFE8D6;
--text-dark: #1A2E2A;
--text-mid: #4A6560;
--text-light: #7A9590;
--white: #FFFFFF;
--border: #E2E8E6;

--radius-sm: 12px;
--radius-md: 20px;
--radius-lg: 28px;
--radius-xl: 40px;

--shadow-sm: 0 2px 8px rgba(26,46,42,0.06);
--shadow-md: 0 8px 30px rgba(26,46,42,0.08);
--shadow-lg: 0 20px 60px rgba(26,46,42,0.1);

--font-heading: 'Fraunces', serif;
--font-body: 'DM Sans', sans-serif;