Design Visual¶
Primeiramente, é importante citar que todos os insumos relacionados ao design do módulo datadelivery não foram feitos por um designer! 😅
Com essa premissa estabelecida, esta seção tem o propósito nobre de referenciar todas as fontes, ferramentas e sites utilizados no processo artístico de criação de todos os elementos visuais contemplados na biblioteca.
Logo¶
O logo do módulo traz uma visão de delivery, representada por um veículo de carga.
| Imagem com logo e nome | Imagem apenas com logo | Imagem com logo rotacionado |
|---|---|---|
 |
 |
 |
Referências visuais para construção do logo:
A imagem na home da documentação foi criada utilizando a ilustração Heavy Box Cartoon Illustrations da página storyset.
Sobre a conversão das imagens para a geração de ícones customizados
Para conseguir gerar os logos customizados no cabeçalho da página, foi preciso realizar algumas etapas:
- Converter a imagem PNG em um formato ICO utilizando as dimensões 32x32px (cloudconvert)
- Converter o arquivo ICO gerado para o formato SVG mantendo os presets de cores (pixelied)
Fontes¶
- Matura MT Script Capitals para o título (datadelivery)
- Segoe UI Light para o substítulo (terraform module)
Cores¶
- Cereja Ardente (
#FF5C55) - Azul Céu Claro (
#5CB8E4) - Lavanda Profunda (
#B252D0) - Branco (
#FFFFFF)
De onde vieram esses nomes para as cores?
É meus amigos, nada como uma boa inteligência artificial generativa como o ChatGPT para nos ajudar nas tarefas criativas. Sim, a curiosidade me fez criar um prompt para nosso amigo GPT fornecer nomes para cores com base em seus códigos hexadecimais.
Diálogo com a IA:
👨🦲: Você é um agente especializado em fornecer nomes para cores utilizando, como insumo, seu código hexadecimal. Utilize referências sensoriais e forneça um nome curto para a cor com base em seu código HEX.
Dito isso, forneça um nome para a seguinte cor:
#FF5C55
🤖: Com base no código hexadecimal #FF5C55, eu nomearia essa cor como "Cereja Ardente".