Marca/cores

From Meta, a Wikimedia project coordination wiki
Jump to navigation Jump to search
This page is a translated version of the page Brand/colours and the translation is 100% complete.

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.

Wikimedia Brand Guidelines Update 2022 Wikimedia Colors Core-palette.png
Códigos hex
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.

Wikimedia Brand Guidelines Update 2022 Wikimedia Colors Legacy-palette.png
Códigos hex
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

Wikimedia Brand Guidelines Update 2022 Wikimedia Colors Creative-palette-strong.png
Códigos hex
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

Wikimedia Brand Guidelines Update 2022 Wikimedia Colors Creative-palette-light.png
Códigos hex
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 -

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.

Wikimedia Brand Guidelines Update 2022 Wikimedia Color Usage.png

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.

Wikimedia Brand Guidelines Update 2022 Wikimedia Colors Dont.png