CONCEITO DE DESIGN
MEMÓRIA VIVA - O QUILOMBO DIGITAL
Cada elemento visual é uma história sendo contada.
Cada interação é um ato de resistência.
Cada scroll é uma jornada pela memória ancestral.
O CONCEITO "MEMÓRIA VIVA"
GRIÔ
Contador de histórias da tradição oral africana.
AQUILOMBAMENTO
Resistência coletiva e espaços de liberdade.
EDUCAÇÃO
Transformação através do conhecimento.
AXÉ
Energia vital afro-brasileira.
"O site não é apenas uma página. É um quilombo digital."
PALETA DE CORES UTILIZADA
Cores Primárias (Pan-Africanas)
Luta e resistência
O povo e ancestralidade
Fertilidade e renovação
Riqueza e realeza
Cores Secundárias
Destaques e CTAs
Energia e celebração
Backgrounds claros
Textos secundários
TIPOGRAFIA
RESISTÊNCIA
Bebas Neue - usado em heroes e títulos principaisForça e Identidade
Montserrat Black - usado em seções e cardsO design do Griô Burger é um manifesto visual onde cada pixel conta uma história.
Open Sans - usado em parágrafos e textosCultura Afro-Brasileira
Ubuntu (fonte sul-africana) - usado em cards e destaquesCOMPONENTES
Seções
.secao-clara
.secao-ancestral
background: #f9f9f9
PADRÕES AFRICANOS
Listras inspiradas em tecidos tradicionais africanos, usadas como separadores de seção.
KENTE
.listra-kente
Gana - Padrão mais usado no site
PAN-AFRICANA
.listra-pan-africana
Cores da bandeira Pan-Africana
MUDCLOTH
.listra-mudcloth
Mali - Grid geométrico
CHEVRON
.listra-chevron
Símbolo Adinkra Dwennimmen
GRADIENTES
APRECIAÇÃO CULTURAL RESPEITOSA
✓ FAZEMOS
- Entendemos o significado de cada símbolo antes de usar
- Incluímos a história e significado dos elementos
- Damos crédito às origens culturais
- Cada elemento tem propósito conectado aos valores
- Apoiamos causas de igualdade racial
- Incluímos representatividade negra
✗ EVITAMOS
- Transformar padrões ricos em "prints baratos"
- Usar símbolos sagrados de forma leviana
- Explorar cultura sem retribuir à comunidade
- Estereótipos e clichês
- Tratar a África como monolito (são 54 países!)
- Elementos apenas decorativos sem significado
DESIGN COM ALMA
Cada pixel conta uma história. Cada cor é um símbolo. Cada animação é resistência.