IMPORTX Presentación de logotipo ES · EN
Documento

Identidad y guía de uso

Contenido

Marca · Símbolo · Color · Uso

Formato

Vectorial (SVG) · escala sin pérdida

Agencia

Fragatta.com

01

La marca

IMPORTX se compone como un solo logotipo. La X carga la identidad: se abre en un chevrón que apunta hacia adelante y se lee como movimiento a través de una frontera — mercancía en tránsito y no mercancía detenida. Las demás letras se mantienen discretas y estructurales para que hable la X.

La marca se entrega como arte vectorial sobre fondo transparente. No tiene un tamaño fijo ni un fondo incorporado, así que puede colocarse sobre cualquier superficie y escalarse sin ninguna pérdida de calidad.

02

El símbolo

La X se desprende limpiamente del logotipo y funciona sola como ícono de aplicación, favicon, avatar en redes o sello. Úsala donde el logotipo completo quedaría demasiado pequeño para leerse: por debajo del ancho mínimo de la sección 06, recurre al símbolo en lugar de encoger la marca.

03

Color

Cada X se construye con dos tonos: un chevrón más profundo y un par de puntas más brillantes. Las puntas se sitúan unos quince grados de matiz hacia el lado más cálido y luminoso del chevrón, lo que le da a la X profundidad y sentido de dirección sin introducir un segundo color de marca.

Cobalto
#1B55A727, 85, 167
Chevrón de la X — principal
Azur
#2698DE38, 152, 222
Puntas de la X — principal
Tinta
#19191925, 25, 25
Logotipo sobre fondos claros
Papel
#FFFFFF255, 255, 255
Logotipo sobre fondos oscuros
Rojo señal
#D02620208, 38, 32
Chevrón de la X — alterno
Brasa
#E86028232, 96, 40
Puntas de la X — alterno
Esmeralda
#117A4A17, 122, 74
Chevrón de la X — alterno
Verde primavera
#26AC4E38, 172, 78
Puntas de la X — alterno
Grafito
#6C6C6C108, 108, 108
Chevrón de la X — monocromo
Plata
#949494148, 148, 148
Puntas de la X — monocromo
04

Versiones de color

Cada versión se entrega en dos construcciones. La construcción clara lleva las letras casi negras para superficies pálidas; la oscura las invierte a blanco para las superficies oscuras. La X conserva su color en ambas, así que la identidad se sostiene dondequiera que aparezca.

Principal — azul
Alterna — rojo
Alterna — verde
Monocromo
05

Construcción y área de respeto

Las siete letras comparten una sola línea de mayúsculas y una sola línea base, y cada borde que debe estar a nivel o a plomo lo está exactamente. Deja un área de respeto de al menos la mitad de la altura de la marca por los cuatro lados, marcada abajo con línea punteada. Nada — tipografía, bordes de imagen, filetes o el corte de la página — debe entrar en ese campo.

½H½HH
Proporción
7.35 : 1
Ancho por altura. Escala siempre ambos juntos — nunca uno solo.
Área de respeto
0.5 × altura
Por cada lado. Ante la duda, dale más.
Alineación
±0.003
Variación de línea de mayúsculas y línea base entre las siete letras, en unidades de dibujo.
06

Tamaño mínimo

Por debajo de 120 px de ancho en pantalla, o 30 mm impresa, las contraformas de la O, la P y la R empiezan a cerrarse y la marca pierde claridad. Usa en su lugar el símbolo de la sección 02.

260 px — cómodo
120 px — mínimo
72 px — demasiado pequeño, usa el símbolo
07

Usos indebidos

Las proporciones, el color y el espaciado de la marca son fijos. Estas son las cinco formas en que más se rompe.

No la estires ni la condenses
No la rotes
No le apliques efectos
No la pongas sobre bajo contraste
No reespaciées ni separes la X
08

Archivos descargables

Ocho archivos SVG. El SVG es arte vectorial — se dibuja con curvas matemáticas en lugar de píxeles, así que un solo archivo se mantiene perfectamente nítido a cualquier tamaño, desde un favicon hasta un rótulo de edificio. Todos son transparentes; elige la construcción clara u oscura según la superficie. Fija abajo el ancho y el margen que quieras y cada archivo se descarga con esas medidas exactas.

px
px

Establece el ancho y margen que deseas con tu teclado.

Vista previa del logotipo con el ancho y el margen elegidos
Vista previa en tiempo real — importx_light_blue.svg
Logotipo IMPORTX con la X azul y las letras casi negras, sobre fondo claro
importx_light_blue.svg
Principal — fondos claros
Descargar
Logotipo IMPORTX con la X azul y las letras blancas, sobre fondo oscuro
importx_dark_blue.svg
Principal — fondos oscuros
Descargar
Logotipo IMPORTX con la X roja y las letras casi negras, sobre fondo claro
importx_light_red.svg
Alterna, rojo — fondos claros
Descargar
Logotipo IMPORTX con la X roja y las letras blancas, sobre fondo oscuro
importx_dark_red.svg
Alterna, rojo — fondos oscuros
Descargar
Logotipo IMPORTX con la X verde y las letras casi negras, sobre fondo claro
importx_light_green.svg
Alterna, verde — fondos claros
Descargar
Logotipo IMPORTX con la X verde y las letras blancas, sobre fondo oscuro
importx_dark_green.svg
Alterna, verde — fondos oscuros
Descargar
Logotipo IMPORTX monocromo con la X en dos grises y las letras casi negras, sobre fondo claro
importx_light_grey.svg
Monocromo — fondos claros
Descargar
Logotipo IMPORTX monocromo con la X en dos grises y las letras blancas, sobre fondo oscuro
importx_dark_grey.svg
Monocromo — fondos oscuros
Descargar
09

Antes y después

Como referencia, la marca que se reemplaza, junto a la que especifica este documento.

El logotipo anterior le pedía a una sola pieza de arte cargar con un barco, una bodega, una reja, una insignia y un eslogan. Cinco cosas compitiendo por la mirada a cualquier tamaño — y al tamaño en que un logo se ve de verdad, en una pestaña del navegador o la esquina de una factura, ninguna sobrevive. La marca nueva carga con el nombre y nada más, así que se lee de un vistazo y sigue siendo la misma marca en todas partes.

El eslogan que llevaba, Conectamos tu negocio con el mundo, funciona mejor como texto vivo junto a la marca que incrustado en ella: así puede traducirse, cambiar de tamaño u omitirse sin que nadie necesite un archivo nuevo.

El logotipo anterior: un barco portacontenedores, una bodega, una reja y una insignia dibujados sobre el nombre import.mx y el eslogan Conectamos tu negocio con el mundo
Antes — el logotipo actual
Después — la marca que especifica este documento
Formato
Vectorial
Curvas en lugar de píxeles, así que un solo archivo es nítido desde un favicon hasta un rótulo de edificio. El arte anterior era una retícula fija de píxeles que se ablandaba al crecer.
Fondo
Transparente
La marca se asienta sobre la superficie que tiene detrás. El archivo anterior traía su propio fondo blanco, así que aterrizaba como una tarjeta blanca sobre cualquier cosa que no fuera blanca.
Color
Tres
Una tinta y dos azules, listados en la sección 03. Los colores del arte anterior nunca se anotaron en ningún lado, y al ser una fotografía comprimida de un dibujo contiene miles de valores de píxel distintos — no hay lista que entregarle a un impresor.
10

En la interfaz

La misma página, en la misma posición de scroll, con cada marca en el encabezado.

Las dos no se muestran a la misma altura, y es a propósito. El logotipo nuevo va a los 24 px propios del encabezado. Al anterior se le dan 50 px, porque a 24 no queda suficiente de él para discutir. Incluso con el doble de altura, le pide al ojo resolver un barco, una bodega, una reja y una insignia en la esquina de una página — donde la marca nueva le pide leer una palabra.

La página de inicio con el logotipo anterior de import.mx en el encabezado, a 50 píxeles de alto
Antes — el logotipo anterior, a 50 px
La misma página de inicio con el nuevo logotipo IMPORTX en el encabezado, a los 24 píxeles propios del sitio
Después — el logotipo nuevo, a los 24 px propios del encabezado

IMPORTX — presentación de logotipo. Arte entregado como SVG vectorial sobre fondo transparente. Diseñado por Fragatta.com.