x brandbook
BRANDBOOK A continuación presentamos el manual de arquitectura de marca de Shoppeira. Este manual servirá como guía para mostrar el uso correcto
e incorrecto del logotipo a través de todas las formas directas de comunicación. Esto asegurará que la marca se presente de manera cohesiva.
manifiesto
el mejor marketplace de guatemala
UN MARKETPLACE Shoppeira es una plataforma de venta en línea. El propósito de la
plataforma es ser un sitio de venta en línea en el cual cualquier comercio se pueda afiliar y vender sus productos.
En Shoppeira, el consumidor final encuentra una amplia gama de
productos de diferentes tiendas, y los adquiere de forma rápida, simple y segura.
logo
01
EL LOGO: ESTRUCTURA Y DISEÑO
me, myself and I BRANDBOOK
EL LOGO: ESTRUCTURA Y DISEÑO
ELEGANCIA Y VERSATILIDAD Nuestro
logo
conceptualiza
la
elegancia
y
profesionalismo de la marca. Fusiona con degradados
una colorización versátil, que representa las categorías a encontrar dentro del marketplace.
Las formas se unen formando una “S”, a manera de darle contexto al logo tipográfico. Simbolizan la versatilidad, unión, equilibrio y trascendencia de la marca.
BRANDBOOK
EL LOGO: ESTRUCTURA Y DISEÑO
9X
14X
RETÍCULA Se plantea una retícula de 14x9 para respetar los
espacios de distancia entre cada letra y los
tamaños de la tipografía tanto de alto como de ancho.
BRANDBOOK
EL LOGO: ESTRUCTURA Y DISEÑO
X
X
X
ÁREA DE SEGURIDAD Una cantidad mínima de espacio libre se requiere en
todos los lados del logotipo para garantizar una óptima
X
visibilidad y presencia. Esta área de seguridad debe ser del alto de la letra "s" de "Shoppeira".
X
X
X
BRANDBOOK
EL LOGO: ESTRUCTURA Y DISEÑO
8.49cm
5.45cm
TAMAÑOS MÍNIMOS El tamaño mínimo al que se puede reducir el logotipo es
5.76cm 3.71cm
107 píxeles de ancho x 69 píxeles de alto, o 3.81 cm de ancho x 2.45cm de alto. Estas medidas son para no dificultar la visibilidad de todos los elementos de la marca.
3.81cm 2.45cm
BRANDBOOK
1.1
versiones
EL LOGO: VERSIONES DE APLICACIÓN
versión primaria
VARIACIÓN DE APLICACIÓN Para asegurar la legibilidad del logo, además de la
versión primaria, existe una versión secundaria en
estructura horizontal para las aplicaciones que así lo requieran. Esta versión debe ser la variación del logo que se aloja en el sitio web.
versión secundaria
BRANDBOOK
Ãcono
1.2
EL LOGO: ESTRUCTURA DEL ÍCONO
the responsive side BRANDBOOK
EL LOGO: ESTRUCTURA DEL ÍCONO
RESPONSIVENESS El ícono puede utilizarse de manera stand-alone cuando la comunicación de la marca requiera espacios más pequeños que los permitidos, o cuando digitalmente así se necesite. El ícono se aplica junto a su forma protectora en todos los casos.
BRANDBOOK
EL LOGO: ESTRUCTURA DEL ÍCONO
CONSTRUCCIÓN MODULAR El logo está trazado de manera que las formas que se fusionan en la “S” lo hacen bajo un corte a 45º, para que el ícono funcione de manera versátil y responsive en cualquier situación.
BRANDBOOK
color
02
COLOR: PALETA DE COLORES
feeling the purple mood BRANDBOOK
COLOR: PALETA DE COLORES
PURPLE MOOD Los colores primarios de la marca son los utilizados en la comunicación institucional. Aunque el ícono utilice una
paleta cromática más variada, Shoppeira es purple mood. Se pueden utilizar como complemento de los colores secundarios para la comunicación en redes sociales o de terceros.
BRANDBOOK
COLOR: PALETA DE COLORES
DARK FADE R28 G24 B85 HEX: #1C1855 C100 M100 Y33 K32
PURPLE DARK R83 G0 B227 HEX: #5300E3 C80 M82 Y0 K0
PURPLE LIGHT R90 G43 B226 HEX: #5A2BE2 C77 M79 Y0 K0
BRANDBOOK
2.2
categorĂas
COLOR: PALETA DE COLORES
get to know all my moods BRANDBOOK
COLOR: PALETA DE COLORES
VERSATILIDAD Los colores secundarios son los utilizados en el ícono de Shoppeira. Representan la versatilidad y dinamismo de
la marca y sus servicios. Cada categoría de productos
del marketplace está asignado a un color en específico que lo representará visualmente en la comunicación.
BRANDBOOK
COLOR: PALETA DE COLORES
CELULARES
VIDEOJUEGOS
HEX: #96FEFF
HEX: #5300E3
C33 M0 Y7 K0
C80 M82 Y0 K0
SALUD Y BIENESTAR
AUDIO Y VIDEO
HEX: #00C7C8
HEX: #4C0096
C69 M0 Y28 K0
C86 M100 Y2 K2
DEPORTES
COMPUTACIÓN
HEX: #3B95D1
HEX: #8724D9
C72 M30 Y0 K0
C64 M83 Y0 K0
R149 G253 B255
R0 G199 B200
R59 G149 B209
R83 G0 B227
R76 G0 B150
R135 G36 B217
BRANDBOOK
COLOR: PALETA DE COLORES
MODA
JUGUETES Y NIÑOS
HEX: #FF0074
HEX: #EF6507
C0 M98 Y24 K0
C2 M74 Y100 K0
BELLEZA
HOGAR
HEX: #FF81B3
HEX: #F98D3B
C0 M63 Y1 K0
C0 M54 Y85 K0
ELECTRODOMÉSTICOS
ACCESORIOS
HEX: #F73051
HEX: #FFDB31
C0 M93 Y61 K0
C2 M11 Y90 K0
R255 G0 B116
R255 G129 B179
R247 G48 B81
R239 G101 B7
R249 G141 B59
R255 G219 B49
BRANDBOOK
2.3
cromatismo
CROMATISMO: APLICACIONES DE COLOR
all the way down to color BRANDBOOK
CROMATISMO: APLICACIONES DE COLOR
APLICACIONES DE COLOR El logo debe colocarse de manera primordial sobre un
espacio de protección en sólido blanco. Cuando así se
necesite, se usarán las aplicaciones cromáticas debidas sobre la plataforma correcta.
BRANDBOOK
CROMATISMO: APLICACIONES DE COLOR
versión primaria / sobre blanco
versión secundaria / sobre blanco
versión ícono / sobre blanco
versión primaria / sobre negro
versión secundaria / sobre negro
versión ícono / sobre negro
BRANDBOOK
CROMATISMO: APLICACIONES DE COLOR
MONOCROMÁTICO Para aplicaciones específicas o para print, podrán
utilizarse las versiones monocromáticas del logo con la
aplicación correcta. Se debe tomar en cuenta que estas versiones son complementarias y no forman parte de la estructura cotidiana de la comunicación.
BRANDBOOK
CROMATISMO: APLICACIONES DE COLOR
versi贸n primaria / sobre blanco
versi贸n secundaria / sobre blanco
versi贸n primaria / sobre negro
versi贸n secundaria / sobre negro
BRANDBOOK
CROMATISMO: APLICACIONES DE COLOR
ESCALA DE GRISES Cuando así lo amerite, se debe usar la versión correcta del logo en escala de grises. Cada módulo responde de manera conjunta a la aplicación de color. No se debe
convertir a blanco y negro el logo o el ícono desde la versión a color.
BRANDBOOK
CROMATISMO: APLICACIONES DE COLOR
versi贸n primaria / sobre blanco
versi贸n secundaria / sobre blanco
versi贸n primaria / sobre negro
versi贸n secundaria / sobre negro
BRANDBOOK
03
tipografĂa
TIPOGRAFÍA: USO INSTITUCIONAL
a geometric bold feeling BRANDBOOK
TIPOGRAFÍA: USO INSTITUCIONAL
ADAPTABILIDAD Para toda la comunicación, tanto interna como externa, se deberá utilizar la tipografía institucional Ulm
Grotesk, en sus diferentes estilos según el arte que se esté trabajando.
BRANDBOOK
TIPOGRAFĂ?A: USO INSTITUCIONAL
Ulm Grotesk Light
Ulm Grotesk Bold
Ulm Grotesk Regular
Ulm Grotesk Extrabold
abcdefghijklmnopqrstuvwxyz 1234567890
abcdefghijklmnopqrstuvwxyz 1234567890
abcdefghijklmnopqrstuvwxyz 1234567890
abcdefghijklmnopqrstuvwxyz 1234567890
Ulm Grotesk Medium abcdefghijklmnopqrstuvwxyz 1234567890
BRANDBOOK
04
social media
SOCIAL MEDIA: APLICACIÓN GRÁFICA
it’s all about engagement BRANDBOOK
SOCIAL MEDIA: APLICACIÓN GRÁFICA
UNLOCK IT Para la comunicación en redes sociales, Shoppeira
maximiza el uso de una gráfica minimalista y directa. La comunicación se basa en el awareness del servicio y en las promociones de nuestros clientes. Predominan los
fondos sólidos y el uso de la tipografía institucional con fotografías limpias y utilizando contrastes que imiten el look and feel de nuestro sitio web.
BRANDBOOK
4.1
moodboard
SOCIAL MEDIA: MOODBOARD
minimalistic tech trendy look BRANDBOOK
SOCIAL MEDIA: MOODBOARD
BRANDBOOK
4.2
look & feel
SOCIAL MEDIA: LOOK & FEEL
A FEELING Se utilizan fotografías limpias y minimalistas en
máscaras sobre sólidos en una arquitectura modular. La diagramación del espacio dependerá del concepto del
post. Los colores varían según la categoría del producto
a exponer. Permanece el call to action “Shop Now” para reforzar el mensaje de Shoppeira y para incrementar el tráfico al sitio web. No hay peor post que el que habla mucho y dice poco.
BRANDBOOK
SOCIAL MEDIA: LOOK & FEEL
R A Z ER BLACKSHARK V2 SPECIAL EDITION
ADIDAS YEEZY BOOTS
NEW ARRIVAL
HEADSETS Y EQUIPO DE AUDIO
Q900
WWW.SHOPPEIRA.GT
Q1,250
WWW.SHOPPEIRA.GT WWW.SHOPPEIRA.GT
SER GAMER AHORA TIENE DESCUENTO.
EL MEJOR EQUIPO PARA TU NEGOCIO.
SIMPLE. POWERFUL.
SONY A9 BODY
AUTUMN SEASON
PRE-VENTA
40% OFF
#A57B59
WWW.SHOPPEIRA.GT
#CBBDB0
#903A43
#F88C9C
GAMING MACBOOK PRO 2020 BUNDLE
40% OFF PRE-VENTA
WWW.SHOPPEIRA.GT WWW.SHOPPEIRA.GT
WWW.SHOPPEIRA.GT
BRANDBOOK
©2020