Nova identidade para o Front-end Brasil about sugestoes HOT 92 CLOSED

Oi pessoal, eu so Designer e front-end (nao vamos começar essa discussão por favor haha) e nosso amigo @Mendrone me falou que tava tendo uma discussão sbre o novo do front-end brasil, fiz umas versões, se voces gostarem podemos discutir a ideia e desenvolver a identidade visual :)

from sugestoes.

Para explicar melhor os conceito do logo :)

from sugestoes.

Adorei sua idéia @kvnol , mas pensei o seguinte: o verde tem bastante destaque, faz sentido, só que ele tá meio que fora do logo. Meio que ele é o fundo. Como eu sou adepto de fundos monocromáticos, acho que seria legal ele ter seu próprio elemento, menor, mas bem significativo e centralizado.

Essa é minha sugestão (eu gostei tanto das cores que copiei). Com bem menos base em CSS, eu só peguei as formas geométricas (valeu por lembrar @diogorodrigues ) e desmontei em forma de um layout básico.

Amo feedbacks, podem mandar <3

from sugestoes.

Fiz mais uma alternativa. Usei a idéia do @matheusmonteiro representar trechos de código, e tentei construir a bandeira com esses elementos, alterando as cores da minha proposta anterior pra não cegar ninguém de contraste (ficava mais aparente nesse modelo). Mantive a tipografia, mas aumentei os espaçamentos. Ainda acho meio a-lá-marca-de-pneu, talvez aumentando o espaçamento essa impressão diminua.

Esse conceito de usar trechos de código me lembra muito o site do FrontInSampa. Eu estava evitando usar porque queria manter separadas as identidades visuais de cada um, mas acho que preciso das opiniões de vocês nisso também.

from sugestoes.

E aí, galera? Com base na opinião de vocês, refiz a proposta sobre a nova identidade do Frontend Brasil.

Vou explicar o conceito:

1. A base foi a bandeira do Brasil sendo criada em CSS e aberta no IE6, quebrada. Sem circulos ou formas complexas;
2. O que seria o círculo azul virou um terminal (para quem não sabe, é a tela preta que nós, programadores, utilizamos);
3. O "Frontend" está para fora do quadrado por conta de um bug no overflow da página (quando o conteúdo fica maior do que a resolução);

ps: Na minha cabeça, eu já desconsidero a primeira versão. Essa tem muito mais personalidade e traz a "brasileiridade" sugerida, hahaha.

from sugestoes.

Sendo bem sincero?

👏 👏

from sugestoes.

Pessoal, apostaria mais na proposta do @ricardogouveia3 mas em outras cores, sem preto. A ideia de desmontar as formas e tirar um tanto do verde é ótima, considerando as outras propostas todas, devíamos dar mais atenção a essa :)

Todas as opções que vi do @kvnol possuem alguns aspectos problemáticos que podem ser retrabalhados, vou citar alguns, talvez ajude:

• alta complexidade: o logo pode ser mais simples, considerando que vai ser exibido em tamanhos pequenos. 5 barras brancas pode ser muito pra um espaço pequeno.
• falta espaço branco: os elementos estão com espaçamentos muito pequenos entre eles (reparar na margem entre o bloco azul e a beirada do amarelo) ou mesmo espaçamentos estranhos, como o L sobrando pra fora do quadrado.
• o lettering pode dar muitos problemas de leitura dependendo do background aplicado, principalmente por "vazar" pra fora de um fundo obrigatoriamente sólido e de cor definida
• animações: logos não podem depender de animações pra serem compreendidos... É muito bom animar, mas pensa primeiro no impresso. Essa versão do logo, impressa, não passa uma mensagem clara.

Se fosse considerar todos esses apontamentos, o logo seria completamente diferente acredito. Você chegou a riscar mais opções dele @kvnol? Qualquer coisa me manda um inbox no Facebook, tento ajudar :)

from sugestoes.

@kvnol Fala sério tu começou um incêndio! 🔥 🔥 🔥
A ideia está evoluindo e ficando muito bom 😍

from sugestoes.

Com base nas dicas para construção da proposta que coloquei aqui na issue, fiz uma nova proposta (além da primeira) que segue uma linha mais minimalista, mas com um conceito forte em HTML, CSS e JavaScript:

Creio que o conceito é auto-explicativo, mas:

1. Os colchetes (em verde) fazem o papel do Array, referênciando o JavaScript;
2. O "menor que" e "maior que" (em amarelo) fazem o papel da tag, referênciando o HTML;
3. O círculo (em azul) faz o papel da classe, referênciando o CSS.

from sugestoes.

Fala galera, vim aqui dar meus dois dedos de prosa.

Achei essa proposta do @kvnol muito boa: #20 (comment)

Acredito que a referência ao Brasil na proposta vai além da obviedade das cores e faz referência ao início do Design brasileiro, remetendo a logos de mestres como Wollner e Aloísio Magalhães. (Um post que achei para ilustrar: Design Gráfico Brasileiro, anos 50 e 60, além das boas sacadas de referência ao terminal/construção de F (que fica um símbolo que pode ser trabalhado para ficar bem identificável sozinho), e a quebra do "END" pra fora da forma atua como o hífen das outras propostas (e não exclui a grafia frontend que também é aceita)

Eu sugeriria investir nessa ideia, algumas observações:

• Trabalhar mais detalhadamente sua construção geométrica
• Ajuste no kerning do "RA"
• Testaria mais combinações de cores (Eu evitaria esse contraste bandeira do Brasil mesmo, em fundo verde, acho que a forma ganha mais destaque com aplicação solta mesmo)

Quanto à utilização de caracteres como colchetes, chaves, parênteses, acho que poluem a marca, eles já são signos por si só e carregam seus significados. É isso, parabéns pela aula de design gráfico colaborativo por aqui! 👍

from sugestoes.

@kvnol gatão! Valeu demais por ter feito a sugestão, realmente estávamos pensando numa reformulada no logo e site. Você adivinhou heheh

O site eu curti a maneira que você dispôs o conteúdo, eu manteria assim!

Sendo sincero contigo, eu achei que o logo fugiu bastante da proposta do original, com as cores do Brasil e as formas também. Parece um pouco simples demais saca? Falta um tempero BR, tá bem minimalista hehehe

Eu realmente não manjo de design, só posso falar que gostei ou não. Você se importaria se a gente chamasse uma galera a mais pra avaliar e dar possíveis sugestões no que você fez?

Mais uma vez muito obrigado mano!

from sugestoes.

Galera, só para avisar, a última semana foi insana (estava fazendo Design Sprint), mas estou acompanhando a evolução de vocês.

from sugestoes.

Bom dia galera, achei a ideia e o debate super interessantes! Aí resolvi fazer uma sugestão em cima da peça do @kvnol e alguns pontos que achei relevantes que são:

• Trocar a cor principal para o Verde em vez do amarelo. Pensando nas aplicações em fundo branco como badges, papéis e por aí vai. O verde trabalha melhor no contraste com o branco, acredito eu.
• a ideia da linha quebrando no overflow eu entendi mas acho que não seja algo que uma comunidade brasileira de front-end deveria ter orgulho em mostrar rsrsrs então eu acabei trocando, botando o "end" como um elemento ao lado.

Mas não é pq tenha feito a sugestão que acho que tá ótimo, ainda tem uma coisa que sinto falta, o hífen do "front-end"

from sugestoes.

@here, com a segunda versão que o @kvnol sugeriu. Alguma consideração?

from sugestoes.

Que show ver a galera interagindo. Muito bom! =D

Seria interessante ir vendo esses logos aplicados sobre fundos claro e escuro, além de apresentar ele de forma monocromática também (só preto / só branco).

@kvnol , está ficando legal sua evolução heim. O @lazaroalvarenga fez uma proposta parecida, porém mais clean. Ficou legal tb!!

@ricardogouveia3 Gostei da sua proposta. Ficou bem clean e minimalista (lembra aqueles brinquedos educativos de encaixar peças). Já fez um experimento virando o ícone de cabeça para baixo? Sobre a fonte, ela é forte e impactante, mas já pensou em utilizar algo menos parecido com 'Arial'? Uma com formas mais retas, talvez. Conhece a "Raleway" e a "Montserrat"?

from sugestoes.

@matheusmonteiro Obrigado pela ajuda, seu lindo! 😍

Estou acompanhando a discussão e pedi pra o @matheusmonteiro, um dos designers/devs aqui da Red Ventures nos ajudar com uma sugestão

Incrível como com poucas ideias já temos uma melhoria considerável nas propostas. Essa é a magia do Open Source ❤️

@kvnol manda ver mano e obrigado pela ajuda!

from sugestoes.

@kvnol Gostei bastante desse seu último.

@ricardogouveia3 Gostei muito desse seu também.

Estão indo muito bem 🎸

from sugestoes.

@ricardogouveia3 ficou muito louca essa versão, será que com uma fonte no estilo do @matheusmonteiro não ficaria melhor?
Tipo juntar as duas ideias, acho que ficaria muito massa.
@kvnol e sua ultima versão também curti bastante, com essa bandeira :)

from sugestoes.

Caramba, quanta proposta bacana! Felizão aqui :) :) :) :)

from sugestoes.

@eduardojmatos hahahah, sugestões são sempre bem-vindas. A ideia foi essa mesma, abrir a issue e ver o que a galera acha e, se houver designers de verdade (eu também não sou) no grupo, enviar novas sugestões além da minha.

Tamo junto! ❤️

from sugestoes.

Parabéns @kvnol 👏

Achei legal a iniciativa e a ideia do gradiente é legal, porém eu particularmente achei ela meio simples e sem nenhuma relação com BR.

Poderíamos fazer uma espécie de contest e votarmos na melhor logo. O que acham @frontendbr/admins?

from sugestoes.

@kvnol Compartilhando do comentário do @diogomoretti , parabéns pela iniciativa.

Sei que pode parecer um pouco clichê, mas tb penso ser importante fazer uma relação com as cores da bandeira brasileira, uma vez que a ideia é ter esse link entre a comunidade e o Brasil. Às vezes, nem precisa usar todas as cores, mas ter essa relação pode ser vantajosa.

Essa releitura do logo lembra bastante o que foi feito na nova identidade do Front in Sampa, confira lá depois: http://www.frontinsampa.com.br/ Nele também foi aplicado bastante minimalismo, além de formas geométricas... Achei interessante!

=D

from sugestoes.

caraca, tá muito bonito! keep going folks! parabéns pela iniciativa :D

from sugestoes.

Pessoal, boa noite.
É possível enviar outras ideias tbm? Ou, a ideia é apenas escolher entre as duas (ou três) opções que citaram aqui? Trabalhamos com ID tbm e gostaria de enviar algumas ideias tbm.

from sugestoes.

@estudio86 fique a vontade para enviar sua sugestão, qualquer pessoa que queira contribuir é bem vinda.

from sugestoes.

Olá pessoal! Vi as sugestões e achei legais, as que curti mais foram as do @ricardogouveia3 e do @lazaroalvarenga.

Não sou muito de desing, então não consigo fazer uma imagem bacana pra mandar aqui, mas eu gostaria de deixar uma sugestão, talvez alguém aproveite e faça alguma coisa legal com isso:

<frontend>
      <br>

Bom, é isso. 😬 😉

from sugestoes.

Isso mesmo @kvnol .

Então @ricardogouveia3 , o que dizer da Helvética? Realmente é uma das minhas preferidas e uma das mais usadas em todo o mundo, mas repare que ela vem sendo deixada de lado - como é o caso da Microsoft, que mudou para a fonte Segoe recentemente. Bom, só uma opinião. ;)

from sugestoes.

Caraca galera, ótimas ideias.

Eu também acho que o azul não precisa entrar, apesar de serem as cores da bandeira, verde e amarelo são mais representativos.

Gostei muito das versões até agora, a do @matheusmonteiro ficou muito bonita, curioso pra saber o que ele pensou. Isso pensando no uso do logo sem o texto, como acham que ficaria?

@kvnol Melhor conceito, ahaha. Mas, achei a falta de espaço do lado direito do logo visualmente incômoda. Porém, será que só igualando resolve? (talvez perca a ideia do overflow né).

Acompanhando galera e tentando ajudar no que der.

from sugestoes.

@matheusmonteiro Ficou louco heim?

from sugestoes.

@kvnol te conheço sim :) faz tempo hein! haahahha

Queria propor um caminho diferente pra evolução do logo, se vcs curtirem podemos fazer. Vi que não tem um conceito fechado ainda então tá tudo muito aberto... A proposta é: e se o pessoal mesmo elegesse umas referências de logos / conceitos? um por comentário aqui nessa thread, e a gente votasse nas referências durante um ou dois dias. Depois todo mundo que quiser desenvolver faz uma opção em cima do que for mais votado e fazemos outra rodada de votos pra escolher entre as opções que vierem. A gente discute o resultado da seleção e vê a necessidade de uma terceira rodada, onde cada um pode propor de novo uma alteração em cima daquela opção, etc. Assim todo mundo podia construir um produto só, bem democrático... igual a gente faria com código! hahaha

O que vocês acham?
Abs

PS: olha que ref interessante achei por aí na internetes

from sugestoes.

@matheusmonteiro achei interessante a ideia, só achei meio sem respiro, pareceu um pouco rastro de pneu, talvez a logo pequena, numa versão mobile, possa ficar estranho.

@lazaroalvarenga curti mais a segunda versão, sagaz :)

from sugestoes.

Essas foram as aplicações que testei. Testei com os símbolos invertidos mas descaracterizou muito e ai nem incluí aí.
Nessa, estão as fontes sugeridas pelo @diogorodrigues (+ poppins bold) e a aplicação em fundo branco que vários já sugeriram

from sugestoes.

@kvnol as aplicações são referentes a cor de fundo (BG). Ainda vou postar uma em escala de cinza.

@dulcetti a idéia do F foi interessante, mas acho que não fica visualmente agradável e perde referência a bandeira e ao layout

from sugestoes.

Vejam que legal essa lista de eventos: https://frontendfront.com/conferences/

Talvez possa surgir alguma inspiração através dos logos deles. :)

from sugestoes.

Essa sua última proposta ficou bem criativa heim @kvnol . Show! Penso ser esse o caminho.

from sugestoes.

@kvnol cara, gostei MUITO dessa segunda... Por mim é essa, sem o corte no melhor do ponto.

from sugestoes.

@kvnol Cara, show a iniciativa!
Eu gostei da tipografia, senti falta de um elemento que faça equilíbrio visual como os losangos atuais.
Mas tbm não tenho skill de designer, então não consigo fazer uma avaliação mais precisa.

Olhando o tom rosado, senti uma inspiração no que foi apresentado como identidade visual do Front in BH... ou nada a ver?! kkk

Vamos evoluir essa issue, parabéns pela iniciativa.

from sugestoes.

Gostei da idéia do clip-path @kvnol . Eu usei no site do meetup daqui (http://devinsanta.github.io/), não tem como errar com foto de fundo, sempre fica foda.

Voltando pro logo, acho que nessa aplicação tem algumas coisas que eu chamaria atenção:

• As barras no quadrado azul vão se perder em telas pequenas. Isso aí acho que não tem muito o que fazer.

• O verde na fonte fica legal, mas com amarelo de fundo ele força a vista. Se vc colocar o escurecimento na foto mais verde, você poderia colocar tudo branco. As cores em si não são um problema, estão com tons bem flat.

Vou fazer uma sugestão de layout ainda hoje pra postar.

from sugestoes.

@kvnol acho que se vc aumentar a line-height delas, pode ocorrer duas coisas numa diminuição grande: ou vc vai perder muito espaço do quadrado, ou a divisão delas vai ficar muito pequena e elas viram um elemento só (e pensando bem, não fica ruim esse ultimo).

Essa coisa de forçar a vista tem a teoria e o pessoal, e eu usei só o pessoal aqui pq eu nunca decoro essas coisas. Eu entendi que isso não é ruim de se fazer em logos, mas se usarmos por exemplo o tom de verde atual do FrontendBR (#056839) em vez do que capturei na logo (#16A542) acho que fica mais confortável.

from sugestoes.

Essa proposta #20 (comment) ficou muito maneira :)

from sugestoes.

@kvnol Sim eu tipo juntei a sua ideia, apliquei as cores que você sugeriu ali em cima e mantive um alinhamente centralizado, foi só pra tipo dar uma ideia de algo simples saca, exatamente igual o seu exemplo :)

from sugestoes.

@lazaroalvarenga essa segunda versão resolve o problema que eu quis evitar.
Tanto na sua quanto na do @kvnol tem a questão do overflow. É legal, é divertido e inteligente, mas por serem elementos coloridos eles adicionam mais uma dependência ao fundo. E isso é o que todo mundo está querendo evitar, pelo que vejo.
Além disso, acho que era melhor focarmos em algo quadrado, no todo. Se considerarmos o overflow como parte do quadrado, sobra muito espaço inutilizado.
Gostei muito da nova sugestão, mas manteria a borda reta embaixo.

from sugestoes.

@diogorodrigues não entendi o que você quis dizer com "virar o ícone de cabeça pra baixo". É relativo ao logo inteiro, ou só uma parte?
Em relação as fontes, conheço e uso bastante essas duas, mas me mantive com a da proposta do @kvnol e também porque Arial/Helvetica (No logo é Helvetica Neue) são as mais usadas em sans-serif. Não é má sugestão, porém.

from sugestoes.

@ricardogouveia3

@diogorodrigues não entendi o que você quis dizer com "virar o ícone de cabeça pra baixo". É relativo ao logo inteiro, ou só uma parte?

Creio que o Diogo deva estar referindo-se ao símbolo, deixar o losango e círculo acima do retângulo.

from sugestoes.

@diogorodrigues a ordem dos itens é pra manter a bandeira e a impressão de layout (header, main, aside). Mas vou fazer uns testes, aproveitar pra corrigir o alinhamento que o @kvnol apontou e testar essas fontes (e a poppins, tenho usado muito ela também).

from sugestoes.

@matheusmonteiro Gostei muito, principalmente da sua fonte (quero nomes, inclusive). Podes explicar o que queres dizer com o logo?

from sugestoes.

Como o @brokenfans e @diogorodrigues deram algumas sugestões:

1. Ajustei os espaçamentos do logo;
2. O terminal (transformando as linhas em um "F", de "front-end", olha só);
3. "Cropando" o lettering com base no fundo;
4. E aplicando em diferentes fundos;

ps: mantive a brincadeira com o overflow porque sou da zuera™ e o @ricardogouveia3 achou "inteligente".

from sugestoes.

@matheusmonteiro achei irado! Mas comentários sobre sobre a sua explicação da peça:

• Os tons correram muito do usado na bandeira/id nacional e vale lembrar que o peso/ordem das cores tem valor. Nessa peça sua o azul foi quem ganhou mais força por estar centrado e ter maior espaço de preenchimento, sendo que é a terceira cor em pesos (menos importante que o verde e amarelo)
• Os trechos de código em diagonal não me fizeram achar trechos de código por estarem em diagonal, e é aquela história: se chegou a precisar de explicação é pq não ficou tão claro então dá pra melhorar :)

No mais, dá uma conferida no alinhamento do texto. Adorei a ideia de usar a cor do HTML5 só que se não me engano ela é um pouco mais escura, parece que tá usando a #FA6B07 e a primária é #E44D26.

Acho que a sua foi a melhor até agora (vou continuar mantendo/insistindo na minha só pra ter variedade para a escolha), então bora continuar esse papo legal para evoluir essa conversa/ideia.

from sugestoes.

@allysonsouza Cara, que análise maravilhosa. Primeiramente falar sobre a segunda proposta (com caracteres e tal), eu também vejo que elas já possuem um significado (matemático, no caso desses símbolos) e que pode poluir, mas foi uma ideia.

Sobre a primeira proposta, concordo totalmente com seus pontos (sobre o "END" não precisa de um hífen, etc), farei os ajustes geométricos, de kerning e a aplicação em mais fundos. E fico lisonjeado com a referência aos mestres do design gráfico nacional.

Terminando os ajustes, posto aqui. 😀

from sugestoes.

@ricardogouveia3 mano, gostei bastante dessa ideia. Só uma sugestão: e se talvez a fonte fosse com algo parecido com a "Helvetica Rounded"? Para combinar com as bordas arredondadas do símbolo.

E outra coisa, seria legal fazer um ajuste no espaçamento entre as letras (kerning).

from sugestoes.

Essa ficou massa mesmo! Bem legal!

from sugestoes.

Caraca galera, umas ideias iradas. O foda de mexer com front-end é que a bagagem de design não fica esquecida hahaha

@kvnol parabéns pela iniciativa

Pensei numa sugestão que nada mais é um remix das melhores sugestões que vi aqui. @matheusmonteiro qual fonte você usou no texto laranja front-end brasil ?

from sugestoes.

@didiraja: O foda de mexer com front-end é que a bagagem de design não fica esquecida hahaha

Exato! Por isso eu amo isso, ficamos no meio-termo, é lindo. ❤️

from sugestoes.

@kvnol vou tentar aplicar as sugestões amanhã, não estou com muito tempo disponível...
se eu não postar, pode considerar a ultima como final e levar pra votação.

from sugestoes.

Pessoal, a votação foi aberta na issue #24. ❤️

from sugestoes.

Para deixar avisado a todos, a nova identidade do fórum foi publicada: https://github.com/frontendbr/brand

from sugestoes.

@theandersonn valeu, hahaha. Então, eu curti muito o visual do Front in BH, mas nem cheguei a usar eles como inspiração.

Vamos evoluir essa issue sim! 😄

from sugestoes.

@diogomoretti Sim! Acho a ideia do contest massa.

from sugestoes.

A nova identidade do Front in Sampa é linda. Vou pensar e rabiscar outras ideias para a identidade do frontendbr e vou postando aqui na issue.

from sugestoes.

Massa, @ricardogouveia3. É isso que queria ver na issue. Então, mano, esse fundo verde no que montei seria o palco. Porque aplicado em outros lugares (site, #21, e tal), ficaria assim:

from sugestoes.

@ricardogouveia3 sim! clip-path é coisa linda ❤️ e o site do devinsanta ficou TOPPER 🤙

Sobre os pontos, vamos lá:

• Sobre as barras é verdade e concordo, posso considerar até em aumentar um pouco a altura e o "line-height" delas, para ficar mais visível em escalas menores.
• Sobre forçar a vista no verde com o amarelo de fundo, não sei se concordo, porque aplicado num layout total (esse do exemplo não é o final e está longe de ser) ele é um elemento visual separado dos outros e permite ter um contraste mais forte.
  ps: eu pensei em colocar o amarelo (do fundo) como verde e o verde (da fonte) como amarelo, mas não ficaria legal pensando que o azul ficaria diretamente sob o verde.

from sugestoes.

@ricardogouveia3 Sim, sobre a line-height vou ter que testar pra ver se vai ser uma mudança boa ou não.

mas se usarmos por exemplo o tom de verde atual do FrontendBR (#056839) em vez do que capturei na logo (#16A542) acho que fica mais confortável

Sim! Nem cheguei a testar com as cores atuais. Erro meu.

from sugestoes.

@ricardogouveia3 e pessoal que está acompanhando a issue:

Testei essa nova proposta com as cores (exatas) atuais e não gostei muito do resultado, não deram um contraste muito legal. Com os elementos separados (como é o atual, com as bandeirinhas) as cores ficam legais, mas quando os elementos entram em contato (sobrepostos) a combinação não fica interessante.

Mas com base nas cores da identidade atual, fiz um ajuste na da nova proposta ficando assim:

from sugestoes.

@brokenfans que cores você sugere? o preto não faz parte da minha proposta, ele só sugere que o background seja escuro (por exemplo, uma foto com um efeito sobreposto escuro, como o layout do @kvnol ). Realmente, é problemático em backgrounds claros, e eu ainda não resolvi isso. Aceito sugestões.

from sugestoes.

@brokenfans cara, primeiramente, acho que a gente já se conhece. Seu username não é estranho para mim, hahahaha.

Segundo que seus pontos são ótimos e ajudam sim, vamos lá:

alta complexidade: o logo pode ser mais simples, considerando que vai ser exibido em tamanhos pequenos. 5 barras brancas pode ser muito pra um espaço pequeno.

Concordo e talvez, como a ideia @lazaroalvarenga, poderíamos diminuir para 3 linhas e até aumentar a altura delas (deixando-as mais grossas)

falta espaço branco: os elementos estão com espaçamentos muito pequenos entre eles (reparar na margem entre o bloco azul e a beirada do amarelo) ou mesmo espaçamentos estranhos, como o L sobrando pra fora do quadrado.

Sim, a margem interna é algo que estava reparando ontem e fazendo alguns ajustes sem jogar os elementos muito para o centro ou ter que aumentar o bloco amarelo. O "L" para fora do quadrado segue aquela base do "overflow" citado, mas creio que isso pode trazer problemas com as aplicações.

o lettering pode dar muitos problemas de leitura dependendo do background aplicado, principalmente por "vazar" pra fora de um fundo obrigatoriamente sólido e de cor definida

Sim, concordo totalmente. Repensarei.

animações: logos não podem depender de animações pra serem compreendidos... É muito bom animar, mas pensa primeiro no impresso. Essa versão do logo, impressa, não passa uma mensagem clara.

Quando criei ele seria com intuito de animar o "terminal", como se estivesse sendo digitado mesmo. Mas não creio que impresso ele não fosse compreendido.

Se fosse considerar todos esses apontamentos, o logo seria completamente diferente acredito. Você chegou a riscar mais opções dele @kvnol?

Sim, considerando tudo ele mudaria quase que totalmente. Eu farei alguns ajustes e mandarei aqui novamente. 😃

from sugestoes.

@lazaroalvarenga primeiramente obrigado pela sugestão, gostei bastante. Só alguns pontos:

1. Você desconsiderou o azul na construção da paleta por quais motivos?
2. Talvez nessa versão, como você desconsiderou a referência ao overflow, o "front-end" poderia ficar junto, com hífen, dentro do caixa no mesmo tamanho do "Brasil". O que acha?

from sugestoes.

@estudio86 como o @ricardogouveia3 disse, fique a vontade para mandar sugestões.

from sugestoes.

@kvnol desconsiderei o azul para facilitar as micro-aplicações da logo. Quanto mais cores menor a legibilidade em aplicações reduzidas. E vejo o verde/amarelo também como um padrão de cor para marcas que valorizam o nacional (ex.: petrobrás e vale).

vou tentar uma variação com o "end" dentro da bandeira mas admito que não sei se valerá por a fonte terá que diminuir nessa linha. vou testar uma alternativas e já mando (se prestarem).

from sugestoes.

@ricardogouveia3

@brokenfans que cores você sugere? o preto não faz parte da minha proposta, ele só sugere que o background seja escuro (por exemplo, uma foto com um efeito sobreposto escuro, como o layout do @kvnol ). Realmente, é problemático em backgrounds claros, e eu ainda não resolvi isso. Aceito sugestões.

É importante deixar claro que, tanto na minha sugestão, quanto na do @ricardogouveia3. As cores de fundo (verde e preto) não fazem parte do logotipo. No caso da minha sugestão, todo o mockup do browser não é parte do logotipo.

from sugestoes.

@ricardogouveia3 sobre sua sugestão, mano, alguns pontos:

1. O primeiro elemento branco pode trazer problemas numa aplicação com fundo branco, deixando os elementos soltos.
2. Cuidado com o alinhamento horizontal do lettering com o símbolo.

from sugestoes.

@theandersonn sim! tô achando lindo 😍

from sugestoes.

Será que algo nesse estilo também não seria legal?
https://jsfiddle.net/douglasjuliao/dbuyor2b/2/

Eu fiz no css aqui rapidão só pra tentar mostrar a ideia, estou sem editor de imagem aqui :/

from sugestoes.

@dougjuliao essa ideia se parece com a primeira proposta que fiz, mas aprimore a ideia e mande aqui na issue. 😀

from sugestoes.

@kvnol sobre a aplicação em branco, acho que uma borda preta resolveria, só pra limitar o espaço mesmo.
Sobre o alinhamento, algo de errado não deu certo quando exportei do Sketch, no doc original está corretíssimo, tanto que só percebi agora.

from sugestoes.

@matheusmonteiro Cara, curti muito! Uma ideia diferente do que estava rolando por aqui. Cores saturadas, lettering thin. Só uma dúvida:

• Qual o conceito do logo? Alguma referência com o mundo front-end?
• O laranja do lettering tu optou apenas por escurecer o "amarelo/laranja" do logo e dar contraste?

from sugestoes.

Como o @eubond citou, minha "preocupação" com o logo do @MateusMonteiro é ficar sem conceito quando a aplicação possuir apenas o ícone.

from sugestoes.

@eubond sim, o conceito do overflow mesmo não sendo bem aceita, é justamente cortar o lettering no canto direito.

Já o canto superior direito fica vazio por conta do terminal (círculo da bandeira) não estar centralizado. Mas farei uma versão com o terminal pegando este espaço "em branco".

from sugestoes.

Se curtiram o conceito, podem me mandar sugestões que eu aplico :)

from sugestoes.

@brokenfans hahahaha, massa!

Então, mano. A ideia que decidi com o @mtmr0x e @Mendrone é a seguinte: cada um desenvolve a sua proposta e quando estivéssemos com esses logos bem montados (ainda estamos nessa parte, de receber propostas e fazer críticas para melhorias), conceitos bem definidos, entraríamos com a votação com cada logotipo por comentário. O mais votado seria o escolhido.

from sugestoes.

@ricardogouveia3 curti bastante a Raleway, mano. Só uma dica, nas aplicações no fundo preto/branco, não é utilizada cores além dessas duas.

Sobre as outras opções de tipografia, é legal deixarmos claro que:

4. Como o logo será open-source, somos uma comunidade open-source, é obrigatório (a não ser que alguém compre - não sei se seria interessante) trabalharmos com fontes open-source: https://fonts.google.com/

from sugestoes.

Eae galera fiz outro teste aqui para ir ajudando em novas inspirações, dessa vez e tentei englobar a ideia de todos os exemplos.
https://jsfiddle.net/douglasjuliao/n7xsph2b/

from sugestoes.

@ricardogouveia3 estou achando meio estranho esses três shapes nessa sequência. E se você deixasse os três formando um F?

Sei lá, viagem minha auhuahhahahua. Foi mal a falta de detalhes, fiz essa parada no https://pixlr.com/editor/ não tenho Photoshop

from sugestoes.

Eu curti bastante essa da do @matheusmonteiro

from sugestoes.

Gostei bastante do modelo do @matheusmonteiro ficou show de bola !

from sugestoes.

@diogorodrigues Valeu, mano. Eu ainda curto mais a primeira proposta, mas essa veio de um estalo na análise da bandeira e referências às partes do front-end.

from sugestoes.

@dulcetti valeu, mano, ainda vou fazer alguns ajustes de alinhamento nela. E, como disse, ainda curto mais a primeira proposta. 😆

from sugestoes.

Dessa eu curti também

from sugestoes.

@matheusmonteiro, @ricardogouveia3, @lazaroalvarenga a proposta final de vocês seriam essas mesmo? Sem mais nenhum ajuste pontual que o pessoal citou?

E não vamos ter mais nenhuma proposta do resto da galera? Queria ver mais coisas 😢

from sugestoes.

Sobre a proposta do @matheusmonteiro eu penso como o @dulcetti:

@matheusmonteiro achei interessante a ideia, só achei meio sem respiro, pareceu um pouco rastro de pneu, talvez a logo pequena, numa versão mobile, possa ficar estranho.

É bonito, mas não tem o peso necessário para a marca, não vejo uma boa aplicação em escalas menores e o conceito é fraco, me dá impressão de banco de imagens.

from sugestoes.

Galera, outra coisa. Vamos decidir a nova identidade até o fim da semana que vem? Como ninguém se pronunciou mais, vou fazer uns ajustes nas minhas propostas, deem nas de vocês também, com os pontos aqui abordados.

E segunda-feira (07/08/2017) vou abrir a issue, com as propostas aqui dadas, para votação. Com uma proposta por comentário, o mais votado será definido e o autor nos ajudará a montar as diferentes aplicações e a aplicação no site, em breve.

from sugestoes.

Fiz um remix do @kvnol e do @matheusmonteiro, que pra mim traduz prefeitamente a ideia do projeto haha

from sugestoes.

@didiraja manjei o que você quis passar, mas em termos estéticos as cores não encaixam muito bem e a tipografia não combina com o símbolo. Você gostaria de fazer outra versão antes da votação?

from sugestoes.