Page cover

Footer

Organiza e disponibiliza os demais links menos prioritários do site


Uso

Organiza os demais links menos prioritários em um único local


Anatomia

1. Chamada para assinatura

  • Sempre deve conter uma imagem. Sendo uma default ou uma selecionada em épocas de campanhas publicitárias.

  • A chamada deve aparecer apenas para usuários não assinantes.

2. Breadcrumb

  • Toda tela do site contem uma estruturação na navegação, com isso, toda tela tem seu breadcrumb identificado.

3. Indice alfabetico

  • Uma listagem alfabética de links, que ao clicar abrem listagem de artistas que começam com aquela letra.

4. Músicas

  • Conjunto de links para conteúdos musicais

5. Participe

  • Conjunto de links relacionados à participar do produto. Contribuindo com conteúdo, criando conta ou assinando.

6. Sobre o site

  • Conjunto de links com informações importantes sobre o site.

7. Aplicativo

  • Link para instalação de aplicativo nas lojas dos principais sistemas operacionais.

8. Extensão

  • Link para extensão Chrome do produto.

9. Localização e Idioma

  • Opções de personalização em local e idiomas do site.

10. Aparência

  • Opções de personalização de aparência do site.

11. Redes sociais

  • Conjunto de links para todas redes sociais do produto.

12. Infos extra

  • Informações extras sobre o produto.


Histórico de Atualizações

Figma
Gitbook
Android
iOS
Web

20/05/2025

15/07/2025

Atualizações por data

Junho 2025

30/06/2025

  • Atualização/definição da documentação do componente

Maio 2025

20/05/2025

  • Atualização do componente, adicionando novas regras de responsividade

Dezembro 2024

03/12/2024

  • Atualização estrutural e organizacional do componente

  • Documentação do componente

Percebeu um erro, ficou com dúvida ou tem uma sugestão?

Contribua com o Kósmos preenchendo nosso formulário de contribuição — sua colaboração ajuda a tornar o Design System mais claro, útil e evolutivo para todo o time.

Atualizado