01. Logo

02. Typografie

03. Farben

04. Layout der Startseite

05. Layout der obersten Ebene

06. Layout der Listenseite

07. Blog/Allgemeines Seitenlayout

08. Bildgrößen – Helden

09. Bildgrößen – Seiten der obersten Ebene

10. Bildgrößen – Hauptteil, Auflistungen und Öffentlichkeitsarbeit

11. Bildgrößen – Anzeigen

Grundfarben

Mandarine #F26B39

Smaragdgrüne Küsten #3E9976

Mitternachtsflut #273D3B

Muschel #F9F6F0

Sekundärfarben

Goldener Sonnenaufgang #FBC731

Korallensand #FABDB6

Seeschaum-Serenade #85C9AF

Stahlgrau #707070

Die Homepage ist wie folgt aufgebaut:

• Navigationsleiste
• Hero-Bild oder -Video, kann mit Textüberlagerung versehen sein oder auch nicht
• Überschrift
• Zwischenüberschrift
• Einleitungstext
• Erleben Sie unsere Städte
• Sprunglink zum Kartenmodul
• Geschmacksrichtungen des Augenblicks – Kuratierte Inhalte
• Die Palm Beaches Erlebnisse
• Signatur-Veranstaltungen
• Angebotsmodul
• Aktuelle Trends – neueste Inhalte
• Interaktives Kartenmodul
• Tipps von Einheimischen-Modul
• Gesponserter Inhalt
• Social-Media-Modul
• Konversionsblock – Buchungsmaschine für Unterkünfte, Newsletter und Besucherführer-Anmeldungen
• Fußzeile

Desktop-Bildgrößen

Vollbild: 1900 B x 1000 H

Live-Bereich: 1400 B x 850 H

Alle Heldenbilder sollten 1900 × 1000, Aufgrund der Navigationsleiste und der Handflächen ist der Live-Bereich (Motiv des Fotos) jedoch auf 1400 × 850 mit 150 Pixel des Bereichs über dem Live-Bereich. Wenn Sie also ein Foto haben, dessen Motiv sichtbar sein muss (siehe Startseite der Sammlung), stellen Sie sicher, dass das Motiv in den Live-Bereich von 1400 × 850 passt. Siehe Abbildung rechts. 

POSTERBILDER: 1600 B x 900 H

Posterbilder werden als Platzhalter verwendet, während die Video-Helden geladen werden. In der Regel sind sie nur für eine Sekunde oder weniger sichtbar. Es wird dringend empfohlen, das erste Bild des Videos zu verwenden, damit nach dem Laden und Starten des Videos ein nahtloser Übergang gewährleistet ist.

BLOG-HELDENBILDER: 1900 B x 1000 H

(Hero-Bilder sind nicht für jeden Blog-Artikel erforderlich, werden jedoch empfohlen. Falls kein Hero-Bild bereitgestellt wird, wird ein Platzhalterbild mit einem Aquarellkunstwerk verwendet.)

Mobile Bildgrößen

Vollbild: 900 B x 1600 H 

Live-Bereich: 700 B x 1300 H 

Alle Heldenbilder sollten 900 × 1600, wobei der sichere Bereich (Motiv des Fotos) auf 700 × 1300 mit 135 Pixel des Raums darüber und 165 Pixel des Bereichs unterhalb des Live-Bereichs. Wenn Sie also ein Foto haben, in das ein Motiv oder Text eingebettet ist (siehe die Landing Page „Love“), stellen Sie sicher, dass das Motiv in den Live-Bereich von 700 × 1300 passt. Siehe Abbildung rechts. 

POSTERBILDER: 900 B x 1600 H 

Posterbilder werden als Platzhalter verwendet, während die Video-Helden geladen werden. In der Regel sind sie nur für eine Sekunde oder weniger sichtbar. Es wird dringend empfohlen, das erste Bild des Videos zu verwenden, damit nach dem Laden und Starten des Videos ein nahtloser Übergang gewährleistet ist. 

BLOG-HELDENBILDER: 900 B x 1600 H 

(Hero-Bilder sind nicht für jeden Blog-Artikel erforderlich, werden jedoch empfohlen. Falls kein Hero-Bild bereitgestellt wird, wird ein Platzhalterbild mit einem Aquarellkunstwerk verwendet.)

HELDENBILDER: 1900 B x 1000 H 

TOP-LEVEL-INHALTE 

HORIZONTAL: 950 B x 500 H 

VERTIKAL: 500 B x 850 H 

HOME EVENT & HIGHLIGHTS 

LISTINGS ARCHES: 450 B x 800 H 

TOP-LEVEL-SEITE MAUERWERK-ROSTEN 

Bilder im Querformat werden dringend empfohlen. Siehe Beispiel rechts. 

1×1,5: 700 B x 900 H 

2 x 0,5: 1400 B x 450 H 

1x,5: 700 B x 450 H 

1×1: 700 B x 700 H 

TOP-LEVEL AKTUELLE TREND-STORIES: 

500 B x 650 H 

SPONSORED ADS: 600 B x 350 H