Temas e Design

A aba Layout no editor da galeria é onde você define como sua galeria se parece e se sente. Cada escolha que você faz aqui, desde cores até tipografia e estilo de capa, é refletida instantaneamente em uma pré-visualização ao vivo. Todas as alterações são salvas automaticamente, então você pode experimentar livremente sem se preocupar em perder nada.

A aba Layout

A aba Layout é dividida em duas partes:

• Barra lateral de design (lado esquerdo). Um painel rolável, com aproximadamente 420 pixels de largura, com todos seus controles de design empilhados verticalmente. É aqui onde você faz suas escolhas.
• Pré-visualização ao vivo (lado direito). Uma renderização em tempo real de sua galeria como os visitantes a verão. Disponível apenas em desktop. Conforme você muda as configurações na barra lateral, a pré-visualização se atualiza instantaneamente para que você veja o efeito antes de compartilhar.

No topo da pré-visualização, você encontrará um alternador de dispositivo que permite alternar entre uma visualização de desktop e uma visualização de celular. Isso é útil para garantir que sua galeria também pareça ótima em telefones, já que muitos de seus clientes abrirão o link no celular primeiro.

Controles da barra lateral de design

A barra lateral guia você através de cada decisão de design, de cima para baixo.

Cartão de imagem de capa

No topo da barra lateral, você verá sua imagem de capa atual com um botão para alterá-la. Este é o mesmo seletor de ponto focal descrito na página Criando uma Galeria. Clique para reposicionar a área de foco para que a parte mais importante de sua capa permaneça visível em todos os tamanhos de tela.

Presets de temas

Abaixo da imagem de capa, você encontrará os presets de temas dispostos em uma grade de duas colunas. Cada preset é um pequeno cartão de pré-visualização mostrando a aparência geral. Clicar em um aplica um conjunto completo de escolhas de design de uma vez: layout de capa, cores, tipografia, estilo de grade e muito mais. É a forma mais rápida de obter uma aparência polida.

CoreHue oferece seis temas pré-definidos:

Tema	Sensação	Melhor para
Editorial	Revista, refinado	Moda, trabalho editorial
Cinematic	Ousado, dramático, escuro	Filmes, sessões melancólicas
Romantic	Suave, onírico, quente	Casamentos, noivados
Timeless	Clássico, elegante	Retratos, eventos
Modern	Limpo, contemporâneo	Comercial, trabalho minimalista
Earth	Tons quentes e naturais	Outdoor, lifestyle

Escolher um preset define tudo de uma vez, mas nada está travado. Você pode customizar qualquer configuração individual posteriormente sem perder o restante do preset.

Opções de layout de capa

Seis formas diferentes de apresentar sua capa, cada uma com uma pequena pré-visualização visual para que você veja o que está escolhendo:

• Grand. Uma entrada dramática e sangrada. A imagem de capa preenche a tela inteira de borda a borda, com o título e a data sobrepostos. Sente-se épico e imersivo, perfeito para grandes eventos ou trabalhos com paisagens de tirar o fôlego.
• Showcase. O título da galeria e detalhes do evento ficam no topo, com a imagem de capa exibida prominentemente abaixo. Limpo e confiante, deixa a imagem falar por si.
• Editorial. A imagem de capa preenche o fundo com uma sobreposição de gradiente sutil que torna o texto fácil de ler. Sente-se como a página de abertura de uma revista de alta qualidade.
• Half. A tela se divide em duas: texto à esquerda, imagem à direita. Equilibrado e moderno, dá peso igual ao título e ao visual.
• Fade. A imagem de capa se dissolve suavemente na borda inferior, se misturando na cor de fundo. Gentil e elegante, cria uma transição suave para a grade de fotos abaixo.
• Frame. A imagem de capa fica emoldurada com margens generosas em todos os lados, como uma impressão emoldurada pendurada na parede. Refinado e intencional, ótimo para uma galeria que se sinta curada.

Animações de capa

Escolha como a capa ganha vida quando alguém abre a galeria pela primeira vez:

• None. A capa aparece instantaneamente sem animação.
• Fade. A capa desaparece suavemente, facilitando a entrada do visitante na experiência.
• Parallax. A imagem de capa se move em uma velocidade ligeiramente diferente do texto conforme o visitante rola, criando uma sensação de profundidade.
• Zoom. A imagem de capa começa ligeiramente ampliada e recua lentamente, atraindo o olho antes de revelar a cena completa.

Opções de tipografia

Nove combinações de fontes para escolher, cada uma configurando as fontes de título e corpo juntas: Modern, Serif, Display, Clean, Classic, Refined, Editorial, Warm e Vogue. Escolha a que corresponde ao clima do seu trabalho.

Amostras de paleta de cores

Onze paletas de cores exibidas como amostras que você pode clicar: Light, Gold, Ivory, Dark/Noir, Rose, Terracotta, Sand, Olive, Agave e Sea. Cada paleta define a cor de fundo, cor do texto, cor de destaque e tom geral da galeria em um clique.

Tamanho da grade

Duas opções para o tamanho das fotos na grade:

• Regular. Um tamanho padrão que cabe mais fotos na tela de uma vez. Bom para galerias com muitas imagens onde você quer que os visitantes naveguem rapidamente.
• Large. Miniaturas maiores que deixam cada foto causar mais impacto. Bom para galerias menores e curadas onde cada imagem importa.

Espaçamento da grade

Duas opções para o espaço de respiro entre fotos:

• Tight. As fotos ficam próximas com lacunas mínimas, criando um mosaico denso e estilo revista.
• Relaxed. Mais espaço entre as fotos, dando a cada imagem espaço para respirar. Sente-se mais calmo e intencional.

Estilo de navegação

Como a navegação de capítulos se parece na galeria pública: Ícone + texto, Apenas texto ou Apenas ícone.

Opções de grade

Configurações adicionais de grade permitem escolher entre estilos de grade vertical e horizontal, e controlar como as fotos aparecem conforme os visitantes rolam: instantaneamente, com um efeito de fade ou com um efeito de escalonamento onde as fotos aparecem uma por uma.

Tudo é salvo automaticamente

Você nunca precisa clicar em um botão de salvar. Cada alteração que você faz na aba Layout é salva no momento em que você a faz. Mude de abas, feche o editor, volte mais tarde. Seu design está sempre exatamente onde você o deixou.