Identidad marcaria en nuestros proyectos

Muchas veces en un proyecto Web es necesario incluir logotipos de marcas conocidas . ¿Quién no incluye algún link a las divas de las redes sociales hoy en día?

 

 

 

Es bien sabido también que estrategias como utilizar FontAwesome mejoran la performance de un proyecto, ya que un signo tipográfico puede ser escalado sin perder calidad.

 

Brand Colors nos permite encontrar en un solo sitio los colores oficiales de las marcas más conocidas mundialmente, en formato hexadecimal (CSS friendly :D) e incluso nos ofrece una hoja de estilos .css con todas las marcas y sus colores correspondientes.

 

Entonces, por ejemplo, si usamos Font Awesome con el siguiente markup:

<i class="fa fa-facebook-square fa-3"></i>


 

Podemos generar la siguiente regla CSS para «colorear» el isotipo de Facebook manteniendo su identidad:

.fa-facebook-square {
color: #3b5998; //color obtenido en brandcolors.net o disponible tambien en el manual de marca de FB
}


 

Resultado…