Usuário:Danilo.mac/Padrão visual
 |
Você está visualizando uma edição arquivada desta página, feita por Danilo.mac (discussão | contribs) em 18h21min de 23 de maio de 2018. Esta edição pode ser muito diferente da versão atual da página. O endereço URL mostrado no navegador é uma ligação permanente para esta edição. Para mais informações, consulte a página de ajuda sobre histórico de edições. |
Esta é uma proposta de padrão visual para a Wikipédia.
Cores
A variação das cores será baseada na escala HSV, a variação da matiz das cores é livre, a saturação e o valor da cor é fixo e deverá estar em um dos três valores a seguir:
Saturação 67 e valor 60, equivalente a RGB mínimo 33 e máximo 99:
Saturação 15 e valor 87, equivalente a RGB mínimo BB e máximo DD:
Saturação 7 e valor 93, equivalente a RGB mínimo DD e máximo EE:
| cor | min 33, max 99 | min BB, max DD | mín DD, max EE |
|---|---|---|---|
| vermelho | #993333 | #DDBBBB | #EEDDDD |
| #993366 | #DDBBCC | #EEDDE5 | |
| magenta | #993399 | #DDBBDD | #EEDDEE |
| #669933 | #CCBBDD | #E5DDEE | |
| azul | #333399 | #BBBBDD | #DDDDEE |
| #336699 | #BBCCDD | #DDE5EE | |
| ciano | #339999 | #BBDDDD | #DDEEEE |
| #339966 | #BBDDCC | #DDEEE5 | |
| verde | #339933 | #BBDDBB | #DDEEDD |
| #669933 | #CCDDBB | #E5EEDD | |
| amarelo | #999933 | #DDDDBB | #EEEEDD |
| #996633 | #DDCCBB | #EEE5DD |
Além das três faixas de cores acima podem também ser usados os seguintes tons de cinza:
| cinza | #666666 | #DDDDDD | #EEEEEE |
As cores das bordas também devem seguir o padrão de cores acima.
Exemplo em infobox
 | |
|---|---|
| Tópico1 (#BBCCDD) | |
| Rótulo1 (#DDE5EE) | Dados1 |
| Rótulo2 (#DDE5EE) | Dados2 |
| |
|---|---|
| Tópico1 (#DDE5EE) | |
| Rótulo1 | Dados1 |
| Rótulo2 | Dados2 |
| |
|---|---|
| Tópico1 | |
| Rótulo1 | Dados1 |
| Rótulo2 | Dados2 |
As infoboxes podem ter um, dois ou os três tons da mesma matiz.
| Título (#BBBBDD) | |
|---|---|
| acima (#DDDDEE) | |
| grupo1 (#DDDDEE) | lista1 |
| grupo2 (#DDDDEE) | lista2 |
| grupo3 (#DDDDEE) | lista3 |
| abaixo (#DDDDEE) | |
Layout de colunas
Quando uma página divide o layout em duas ou mais colunas, como na página principal e páginas de portais, as colunas devem ser geradas com tags div, e não com tabelas. Isso é importante para garantir uma boa visualização da página em dispositivos móveis.
style="float: left; width: 50%"
style="clear: both"