Schrift | Typografie

  • Überschriften | Headlines

    • Schriftart: Monserrat
    • Schriftgröße: 140% Fließtextgröße
    • Fett | bold | weight: 700
    • Großbuchstaben | uppercase
    • letter spacing: 2%
    • line height: 1.28em
  • Sublines

    • Schriftart: Monserrat
    • Schriftgröße: 80% Fließtextgröße
    • Fett | bold | weight: 700
    • Großbuchstaben | uppercase
    • letter spacing: 20%
    • line height: 1.28em
  • Fließtext

    • Schriftart: Open Sans
    • Schriftgröße: 100%
    • letter spacing: 3% (6px bei 20px font size)
    • line height: 1.4em
  • Zitate

    • Schriftart: Open Sans
    • Schriftgröße: 100%
    • letter spacing: 3% (6px bei 20px font size)
    • line height: 1.4em
    • zentriert
  • Links

    • Schriftart: Open Sans
    • Schriftgröße: 100%
    • als pillenförmige Buttons > Schrift Großbuchstaben | uppercase, mit Hintergrundfarbe Orange #FF8B33 für exteren Links oder Dunkelblau #0C283D für interne Links
    • oder unterstrichen & unterstrichen bei hover > Schrift Kleinbuchstaben | lowercase
    • möglicher Rechtspfeil
    • keine weitere Auszeichnung
  • Extreme Auszeichnung

    • Schriftart: Lora
    • Schriftgröße: mind. 150%
    • Farbe Orange #FF8B33
    • letter spacing: 0
    • line height: 1.2em
  • Darstellung

    • Text kann auch weiß auf Hintergrundfarbe verwendet werden, bzw. als extreme Auszeichnung in Dunkel auf Hellblauem Hintergrund #AED3EF oder #D6E9F7

Farben | Colors

  • Grundlegen viel Weiß | Freiräume
  • Hintergrundfarben immer vollflächig verwenden
  • nicht mehrere vollflächige Hintergründe in einem Viewport | auf einer Bildschirmhöhe

  • #0C283D | Dunkelblau

    • Haupt-Schriftfarbe
    • Links
    • Hintergrundfarbe
  • #FF8B33 | Orange

    • extreme Auszeichnungen
    • Hintergrundfarbe für externe Buttons
    • Hintergrundfarbe CTA's
    • in Kombination mit Schrift in Weiß & Buttons in Dunkelblau
  • #D6E9F7 | Helles Blaugrau

    • Hintergrundfarbe in Kombination mit Hauptschriftfarbe
  • #AED3EF | hellblau

    • Hintergrundfarbe in Kombination mit Hauptschriftfarbe
  • #33A7FF | Stahlblau

    • Hintergrundfarbe für Auszeichnungen in Kombination mit Schriftfarbe weiß

Grafische Elemente

  • Das Logo soll immer die weiße Schleife als Outline darstellen - Schleife nicht invertieren!
  • Alternativ kann der Schriftzug 'Dogscan' rechts neben der Bildmarke platziert werden.
  • verlinkte Social Media Icons immer ohne Hintergrund oder Einrahmung
  • Icons in Karten oder Teasern in Schriftfarbe auf rundem Hintergrund
  • Buttons pilleförmig mit 100% Radius links & rechts
  • CTA's Orange mit weißer Schrift oder Hellblau mit Hauptschriftfarbe
  • alles was mit Bestellen zu tun hat hat hohen Orange Anteil
  • Pfotenbackground: für alles was im weitesten SInne mit Probanten und externen Abfragen zu tun hat
Logo Zip Download

RaSter

  • Fotos dürfen an Farbflächen stoßen
  • Foto an Foto benötigt Abstand oder eine Trennlinie