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
RaSter
- Fotos dürfen an Farbflächen stoßen
- Foto an Foto benötigt Abstand oder eine Trennlinie