Marca/cores
Cores
As cores da Wikimedia consistem em três diferentes paletas de cores: A paleta Core ("Principal"), a paleta Legacy ("Legado") e a paleta "Creative" ("Criativa"). Nós definimos nossas cores com valores específicos para que você possa facilmente implementá-los em seu design.
A paleta Core
A paleta Core consiste em preto e branco e três tons de preto: preto25,preto 50 e preto 75. Preto e Branco são nossas principais cores que funcionam bem com cores na paleta Legacy e na paleta Creative. O logo da Fundação Wikimedia é preto ou branco. Esta abordagem o torna flexível e fácil de usar em diferentes situações.
| Cor | Branco | Preto | Preto 75 | Preto 50 | Preto 25 |
| Código hex | FFFFFF | 000000 | 404040 | 7F7F7F | BFBFBF |
A Paleta Legacy
A paleta Legacy consiste em três cores próximas do movimento Wikimedia: verde, azul e vermelho. Podem ser usadas como cores de fundo, cores de título ou subtítulo ou em roupas oficiais. As cores também vêm em versões otimizadas para acessibilidade, com contraste em taxa AAA para a combinação com branco.
| Cor | Verde | Azul | Vermelho | Verde AAA | Azul AAA | Vermelho AAA |
| Código hex | 396 | 0063BF | 900 | 246342 | 0C57A8 | 970302 |
A Paleta Creative
A paleta Creative consiste de 11 cores derivadas daquelas frequentemente usadas pelos grupos da comunidade ao redor do mundo, bem como pelas queridíssimas cores do aniversário de 20 anos da Wikipédia. É também a paleta desenvolvida para complementar as paletas Legacy e Core, provendo mais versatilidade em situações em que muitas cores são necessárias. O vermelho, azul e verde aqui são levemente diferentes daqueles da paleta Legacy pois estão em taxa AA.
A paleta Creative inclui tanto cores fortes quanto tons mais brandos. Os tons mais brandos podem ser úteis quando há uma necessidade por uma expressão mais sutil.
Cores fortes
| Cor | Vermelho | Rosa | Laranja | Amarelo | Roxo | Verde-escuro |
| Código hex | 970302 | E679A6 | EE8019 | F0BC00 | 5748B5 | 305D70 |
| Cor | Azul | Azul-claro | Amarelo-claro | Verde | Verde-claro | - |
| Código hex | 0E65C0 | 049DFF | E9E7C4 | 308557 | 71D1B3 | - |
Cores brandas
| Cor | Vermelho | Rosa | Laranja | Amarelo | Roxo | Verde-escuro |
| Código hex | E5C0C0 | F9DDE9 | FBDFC5 | FBEEBF | D5D1EC | CBD6DB |
| Cor | Azul | Azul-claro | Amarelo-claro | Verde | Verde-claro | - |
| Código hex | C3D8EF | C0E6FF | F9F9F0 | CBE0D5 | DBF3EC | - |
For developers
Template, module and gadget developers may find the CSS stylesheet of all the items above.
Uso de cores
Combinações
Para contraste suficiente, é recomendado combinar a paleta Legacy e a paleta Creative com texto preto ou branco. Todas as cores exceto roxo, azul, verde e verde-escuro são compatíveis com texto preto. As demais devem ser combinadas com branco para ganhar contraste suficiente.
O que não fazer com cores
Por motivos de acessibilidade, é recomendado evitar combinar as cores fortes e fracas na paleta Creative em texto, ou o contraste não será suficiente.
