Linu Sites
← Todos os projetos

Site de apresentação

Fotografia do Cerrado

Empresa de fotografia de vida selvagem, com galeria filtrável, expedições e contacto. A paleta saiu do próprio bioma e cada cor foi medida pela regra de contraste da WCAG.

Página inicial da Fotografia do Cerrado: uma seriema no capim dourado, com um ipê-rosa florido ao fundo

O desafio

Era uma atividade de paletas de cores e WCAG: montar uma interface pequena com as cores escolhidas e provar que todo o texto era legível. Tornou-se um site inteiro, sem abdicar da regra.

O que foi feito

  • Seis páginas de um estúdio de fotografia de fauna que não existe: galeria com filtro e fotografia ampliada, expedições com perguntas frequentes, sobre e contacto.
  • Nas Expedições, escolhe-se o mês e vê-se como está o cerrado e que saídas estão na melhor época; na galeria, passa-se de uma fotografia ampliada para a outra pelas setas ou deslizando o dedo.
  • A paleta saiu do próprio bioma, o castanho do tronco, o capim seco e a terra, e cada cor tem o contraste medido na página Sobre.
  • Modo claro e escuro, que segue o sistema e guarda a escolha, sem a página clara piscar ao abrir.
  • Fotografias livres do Wikimedia Commons, com o autor e a licença de cada uma numa página de créditos.

Por dentro

  • HTML, CSS e JavaScript sem biblioteca e sem nenhum estilo dentro do HTML.
  • Todo o texto acima de 4,5:1 nos dois modos, foco visível e menu que funciona pelo teclado.
  • 13 idiomas, com o formulário de demonstração a responder no idioma da página.

Quer algo assim para o seu negócio?

Diga-nos o que faz e o que imagina. Pode ser só uma ideia: a resposta vem com perguntas e próximos passos.