Acessibilidade WCAG 2.1 AA
Contraste mínimo 4.5:1, foco visível em todos os elementos, navegação completa por teclado e alvos de toque de 44px.
Documento de arquitetura e design
Sistema de design Riotur
A base visual e de acessibilidade que sustenta todas as páginas do novo site oficial.
Princípios
Multilíngue
Interface em português, inglês e espanhol, com o atributo de idioma da página trocado em tempo real.
Modo de alto contraste
Tema alternativo acionado pela barra de acessibilidade, sem alterar a estrutura das páginas.
Tipografia única
Montserrat em todos os pesos, com escala fluida e ajuste de tamanho pelo usuário.
Paleta institucional
Todas as cores são tokens semânticos — nenhum valor fixo é escrito nas páginas.
Azul Riotur
--primary
Azul profundo
--deep
Amarelo bonde
--aqua
Dourado
--gold
Superfície
--surface
Neutro
--muted
Alerta
--destructive
Cartão
--card
Tipografia
Cidade Maravilhosa
Título de seção
Subtítulo de destaque
Texto corrido em Montserrat regular. A escala responde ao ajuste de tamanho da barra de acessibilidade, mantendo o layout estável em qualquer resolução.
Rótulo em caixa alta
Componentes
Botões
Campo de busca
Chips
PraiasTrilhasMuseusBotecosSamba
Chamada oficial
Site oficial do parceiro
reservas e informações sempre no link oficial