Logo & Marke

Hier finden Sie das Logo von Betreuungsdienst Digital in allen Varianten – dazu Farben, Schriften, Regeln für den Einsatz und Downloads, die direkt in Ihrem Browser entstehen. Die Bildmarke bündelt drei Gedanken in einem Zeichen:

  • Herz – Betreuung und Menschlichkeit
  • Haken – erledigt und abgerechnet
  • App-Kachel & blauer Punkt – digital und immer aktuell
Zu den Downloads Farbpalette ansehen
Logo-Varianten

Ein Logo für jeden Hintergrund

Wählen Sie die Variante passend zur Fläche: Auf hellen Flächen steht der Schriftzug in Dunkelblau und Orange, auf Blau und Navy in Weiß mit „DIGITAL“ in Hell-Orange. Für kleine und quadratische Flächen gibt es die Bildmarke allein.

Horizontal auf Weiß

Die Standardvariante für helle Flächen: Website, Dokumente, Präsentationen und Briefpapier.

Schriftzug #13214F„DIGITAL“ #E9572A

Auf Blau-Verlauf

Für Flächen im blauen Markenverlauf, zum Beispiel Kopfbereiche, Banner und Titelfolien. Der Schriftzug steht in Weiß.

Schriftzug #FFFFFF„DIGITAL“ #FFB07A

Auf Navy

Für dunkle Flächen wie Fußzeilen, dunkle Folien oder Grafiken für soziale Netzwerke.

Hintergrund #101C3DSchriftzug #FFFFFF„DIGITAL“ #FFB07A

Nur Bildmarke

Orange App-Kachel mit weißem Herz und orangem Haken, oben rechts der blaue Status-Punkt mit weißem Rand. Ideal für Profilbilder, Symbole und quadratische Formate.

Transparenter Hintergrund

Favicon-Größen

Auch in 16 × 16 Pixeln bleibt die Bildmarke erkennbar. Diese Website zeigt sie als Symbol im Browser-Tab.

Favicon herunterladen

Schutzzone & Mindestgröße

Raum lassen, damit das Logo wirkt

Halten Sie rund um das Logo einen Freiraum ein, in dem keine Texte, Bilder oder Kanten stehen. Das Maß x wächst und schrumpft mit dem Logo – die Schutzzone passt also zu jeder Größe.

Mindestgröße

Kleiner sollte das Logo nicht werden, damit Schriftzug und Details lesbar bleiben:

  • BildschirmLogo horizontal ab 160 px Breite, Bildmarke allein ab 16 px.
  • DruckLogo horizontal ab 40 mm Breite, Bildmarke allein ab 8 mm.

Für sehr kleine Flächen wie Browser-Tabs oder Profilbilder verwenden Sie nur die Bildmarke.

x = ein Viertel der Höhe der Bildmarke. Bei einer 46 px hohen Bildmarke – so groß wie im Kopfbereich dieser Website – sind das rund 12 px.
Do’s & Don’ts

So bleibt das Logo erkennbar

Ein Logo wirkt nur, wenn es überall gleich aussieht. Diese Beispiele zeigen, worauf es ankommt.

Richtig

Original verwenden

Nutzen Sie die Dateien aus dem Download-Bereich und verändern Sie die Größe nur proportional.

Richtig

Auf Kontrast achten

Dunkler Schriftzug auf hellen Flächen, weißer Schriftzug auf Blau oder Navy – so bleibt alles gut lesbar.

Falsch

Nicht verzerren

Ändern Sie Breite und Höhe immer im gleichen Verhältnis. Gestauchte oder in die Breite gezogene Logos wirken schnell unprofessionell.

Falsch

Nicht umfärben

Kachel, Herz, Haken und Punkt behalten immer ihre Farben – auch wenn eine andere Farbe gerade „besser passen“ würde.

Falsch

Kein schwacher Kontrast

Auf orangefarbenen oder unruhigen Flächen verliert die Kachel ihre Kontur. Wählen Sie dann Weiß, Blau oder Navy als Hintergrund.

Falsch

Nicht drehen, keine Effekte

Drehen oder spiegeln Sie das Logo nicht und fügen Sie keine Schatten oder Konturen hinzu – das Logo bleibt so, wie es ist.

Farbpalette

Die Farben der Marke

Orange bringt Wärme und Aktivität, Blau steht für Verlässlichkeit. Die neutralen Töne halten Texte und Flächen ruhig. Mit „HEX kopieren“ landet der Farbwert direkt in Ihrer Zwischenablage.

Markenfarben

Orange-Verlauf

Bildmarke, Icons und Akzentflächen. Buttons und Flächen mit weißer Schrift nutzen den kräftigeren Verlauf #D0481B → #B23A15 (mind. 4,5 : 1).

#FF8F3CStart · RGB 255 · 143 · 60
#DD4C23Ende · RGB 221 · 76 · 35

Primär

Hervorhebungen, Akzente und der Schriftzug „DIGITAL“ auf hellen Flächen.

Kontrast zu Weiß 3,6 : 1 – für große Schrift, Symbole und Flächen. Für Links und kleinen Text auf Weiß gilt Primär dunkel #C4421B mit 5,1 : 1.

#E9572ARGB 233 · 87 · 42
#C4421BPrimär dunkel · RGB 196 · 66 · 27

Hell-Orange

Der Schriftzug „DIGITAL“ und Akzente auf Navy und dunklem Blau.

Kontrast zu Navy 9,3 : 1, zum Verlaufsende #03228F 7,2 : 1 – nur auf dunklen Flächen einsetzen.

#FFB07ARGB 255 · 176 · 122

Blau-Verlauf

Kopfbereiche, blaue Flächen und der Status-Punkt der Bildmarke.

#0E73E4Start · RGB 14 · 115 · 228
#03228FEnde · RGB 3 · 34 · 143

Neutrale Farben

Navy

Fußzeile, dunkle Flächen und Hintergrund für das helle Logo.

Kontrast zu Weiß 16,7 : 1

#101C3DRGB 16 · 28 · 61

Dunkelblau

Überschriften und der Schriftzug „Betreuungsdienst“ auf hellen Flächen.

Kontrast zu Weiß 15,4 : 1

#13214FRGB 19 · 33 · 79

Textgrau

Fließtext und Beschreibungen.

Kontrast zu Weiß 5,4 : 1

#626A78RGB 98 · 106 · 120

Hellgrau

Hintergrund heller Abschnitte und Flächen.

Kontrast zu Dunkelblau 14,5 : 1

#F7F8FBRGB 247 · 248 · 251

Typografie

Zwei Schriften, ein klares Bild

Livvic gibt Überschriften, Logo und Buttons ihren freundlichen, runden Charakter. Nunito sorgt im Fließtext für ruhige, gut lesbare Zeilen.

Livvic

Überschriften, Logo, Buttons und Navigation

  • Medium 500 · ÜberschriftenBetreuung im Alltag
  • SemiBold 600 · Logo-Zusatz, gesperrtDigital
  • Bold 700 · Logo-SchriftzugBetreuungsdienst

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
ÄÖÜ äöü ß 0123456789 € § – „“

Nunito

Fließtext, Formulare, Listen und Hinweise

  • Regular 400 · FließtextUnbegrenzt Klienten und Mitarbeiter.
  • SemiBold 600 · HervorhebungenLeistungsnachweise nach § 45b SGB XI
  • Bold 700 · BetonungenKostenlose DTA-Abrechnung

ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
ÄÖÜ äöü ß 0123456789 € § – „“

Im Zusammenspiel

Von der Klientenanlage bis zur Abrechnung

Leistungsnachweise, Budgetverwaltung, automatische Tourenplanung, Zeitnachweis und Fahrtenbuch in einer Software – mit kostenloser DTA-Abrechnung direkt mit den Pflege- und Krankenkassen. Support erhalten Sie täglich von 08:00 bis 22:00 Uhr.

Überschriften: Livvic 500 Fließtext: Nunito 400, 16 px, Zeilenhöhe 1,75 Ersatzschrift: Systemschrift, z. B. Segoe UI Lizenz: SIL Open Font License
Downloads

Logo-Dateien herunterladen

Die Dateien erzeugt Ihr Browser direkt auf Ihrem Gerät – ohne Umweg über einen Server. Für Druck und Präsentationen eignen sich die SVG-Dateien, für Office-Programme und Profilbilder die PNG-Dateien.

Bildmarke

SVG · Vektor

Die App-Kachel mit Herz, Haken und Status-Punkt – verlustfrei skalierbar für Web, Präsentationen und Druck.

betreuungsdienst-digital-bildmarke.svg

Logo horizontal

SVG · Vektor

Bildmarke mit Schriftzug in Dunkelblau und Orange – für helle Hintergründe.

betreuungsdienst-digital-logo.svg

Logo hell

SVG · Vektor

Schriftzug in Weiß und Hell-Orange – für blaue und dunkle Hintergründe.

betreuungsdienst-digital-logo-hell.svg

Bildmarke als PNG

PNG · 512 × 512 px

Mit transparentem Hintergrund – für Office-Dokumente, Profilbilder und als Logo im strukturierten Datenblock der Website.

logo-512.png

Favicon

PNG · 32 × 32 px

Das kleine Symbol für Browser-Tabs und Lesezeichen – mit transparentem Hintergrund.

favicon-32.png

Hinweis für die Website-Pflege: Die Datei logo-512.png gehört zusätzlich ins Hauptverzeichnis dieser Website. Im strukturierten Datenblock (Schema.org Organization.logo) ist sie als https://betreuungsdienst.app/logo-512.png hinterlegt.

Hinweis zum Druck: In den SVG-Logos mit Schriftzug ist der Text als Schrift hinterlegt (Livvic, ersatzweise Segoe UI oder Arial). Für den Druck sollte Livvic auf dem verwendeten Rechner installiert sein – die Schrift steht unter der SIL Open Font License und ist frei erhältlich. Alternativ wandeln Sie den Text vor der Weitergabe an die Druckerei in Pfade um. Die Bildmarke enthält keinen Text und lässt sich ohne Umwandlung verwenden.

Fragen zur Verwendung des Logos? Schreiben Sie uns an info@betreuungsdienst.app.