Directrices de marca de HyperStore
Todo lo que necesitas para representar HyperStore con precisión: nuestro logotipo, icono de la app, colores, tipografía y la insignia oficial "Destacado en HyperStore". Mantén estos elementos intactos para que la marca sea coherente allá donde aparezca.
Logotipo
El wordmark de HyperStore es nuestra identidad principal. Usa la versión a todo color sobre superficies claras y la versión clara sobre superficies oscuras. Utiliza siempre los archivos proporcionados; nunca redibujes ni reescribas el wordmark.
Espacio libre
Mantén alrededor del logotipo un espacio libre al menos igual a la altura de la marca del icono de la app. No dejes que otros elementos lo invadan.
Tamaño mínimo
Para mantener la legibilidad, no muestres nunca el wordmark por debajo de 88 px de ancho en pantalla (≈12 mm en impresión).
Icono de la app
La marca del cuadrado redondeado es nuestra identidad compacta: úsala para favicons, avatares, imágenes de perfil en redes y tiles de app donde no quepa el wordmark completo. Conserva las esquinas redondeadas; nunca la recortes en un cuadrado o círculo simple.
Color
El morado es el corazón de la marca. Usa el degradado para momentos destacados y acentos; el morado intenso para textos y rellenos que necesiten contraste sobre blanco. Haz clic en cualquier muestra para copiar su hexadecimal.
Tipografía
HyperStore utiliza Lexend en todo el producto: una sans limpia y muy legible. Los encabezados usan Medium y Semibold; el cuerpo de texto, Regular. Lexend es gratuita y de código abierto a través de Google Fonts.
Lexend
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 & @ # % →
Insignia «Destacado en HyperStore»
Si tu herramienta está listada, presume de ello. Coloca esta insignia en tu sitio y enlázala a tu ficha de HyperStore. Elige un estilo y un tamaño y, a continuación, copia el fragmento de código.
Buenas y malas prácticas
Mantén los signos reconocibles. Unas pocas reglas sencillas cubren casi todo.
- Utiliza los archivos originales sin modificar.
- Dale espacio al logo para que respire.
- Escala de forma proporcional: mantén pulsada la tecla Mayús.
- Colócalo sobre fondos con suficiente contraste.
- Recolores ni apliques degradados al logo.
- No lo estires, aplastes ni gires.
- No añadas sombras, contornos ni efectos.
- No lo coloques sobre fondos recargados o de bajo contraste.
¿Tienes preguntas sobre el uso de la marca?
Para prensa, logotipos de asociaciones o cualquier cosa no contemplada aquí, contáctanos y te ayudaremos.
Contacto →