01. Logotipo

02. Tipografia

03. Cores

04. Layout da página inicial

05. Layout da página de nível superior

06. Layout da página de listagem

07. Blog/Layout geral da página

08. Tamanhos das imagens – Heróis

09. Tamanhos das imagens – Páginas de nível superior

10. Tamanhos das imagens – Corpo, listagens e relações públicas

11. Tamanhos das imagens – Anúncios

cores primárias

Laranja Mandarim #F26B39

Emerald Shores #3E9976

Maré da Meia-Noite #273D3B

Concha #F9F6F0

CORES SECUNDÁRIAS

Nascer do Sol Dourado #FBC731

Areias de Coral #FABDB6

Serenata da Espuma do Mar #85C9AF

Cinza aço #707070

A página inicial está organizada da seguinte maneira:

• Barra de navegação
• Imagem ou vídeo principal, pode ou não ter sobreposição de texto
• Manchete
• Subtítulo
• Texto introdutório
• Experimente nossas cidades
• Ir para o módulo do mapa
• Sabores do momento – Conteúdo selecionado
• Experiências em Palm Beaches
• Eventos de assinatura
• Módulo de ofertas
• Tendências atuais – conteúdo mais recente
• Módulo de mapa interativo
• Módulo Dicas dos moradores locais
• Conteúdo patrocinado
• Módulo de redes sociais
• Bloco de conversão – Motor de reservas de alojamento, inscrições na newsletter e no guia do visitante
• Rodapé

Tamanhos das imagens da área de trabalho

Imagem completa: 1900w x 1000h

Área ao vivo: 1400w x 850h

Todas as imagens de destaque devem ser 1900×1000, no entanto, devido à barra de navegação e às palmeiras, a área ao vivo (objeto da foto) é limitada a 1400×850 com 150 px do espaço acima da área ativa. Portanto, se você tiver uma foto com um objeto que deve ficar visível (consulte a página inicial da Coleção), certifique-se de que o objeto caiba na área ativa de 1400×850. Veja o diagrama à direita. 

IMAGENS DO PÔSTER: 1600w x 900h

As imagens dos pôsteres são usadas como espaços reservados enquanto os vídeos principais estão sendo carregados. Normalmente, elas ficam visíveis por apenas um segundo ou menos. É altamente recomendável usar o primeiro quadro do vídeo para que a transição seja realmente perfeita após o vídeo ser carregado e começar a ser reproduzido.

IMAGENS DO BLOG HERO: 1900w x 1000h

(As imagens principais não são obrigatórias em todos os artigos do blog, mas são recomendadas. Caso não seja fornecida nenhuma imagem principal, será utilizada uma imagem provisória de uma obra de arte em aquarela.)

Tamanhos de imagens para dispositivos móveis

Imagem completa: 900w x 1600h 

Área ao vivo: 700w x 1300h 

Todas as imagens de destaque devem ser 900×1600, com uma área segura (objeto da foto) limitada a 700×1300 com 135 px do espaço acima e 165 px do espaço abaixo da área ativa. Portanto, se você tiver uma foto com um objeto ou texto incorporado (consulte a página inicial do Love), certifique-se de que o objeto caiba na área ativa de 700×1300. Veja o diagrama à direita. 

IMAGENS DO PÔSTER: 900w x 1600h 

As imagens dos pôsteres são usadas como espaços reservados enquanto os vídeos principais estão sendo carregados. Normalmente, elas ficam visíveis por apenas um segundo ou menos. É altamente recomendável usar o primeiro quadro do vídeo para que a transição seja realmente perfeita após o vídeo ser carregado e começar a ser reproduzido. 

IMAGENS DO BLOG HERO: 900w x 1600h 

(As imagens principais não são obrigatórias em todos os artigos do blog, mas são recomendadas. Caso não seja fornecida nenhuma imagem principal, será utilizada uma imagem provisória de uma obra de arte em aquarela.)

IMAGENS DE HERÓIS: 1900w x 1000h 

CONTEÚDO EM DESTAQUE DE NÍVEL SUPERIOR 

HORIZONTAL: 950w x 500h 

VERTICAL: 500w x 850h 

PÁGINA INICIAL EVENTOS E DESTAQUES 

LISTA DE ARCOES: 450w x 800h 

GRADES DE ALVENARIA DA PÁGINA DE NÍVEL SUPERIOR 

Imagens na orientação paisagem são altamente recomendadas. Veja o exemplo à direita. 

1×1,5: 700w x 900h 

2x.5: 1400w x 450h 

1x.5: 700w x 450h 

1×1: 700w x 700h 

HISTÓRIAS MAIS POPULARES DO MOMENTO: 

500w x 650h 

ANÚNCIOS PATROCINADOS: 600w x 350h