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 com propósito
Manrope forte mantém cada título uniforme; Instrument Serif aparece apenas em pequenos detalhes editoriais.
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
Identidade editorial carioca
Cidade Maravilhosa
O Rio acontece o ano inteiro
Manrope · interface e leitura
Título funcional e cartões
Subtítulo de destaque
Texto, navegação, controles e títulos usam Manrope. A serif fica restrita a pequenas chamadas de apoio, sem provocar mudança de fonte dentro de um mesmo título.
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