01. Logo

02. Tipografía

03. Colores

04. Diseño de la página de inicio

05. Diseño de página de nivel superior

06. Diseño de la página de listado

07. Blog/Diseño de página general

08. Tamaños de imagen - Héroes

09. Tamaños de imagen - Páginas de nivel superior

10. Tamaños de imagen - Cuerpo, listados y relaciones públicas

11. Tamaños de imagen - Anuncios

colores primarios

Naranja mandarina #F26B39

Emerald Shores #3E9976

Marea Medianoche #273D3B

Concha #F9F6F0

COLORES SECUNDARIOS

Golden Sunrise #FBC731

Coral Sands #FABDB6

Seafoam Serenade #85C9AF

Gris acero #707070

La página de inicio está organizada de la siguiente manera:

• Barra de navegación
• Imagen o vídeo principal, con o sin texto superpuesto
• Titular
• Subtítulo
• Intro copia
• Experimente nuestras ciudades
• Ir al módulo del mapa
• Sabores del momento: contenido seleccionado
• Experiencias en Palm Beaches
• Eventos con firma
• Módulo de ofertas
• Tendencias actuales: contenido más reciente
• Módulo de mapa interactivo
• Módulo «Consejos de los locales»
• Contenido patrocinado
• Módulo de redes sociales
• Bloque de conversión - Motor de reservas de alojamiento, suscripciones a boletines y guías de visitantes
• Pie de página

Tamaños de las imágenes de escritorio

Imagen completa: 1900w x 1000h

Área viva: 1400w x 850h

Todas las imágenes principales deben ser 1900 × 1000Sin embargo, debido a la barra de navegación y a las palmeras, el área en vivo (objeto de la foto) se limita a 1400 × 850 con 150px de espacio por encima del área activa. Por lo tanto, si tiene una foto con un tema que debe ser visible (véase la página de inicio de la colección), asegúrese de que el tema quepa en el área activa de 1400×850. Consulte el diagrama de la derecha. 

IMÁGENES DE CARTELES: 1600w x 900h

Las imágenes de póster se utilizan como marcadores de posición cuando se cargan los héroes de vídeo. Normalmente sólo serán visibles durante un segundo o menos. Se recomienda encarecidamente que se utilice el primer fotograma del vídeo para que sea realmente fluido después de que el vídeo se cargue y comience a reproducirse.

IMÁGENES DE HÉROES DEL BLOG: 1900w x 1000h

(Las imágenes principales no son obligatorias en todos los artículos del blog, pero sí recomendables. En caso de que no se proporcione un héroe, se puede utilizar una imagen de acuarela).

Tamaños de imagen para móviles

Imagen completa: 900w x 1600h 

Área viva: 700w x 1300h 

Todas las imágenes principales deben ser 900 × 1600, con una zona segura (objeto de la foto) limitada a 700 × 1300 con 135px de espacio por encima y 165px de espacio debajo del área activa. Por lo tanto, si tiene una foto con un asunto o texto incrustado en ella (véase la página de aterrizaje Love), asegúrese de que el asunto quepa en el área activa de 700×1300. Consulte el diagrama de la derecha. 

IMÁGENES DE CARTELES: 900w x 1600h 

Las imágenes de póster se utilizan como marcadores de posición cuando se cargan los héroes de vídeo. Normalmente sólo serán visibles durante un segundo o menos. Se recomienda encarecidamente que se utilice el primer fotograma del vídeo para que sea realmente fluido después de que el vídeo se cargue y comience a reproducirse. 

IMÁGENES DE HÉROES DEL BLOG: 900w x 1600h 

(Las imágenes principales no son obligatorias para todos los artículos del blog, pero se recomiendan. En caso de que no se proporcione ningún héroe, se utilizará una imagen de acuarela).

IMÁGENES DE HÉROES: 1900w x 1000h 

CONTENIDO DESTACADO DE PRIMER NIVEL 

HORIZONTAL: 950w x 500h 

VERTICAL: 500w x 850h 

PÁGINA PRINCIPAL EVENTOS Y DESTACADOS 

LISTADOS ARCOS: 450w x 800h 

REJILLAS DE MAMPOSTERÍA DE PÁGINA DE NIVEL SUPERIOR 

Se recomienda encarecidamente la orientación horizontal de las imágenes. Vea el ejemplo de la derecha. 

1×1,5: 700w x 900h 

2x.5: 1400w x 450h 

1x.5: 700w x 450h 

1×1: 700w x 700h 

TOP-LEVEL NOW TRENDING STORIES: 

500w x 650h 

ANUNCIOS PATROCINADOS: 600w x 350h