O Estado passa a ter o dever de agir
A União fica obrigada a planejar e garantir a soberania digital.
Paleta
Cores amostradas diretamente da arte. Âmbar e verde puros só são usados sobre fundo escuro; sobre creme entram as variantes escuras.
- Preto
#0C0C0C
fundo principal - Mancha
#1A160F
manchas, cards escuros - Creme
#EFEAD5
títulos, seções claras - Âmbar
#F7A800
tarjas, botões, foco - Verde
#52BA3F
detalhes, status positivo - Âmbar escuro
#7A5300
links sobre creme - Verde escuro
#2B6A2D
verde sobre creme - Texto secundário
#C9C3AD
legendas sobre preto
Contraste (WCAG 2.2)
| Texto | Fundo | Razão | Resultado |
|---|---|---|---|
| Creme | Preto | 16,2:1 | AAA |
| Creme | Mancha | 14,9:1 | AAA |
| Âmbar | Preto | 9,8:1 | AAA |
| Preto | Âmbar | 9,8:1 | AAA |
| Verde | Preto | 7,9:1 | AAA |
| Texto secundário | Preto | 11,1:1 | AAA |
| Âmbar escuro | Creme | 5,7:1 | AA |
| Verde escuro | Creme | 5,4:1 | AA |
| Âmbar | Creme | 1,6:1 | Proibido para texto |
| Verde | Creme | 2,1:1 | Proibido para texto |
Tipografia
Archivo variável: a largura vai de condensada (75) a semi-expandida (106), reproduzindo os três estilos da arte com uma única família de fonte.
eu apoio
Tarja: Archivo Black Italic condensada, escrita em caixa baixa (siglas como PEC continuam em maiúsculas), fundo âmbar inclinado.
A PEC da
Soberania
Digital
Título extrudado: Archivo Black, larguras 75 (condensada) e 106 (semi-expandida). Letra creme, contorno preto e extrusão preta profunda (cerca de 14% da altura da letra), como na arte. Por isso o fundo base do site é o marrom das manchas, onde o preto aparece. É texto real, selecionável e lido por leitores de tela.
Infraestruturas
Transparência
Teste com as palavras mais longas previstas: precisam caber inteiras a partir de 320 px de largura.
Sobre creme
O mesmo título em seção clara: igual ao selo sobre fundo branco.
Título de nível 3: o que a PEC propõe
Corpo de texto em Archivo 400, entre 17 e 18 px, entrelinha 1,6 e linhas de no máximo 40 em. Soberania digital é a capacidade de uma sociedade de desenvolver, governar e controlar as tecnologias, os dados e as infraestruturas digitais. Negrito em 800 para ênfase e link em âmbar sublinhado.
Frase de destaque: os dados são nossos. Nossas decisões são nossas.
Elementos
Rótulos de seção
o que muda
quem já assinou
leia a PEC
Lista com losangos
- Big techs sob a lei brasileira. Quem atua aqui precisa ter representação legal no Brasil.
- Algoritmos às claras. Transparência, auditoria e supervisão humana.
- Tecnologia nossa e livre. Preferência por software livre e de código aberto.
Texturas
Duas camadas: o fundo é calmo e tátil (manchas e grão); a retícula entra como sombreado, com pontos que diminuem a partir de um canto, como no punho do selo. A granulação cobre a página inteira, como papel impresso.
Botões
Volume como nas letras da arte: bloco extrudado para baixo e para a esquerda, em preto, a mesma tinta da extrusão dos títulos. Só a ação principal (assinar) usa o bloco âmbar extrudado; ações secundárias são tarjas chapadas inclinadas, menores. Alvos com no mínimo 48 px de altura.
Estado de foco (navegação por teclado)
Anel de 3 px afastado do elemento: âmbar sobre fundo escuro, preto sobre creme e âmbar. Abaixo, os elementos estão exibidos no estado de foco.
Assine agora
Compartilhar
Leia a PEC na íntegra
Assine agora
Compartilhar
Leia a PEC na íntegra
Campos
Estados dos campos do abaixo-assinado: normal, em foco, com erro e preenchido. O erro sempre tem ícone e texto, nunca só cor. Campo: faixa chapada com base preta grossa, sem caixa de borda. Foco: anel preto com filete âmbar.
↑ campo em foco
Digite o WhatsApp com DDD, como (11) 999999999.
Preenchido
Status (painel de deputados)
Mini tarjas chapadas com texto e ícone, legíveis também por quem não distingue verde de âmbar.
Assinou
Ainda não assinou
Assinou
Ainda não assinou
Cards
Dados públicos sob controle nacional
Guardados e tratados sob jurisdição brasileira.
Marcação de conteúdo de exemplo
A tarja fica colada acima do título da seção fictícia, e o texto da seção começa avisando que os dados são fictícios.
conteúdo de exemplo
Quem já assinou
Dados fictícios, só para validar o layout. Seções assim recebem esta tarja, para o cliente não confundir com o conteúdo final.
composição
Selo sobre as manchas
Selo ampliado para 1260 px com Real-ESRGAN, para ficar nítido em telas de alta densidade, com 99 KB em PNG.
Assine agora
o que muda
Seção calma,
um adesivo
Exemplo de densidade: o fundo e o texto ficam calmos, e só um elemento grita por tela: aqui, o título com a tarja. Sem caixas, bordas ou sombras ao redor do texto corrido.
- Big techs sob a lei brasileira. Quem atua aqui precisa ter representação legal no Brasil e responder à Justiça brasileira.
- Algoritmos às claras. Serviços digitais, algoritmos e sistemas de inteligência artificial passam a ter transparência, auditoria e supervisão humana.
Rodapé
