Sistema de marca · v1.0
Identidad visual OMF
Logo institucional, paleta cromática, usos permitidos y archivos descargables del Observatorio Mexicano de Fintech. Esta identidad se aplica automáticamente en reportes, infografías imprimibles, sitio web y firmas de correo.
OMF® — Marca registrada en trámite
Paleta institucional
Navy institucional
#0A2540
Fondo principal · texto sobre cream
Cream
#F7F2E8
Texto sobre navy · fondos claros impresos
Amber
#D4A24C
Acento · datos · llamados a la acción
Isotipo
Retícula 5×5 que evoca el ojo de un observatorio. El punto amber en el cuadrante superior-derecho representa el dato observado. Mínimo de uso: 32px de alto.
Lockup con wordmark
Versión completa con tipografía y línea regional MX · LATAM · ES. Úsese en encabezados de reportes, portadas de infografías y comunicaciones oficiales.
Usos correctos
✓ HACER
- Respetar área de protección equivalente a 1× el ancho de un punto del isotipo.
- Usar versión cream sobre fondos navy/oscuros.
- Usar versión navy sobre fondos cream/claros.
- Mantener la proporción original del isotipo.
- Incluir ® en comunicaciones legales y portadas oficiales.
✗ NO HACER
- Cambiar los colores del isotipo o sustituir el amber por otro tono.
- Deformar, rotar, inclinar o aplicar sombras al logo.
- Colocar el logo sobre imágenes con bajo contraste.
- Reemplazar la tipografía del wordmark.
- Usar versiones monocromas en contextos donde aplica el color institucional.
Aplicaciones
Reportes
Encabezado con lockup navy · Footer con isotipo + ® + dominio.
Infografías imprimibles
Lockup cream sobre navy en portada · Isotipo navy en pie de página A4.
Sitio web
Header e identidad UI vía componente <Logo /> con tokens semánticos.
Firmas de correo
PNG isotipo navy 56×56 con barra amber separadora (ver más abajo).
Redes sociales
Avatar: isotipo cream sobre navy · Banner: lockup cream sobre navy.
Documentos legales
Lockup navy con ® · Tipografía serif para texto corrido.
Firma de correo electrónico
Vista previa y código HTML listo para pegar en Gmail, Outlook o cualquier cliente de correo. Personaliza nombre y cargo antes de copiar.
|
Nombre Apellido
Cargo · Observatorio Mexicano de Fintech
observatoriomexicanofintech.org
·
MX · LATAM · ES
|
Ver / copiar código HTML
<table cellpadding="0" cellspacing="0" border="0" style="font-family:Georgia,'Times New Roman',serif;color:#0A2540;font-size:13px;line-height:1.5">
<tr>
<td style="padding-right:16px;border-right:2px solid #D4A24C;vertical-align:middle">
<img src="https://observatoriomexicanofintech.org/brand/omf-mark-navy.png" width="56" height="56" alt="OMF" style="display:block"/>
</td>
<td style="padding-left:16px;vertical-align:middle">
<div style="font-weight:bold;letter-spacing:1px;text-transform:uppercase;font-size:12px">Nombre Apellido</div>
<div style="font-size:11px;color:#55677a">Cargo · Observatorio Mexicano de Fintech</div>
<div style="margin-top:6px;font-size:11px">
<a href="https://observatoriomexicanofintech.org" style="color:#0A2540;text-decoration:none">observatoriomexicanofintech.org</a>
·
<span style="color:#D4A24C">MX · LATAM · ES</span>
</div>
</td>
</tr>
</table>Códigos de uso (desarrolladores)
React / TypeScript
import { Logo } from "@/components/Logo";
import { BRAND } from "@/lib/brand";
<Logo size={48} variant="lockup" tone="default" />
<img src={BRAND.assets.markCream} alt="OMF" />HTML estático
<img
src="https://observatoriomexicanofintech.org/brand/omf-lockup-cream-on-navy.svg"
alt="Observatorio Mexicano de Fintech"
width="240" />