CD Manual

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

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ß

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