Website oficial de artista 2026

Miro Freitas

Site oficial do cantor madeirense Miro Freitas, em três línguas, com biografia, lançamentos, datas da digressão de 2026 e contacto para espetáculos.

Miro Freitas, versão desktop
Miro Freitas, versão telemóvel

Site oficial do cantor e compositor madeirense Miro Freitas. É uma única página, pensada para se percorrer de seguida: hero com o álbum "Origem" e a digressão de 2026, biografia, música, datas, galeria e contacto.

A secção de música mostra os lançamentos com capa e ligações para Spotify, Apple Music e YouTube. A digressão lista as datas confirmadas em Portugal e junto das comunidades no estrangeiro, do Canadá à África do Sul. Lançamentos, datas, galeria e contactos são editados num único ficheiro de configuração, sem tocar nas vistas.

O português é a língua por omissão, com versões em inglês e em espanhol. A página de manutenção faz parte do projeto: tem as três línguas, o email de contacto e as ligações oficiais, para o visitante ter sempre para onde ir.

Ecrãs

Em detalhe.

Secção Música com a grelha de capas dos lançamentos
Galeria com fotografias de concertos e televisão
Carrossel de datas da Digressão 2026
Secção de música no telemóvel, com capas e ligações de streaming
Galeria no telemóvel
Design

Direção visual.

Um palco escuro. Fundo quase preto, texto em branco quente e um laranja de brasa como única cor forte. A Playfair Display dá o tom editorial aos títulos e ao nome do artista, e a Inter trata do texto corrido. O movimento acompanha o scroll: barra de progresso, revelações, paralaxe e o retrato do hero que reage ao ponteiro.

Tipografia

  • Playfair Display
  • Inter

Cores

  • #0B0B0D
  • #15151A
  • #F4F1EA
  • #E2683C
  • #C98B7A
Técnico

Por dentro.

  1. 01

    Apresentação, dados editoriais e lógica de pedido estão separados: configuração para o conteúdo, ficheiros de língua para o texto e secções Blade isoladas para o HTML.

  2. 02

    O CSS e o JavaScript são escritos à mão e servidos diretamente, sem framework de frontend.

  3. 03

    Um middleware escolhe a língua a partir do prefixo do URL, incluindo nas páginas 404. A língua do navegador é ignorada de propósito, para o português ser sempre a versão por omissão.

  4. 04

    O site corre em Laravel Cloud. Como o comando de manutenção do Laravel não funciona com instâncias substituídas a cada deploy, o modo de manutenção é controlado por uma variável de ambiente e um middleware próprio, com cabeçalho Retry-After e acesso por segredo.

  5. 05

    Os testes cobrem as páginas, a localização, as datas da digressão, os ficheiros de media e os cabeçalhos de segurança.

Próximo projeto The Red Car Madeira Website para restaurante 2026