La siguiente guía se realizó para la empresa desarrolladora de software Swapps con el objetivo de plantar las bases de diseño e identidad de la empresa y así garantizar la correcta implementación del logo y de los elementos gráficos que lo componen.

Ícono

El ícono es la mínima expresión del logotipo. Representa la marca de forma adecuada logrando recordación en las personas.

swapps_icon

Logo Vertical de Swapps

El logotipo en forma vertical puede ser usado como logotipo principal, permitiendo destacar su nombre y su símbolo.

swapps_vertical_icon

Logo Horizontal de Swapps

El logotipo puede presentarse en diferentes formas, de forma horizontal o vertical, siempre acompañado del símbolo.

swapps_horizontal_icon

Fuente del Logo de Swapps

La tipografía usada para el logo de Swapps es la Dosis, una fuente tipo sans-serif redondeada, de estilo simple y contemporáneo, y de alta legibilidad.

fonts

Fuente Secundaria de Swapps

La tipografía secundaria es la Roboto, que tiene formas en gran parte geométricas. Al mismo tiempo, la fuente presenta curvas amistosas y abiertas lo que hace que la lectura sea más natural.

font-roboto

Swapps Powered by

Powered by es el elemento que representa el diseño, la creación y el desarrollo de un producto. Con él, garantizamos cumplir con todas las expectativas de nuestros clientes en el desarrollo de sus proyectos.

powered by@3x

Swapps UI Style Guide

Una guía de estilos desarrollada para entender el uso correcto de los elementos y componentes gráficos dentro del sitio web.