Skip to main content

La Marca Filo

01 Logo

DownloadDescargar

Nuestro logo es la forma más reconocible e icónica de señalar la marca FiloMail. La siguiente sección describe cómo nuestro logo puede adaptarse a diferentes situaciones, formatos y comunicaciones.

Logo Horizontal

Especificación de combinación estándar (lockup horizontal)

Logo Horizontal Clearspace

Espacio libre (lockup horizontal)

Logo Vertical

Especificación de combinación estándar (lockup vertical)

Logo Vertical Mono

Espacio libre (lockup vertical)

02 Iconos de App y Redes Sociales

DownloadDescargar

Esta sección especifica los estándares de aplicación para iconos de app y su tamaño mínimo de uso, además de definir los métodos de uso de avatares de redes sociales en diferentes escenarios.

App Icon on light backdrop

sobre fondo claro

App Icon on dark backdrop

sobre fondo oscuro

The minimum display size

El tamaño mínimo de visualización

Social Icons Light

Los iconos sociales sobre fondo claro

Social Icons Blue

Los iconos sociales sobre fondo azul

03 Colores

DownloadDescargar

Colores Primarios

Nuestra paleta principal forma la base de nuestra estrategia de color y debe servir como primera impresión en los puntos de contacto principales de la marca. Su uso consistente establece una señal visual reconocible para la marca FiloMail, y es complementada por nuestra paleta secundaria.

HEX #22A0FB

RGB 34 160 251

PMS 2382C

HEX #002346

RGB 0 35 70

PMS 540C

HEX #0D93F3

RGB 13 147 243

PMS 2382C

HEX #9DDEFF

RGB 157 222 255

PMS 2905C

HEX #EEF9FF

RGB 238 249 255

PMS 290C

HEX #EEF9FFHEX #FFFFFF
HEX #0D93F3HEX #22A0FBHEX #9DDEFF

Colores Secundarios

La paleta secundaria amplía nuestra gama de expresión de marca, permitiendo que FiloMail se adapte a varios contextos mientras mantiene un espíritu de alegría y vitalidad. Estos colores pueden usarse para añadir interés a las comunicaciones o complementar imágenes o mensajes específicos.

HEX #A02313
HEX #CB8E0A
HEX #487E3E
HEX #26879A
HEX #5045A7
HEX #BA3970
HEX #DE6C45
HEX #EFBA49
HEX #52A643
HEX #4CB4C9
HEX #8374F1
HEX #E35F91
HEX #FFCFBF
HEX #FFE7B3
HEX #B3EAA9
HEX #A1E6F3
HEX #C4ABFF
HEX #FCB7D3

04 Uso del Logo en Varios Fondos

Estándar para la aplicación del logo en escenarios con la paleta principal como fondo

Black 100%
Black 100%
Black 80%
Black 80%
Black 60%
Black 60%
Black 40%
Black 40%
Black 20%
NoBlack 20%
Black 10%
Black 10%
Blue 100%
NoBlue 100%
Blue 80%
NoBlue 80%
Blue 60%
NoBlue 60%
Blue 40%
NoBlue 40%
Blue 20%
Blue 20%
Blue 10%
Blue 10%
Blue 100%
Blue 100%
Blue 80%
Blue 80%
Blue 60%
Blue 60%
Blue 40%
Blue 40%
Blue 20%
NoBlue 20%
Blue 10%
NoBlue 10%

05 Sobre Imágenes

Nuestro logo siempre debe ser claramente legible y respetado dentro del contexto de la imagen. Asegúrate de que haya suficiente contraste entre la foto de fondo y el logo.

Sí: El logo tiene suficiente contraste con el fondo.
Sí: El logo tiene suficiente contraste con el fondo.
Sí: El logo tiene suficiente contraste con el fondo.
Sí: El logo tiene suficiente contraste con el fondo.
No: La colocación del logo interfiere con el fondo ocupado.
No: La colocación del logo interfiere con el fondo ocupado.
No: La colocación del logo interfiere con el fondo ocupado.
No: La colocación del logo interfiere con el fondo ocupado.

06 Ejemplos de Uso Prohibido del Logo

Para asegurar que nuestra firma de marca permanezca consistente e impactante, el logo no debe ser reinterpretado, modificado o embellecido. Esta página ilustra algunas modificaciones a evitar.

No estires ni distorsiones el logo
No estires ni distorsiones el logo
No rotes el logo
No rotes el logo
No cambies las alineaciones del logo
No cambies las alineaciones del logo
No añadas contorno al logo
No añadas contorno al logo
No uses logo de baja resolución
No uses logo de baja resolución
No uses el logo como máscara
No uses el logo como máscara
No apliques efectos como brillos o sombras
No apliques efectos como brillos o sombras
No uses combinaciones de colores no aprobadas en el logo
No uses combinaciones de colores no aprobadas en el logo
No cambies la relación de escala entre el símbolo y la marca de texto
No cambies la relación de escala entre el símbolo y la marca de texto

07 Tipografía

DownloadDescargar

Para acomodar el uso en diferentes escenarios, hemos seleccionado dos fuentes de Google con pesos completos: Maven Pro se usa como fuente de títulos, y Montserrat se aplica para incrustación en sistemas o texto de cuerpo.

Maven Pro Font

Fuente de Título

Montserrat Font

Fuente de Cuerpo

08 Lockup de Partners

El logo de FiloMail puede combinarse con marcas de partners y logos de colaboradores. A continuación se muestra un ejemplo de nuestra construcción principal de lockup horizontal.

Partner Logo Lockup

Logo

Partner Icon Lockup

Icono