valessiobrito
commented
5 years ago @Heloisecs o nome dessas cores aqui.. segue a da documentação?
Closed ricardopoppi closed 5 years ago
valessiobrito
commented
5 years ago @Heloisecs o nome dessas cores aqui.. segue a da documentação?
[x] Incluir a opção de subir imagem que substitui o título do board
[x] Implementar a opção de escolha de paletas de cores específicas para board
[x] Repercutir a paleta:
[x] No thumbnail que aparece na página do board
[x] Na interna da conversa
[x] No menu hamburguer
Refs:
Telas invision • Lista de conversas com logo aplicado: https://invis.io/WDORF1EMQBZ • Criar ou Editar Mural: https://invis.io/ZKORF2EWPUM
Internas:
Thumbnails:
Explicação da designer:
Sobre a escolha das cores, me baseei no card de conversa atual e analisei o que ali pode ser cambiante e o que deve ser preservado do componente original, tanto pra manter padrão quando pra facilitar a aplicação pros DEVS. Penso que quanto menor a quantidade de elementos variando, melhor! Então cheguei a conclusão de manter fixos o padrão do balõezinhos, o botão de "participe agora" e a cor do texto da conversa. Todos os demais elementos (podem adotar cores diferentes). Vejam o print pra ficar mais claro:
então cheguei a conclusão que todas as paletas alternativas devem ter um tom mais escuro (que permita um boa leitura de um texto em branco) e um tom bem clarinho (que também tenha uma boa leitura sob o tom escuro). Daí, dada essa regra, busquei cores bem diferentes entre si pra dar uma diversidade interessante para as alternativas de paletas. Meu receio com tons pastéis é que eles podem dificultar a leitura do texto em branco (nesse seria necessário pensando paletas que modificariam também a cor do texto branco).
O HEXs das paletas é:
Azul (default): tom escuro #30BFD3 // tom claro #C4F2F4 Cinza: tom escuro #666666 // tom claro #EEEEEE Rosa: tom escuro #FF3D72 // tom claro #FFE3EA Verde: tom escuro #36C273 // tom claro #B4FDD4 Laranja: tom escuro #F5700A // tom claro #FFE1CA Roxo: tom escuro #7758B3 // tom claro #E7DBFF