Última actualización.
15 de mayo de 2025
Estrategia de marca
Descripción general
Nombre de la empresa:
Moffin Co.
Fundación:
2021
Headquarters:
Guadalajara, México
Misión:
Transformando la manera en que las empresas acceden y utilizan datos cruciales.
Visión:
Un mundo donde cada negocio puede tomar decisiones basadas en datos con total confianza, sin importar sus recursos técnicos o tamaño.
Oferta principal:
Moffin ofrece una plataforma unificada de integración de datos que conecta múltiples fuentes de información críticas a través de un único punto de acceso.
Historia de la marca
Origen:
Nacido de frustraciones del mundo real con datos dispersos e integraciones complejas en el sector fintech.
¿Por qué ahora?
La transformación digital está acelerando la necesidad de acceder a datos estructurados y en tiempo real. Moffin simplifica esto con una sola plataforma.
Evolución:
Desde consultar registros fiscales → hasta ser una sólida plataforma de datos que ofrece una visión financiera confiable de individuos y organizaciones.
Valores:
Confianza – construida a través de la transparencia y la entrega
Seguridad – protección de datos de nivel empresarial
Confianza – información precisa en el momento adecuado
Estabilidad – infraestructura diseñada para escalar
Acceso a Oportunidades – crecimiento impulsado por datos
Crecimiento Sostenible – pensamiento a largo plazo
Tono de voz:
Profesional, no corporativo
Claro y fundamentado – sin jerga
Seguro, no arrogante
Con conocimientos tecnológicos, pero humano
Perspicaz, no abrumador
Marcas de la marca
Definición de la marca
Evolucionando la forma del muffin:
La versión token de nuestro logotipo ha sido refinada para representar mejor nuestra narrativa de marca. El diseño final evoca una tarjeta de datos—similar a las que se encuentran en cámaras y dispositivos—estableciendo una conexión significativa con el enfoque en datos de Moffin.
Variantes del logotipo de la marca
Espaciado de la marca
Zona segura
Espaciado y relleno.
La marca Moffin utiliza pautas de espaciamiento precisas para garantizar la armonía visual y el reconocimiento en todas las aplicaciones. Un "área segura" protegida rodea el logotipo, proporcionando el espacio necesario que preserva su integridad e impacto.
El espaciamiento entre el símbolo y el logotipo está calibrado utilizando la forma circular dentro del ícono de la tarjeta de datos como unidad de medida. Esto crea una relación natural y equilibrada entre los elementos que se siente visualmente coherente.
Guía de uso de la marca
Restricciones
No cambies el tamaño del símbolo dentro del contenedor.
No cambies la posición del símbolo dentro del contenedor.
No gire el símbolo dentro del contenedor.
No cambies el ángulo de radio del contenedor.
No cambies el ángulo del eje del contenedor.
No cambies la posición del símbolo dentro del uso de la marca.
Paleta de colores
Principal (Marca)
Azul Prusia
Antecedentes:
Desarrollado en Berlín (1704), el Azul de Prusia fue uno de los primeros pigmentos sintéticos y rápidamente adquirió importancia en la pintura europea. Picasso lo adoptó de manera notable durante su Período Azul, donde simbolizaba la melancolía, la introspección y la profundidad emocional. El nombre del color se originó por su uso en los uniformes militares prusianos, simbolizando disciplina y autoridad.
Semiótica:
El Azul Prusiano transmite profundidad, inteligencia y estabilidad institucional. En el sistema de Moffin, ancla la marca como una base confiable y conocedora de datos. Equilibra la precisión analítica con la confianza creativa, posicionando la marca como confiable y expresiva a la vez.
Usos:
50-200: Fondos de secciones, indicadores sutiles, rellenos de visualización de datos
300-500: Botones secundarios, estados activos, elementos de gráficos
600-700: Identificador de marca oscuro, botones principales, componentes clave de la interfaz de usuario
700-950: Texto de alto contraste, estados de enfoque, elementos de énfasis
Secundario
Magic mint
Antecedentes:
El nombre “Magic Mint” se popularizó en la línea de crayones Magic Scent de Crayola en los años 90, evocando una sensación fresca y refrescante.
Semiótica:
Está estrechamente asociado con sentimientos de frescura, renovación, crecimiento y optimismo. Proyecta un fuerte equilibrio entre calma y vitalidad. Proyecta una fuerte sensación de positividad, por lo cual se utiliza para representar resultados exitosos en el Moffin-verso.
Usos:
50-300: Fondos de estado de éxito, indicadores de tendencia positiva
400-600: Color de acento principal, indicadores de finalización, resaltar elementos
700-950: Elementos de contraste contra fondos claros, iconos especializados
Pink Flamingo
Antecedentes:
El Pink Flamingo también fue incluido en la serie de crayones Magic Scent de Crayola (1990)—evocando un encanto lúdico y kitsch y la extravagancia de los flamencos reales. En el diseño y la moda, el color "Flamingo Pink" o "Pink Flamingo" se ha utilizado para describir una gama de rosas vibrantes, con tendencia al fresco, que a menudo se asocian con estéticas tropicales, cultura pop e identidades visuales retro.
En el diseño de interiores, Behr y Benjamin Moore han producido cada uno sus propias tonalidades de "Pink Flamingo", generalmente variaciones más claras o pastel para paredes de acento.
Semiótica:
Energía, atención y acción, con un suave toque de nostalgia. En el contexto de Moffin, satisface tanto las necesidades de marketing expresivo como señala de manera sutil los estados deficientes o negativos de una forma no punitiva, útil y accesible.
Usos:
50-300: Fondos de notificación, contenedores de alerta
400-600: Resaltados de información crítica, avisos importantes
700-950: Texto de énfasis, indicadores de acción requerida
Neutral
Chino
Antecedentes:
"Chino" se refiere a la tela de algodón similar al khaki desarrollada para los uniformes militares británicos y estadounidenses en el siglo XIX. El término evolucionó para convertirse en un apodo de color para tonos terrosos y desaturados que se encuentran comúnmente en la vestimenta militar y la moda utilitaria. Hoy en día, los tonos Chino se utilizan en el diseño por su capacidad de dar estabilidad, neutralidad y funcionalidad atemporal.
Semiótica:
Sofisticación, calidez y fundamento: Chino actúa como el elemento que da estabilidad en la paleta de Moffin, humanizando la interfaz técnica y creando un ambiente cómodo para sesiones prolongadas de análisis de datos.
Chino proporciona una base suave pero estructurada para la jerarquía visual y el encuadre del contenido, especialmente eficaz cuando se combina con tonos expresivos o vívidos.
Usos:
50–200: Fondos sutiles, contenedores de bajo énfasis, rellenos de datos apagados
300–500: Superficies de alta visibilidad, tarjetas, zonas clave del diseño
600: Bloques UI elevados, agrupaciones visuales, anclajes bajo zonas interactivas
700–950: Capas de profundidad, paneles laterales, fondos materiales, superficies de modo oscuro
Parada
Antecedentes:
Alto es reconocido en bases de datos de nombres de colores (por ejemplo, Resene Paints) y en sistemas digitales como los Colores X11/Web. Se refiere a una paleta de grises neutros con tonos fríos, a menudo utilizada en sistemas de interfaz de usuario, arquitectura moderna y diseños editoriales monocromáticos.
En el arte y el diseño industrial, los grises de la familia Alto son esenciales para el contraste, la legibilidad y la jerarquía espacial.
Diseñadores como Dieter Rams, Massimo Vignelli y Yasuko Furukawa han recurrido en gran medida a sistemas neutros como Alto para ofrecer atemporalidad y legibilidad.
Semiótica:
Objetividad, claridad y neutralidad: Alto actúa como la columna vertebral tipográfica del sistema Moffin, aportando equilibrio y disciplina a interfaces expresivas o coloridas.
Usos:
50–200: Superficies neutras, contenedores sutiles, rellenos de fondo, elementos fantasma
300–500: Contornos de formularios, separadores, estados desactivados, notas informativas
600: Metadatos, etiquetas terciarias, íconos en fondos claros
700–950: Texto principal del cuerpo, texto secundario, leyendas, iconografía, elementos de UI monocromáticos
Guía de uso del color
Fundamentos
Bg: #63D4FA (Azul P. 400)
#143054 (Azul Profesional 950)
Bg: #143054 (P.Azul 950)
#143054 (Azul Profesional 950)
La paleta de colores principal es Azul Prusia. La marca se representa en los colores #400 y #950.
#143054 (Azul Profesional 950)
#143054 (Azul Profesional 950)
#143054 (Azul Profesional 950)
#143054 (Azul Profesional 950)
Estas son las otras combinaciones de paleta de colores para las marcas de la marca. Magic Mint y Pink Flamingo. Lo mismo con Prussian Blue, las marcas deben representarse en #400 y #950.
Estas son todas las combinaciones permitidas para mostrar las marcas de la empresa utilizando fondos monocromáticos y neutros.
Restricciones
No combines paletas de colores para usar en la marca de la empresa.
No intentes usar degradados para los logotipos de la marca.
No utilices el color blanco como fondo para marcas de color claro.
No utilices negro como fondo para los usos de marca de color oscuro.
No utilices efectos como sombras o desenfoque en los logotipos de la marca.
No mezcles diferentes paletas de colores en usos combinados.
#9A0E83 (P.Flamingo 950)
No uses otros valores para mostrar los logotipos de la marca.
No cambies la opacidad de las marcas de la marca.
Tipografía
Tipografía institucional
Antecedentes:
Diseñada por Christian Schwartz en 2009, Graphik se inspiró en las tipografías sans-serif suizas y alemanas de mediados del siglo XX. Sus orígenes se conectan con los principios de diseño racionalista que priorizan la claridad y la funcionalidad sobre los elementos decorativos.
Semiótica:
Autoridad con cercanía: las proporciones equilibradas y líneas limpias de Graphik comunican la credibilidad profesional de Moffin mientras se mantienen cálidas y accesibles. La tipografía encarna la precisión y la fiabilidad que definen los servicios de datos de Moffin.
Usos:
Regular: Texto principal del cuerpo, elementos de interfaz y contenido general
Medium: Títulos, subtítulos y énfasis dentro del texto del cuerpo
Pesos adicionales utilizados estratégicamente para la jerarquía visual
Tipografía complementaria
Antecedentes:
Creado por Mark Bloom (Mash Creative) y Joe Leadbeater, Aeonik Mono es una tipografía monoespaciada contemporánea con raíces en la informática inicial y los terminales de datos. Su diseño de ancho fijo se inspira en los fundamentos técnicos de los sistemas de procesamiento de datos.
Semiótica:
Precisión técnica e integridad de datos—Como una fuente monoespaciada, Aeonik Mono refuerza visualmente el enfoque de Moffin hacia los datos. Cada carácter ocupa el mismo espacio horizontal, creando un ritmo estructurado que refleja cómo Moffin organiza la información en formatos consistentes y fiables.
Usos:
Regular: Visualización de datos, marcadores, atributos de datos
Medio: Datos destacados, texto destacado
Conjunto de fuentes
Espaciado y relleno.
La marca Moffin utiliza pautas de espaciamiento precisas para garantizar la armonía visual y el reconocimiento en todas las aplicaciones. Un "área segura" protegida rodea el logotipo, proporcionando el espacio necesario que preserva su integridad e impacto.
El espaciamiento entre el símbolo y el logotipo está calibrado utilizando la forma circular dentro del ícono de la tarjeta de datos como unidad de medida. Esto crea una relación natural y equilibrada entre los elementos que se siente visualmente coherente.
Mostrar
Aeonik Mono Regular
Tamaño: 56px / 3.5 Rem
Letra: -.08 em
Linea: 1.1 em
Encabezado 1
Graphik Regular
Tamaño: 64px / 4 Rem
Letra: -.04 em
Linea: 1.1 em
Encabezado 2
Graphik Regular
Tamaño: 52px / 3.25 Rem
Letra: -.02 em
Linea: 1.1 em
Encabezado 3
Graphik Regular
Tamaño: 40px / 2.5 Rem
Letra: -.02 em
Línea: 1.2 em
Encabezado 4
Aeonik Mono Regular
Tamaño: 32px / 2 Rem
Letra: -.02 em
Línea: 1.2 em
Visualización del cuerpo
Graphik Regular
Tamaño: 32px / 2 Rem
Letra: -.02 em
Línea: 1.2 em
Cuerpo en negrita
Graphik Medium
Tamaño: 32px / 2 Rem
Letra: -.02 em
Línea: 1.2 em
Cuerpo grande
Graphik Regular
Tamaño: 24px / 1.5 Rem
Letra: -.02 em
Línea: 1.2 em
Cuerpo grande negrita
Graphik Medium
Tamaño: 24px / 1.5 Rem
Letra: -.02 em
Línea: 1.2 em
Cuerpo mediano
Graphik Regular
Tamaño: 20px / 1.25 Rem
Letra: -.02 em
Línea: 1.2 em
Cuerpo medio en negrita
Graphik Medium
Tamaño: 20px / 1.25 Rem
Letra: -.02 em
Línea: 1.2 em
Cuerpo pequeño
Graphik Regular
Tamaño: 16 px / 1 Rem
Letra: -.02 em
Línea: 1.2 em
Cuerpo pequeño en negrita
Graphik Medium
Tamaño: 16 px / 1 Rem
Letra: -.02 em
Línea: 1.2 em
Etiqueta grande
Aeonik Mono Regular
Tamaño: 40 px / 2.5 Rem
Letra: -.04 em
Línea: 1.2 em
Etiqueta grande
Aeonik Mono Regular
Tamaño: 24 px / 1.5 Rem
Letra: -.04 em
Línea: 1.2 em
Etiqueta en negritas grandes
Aeonik Mono Semibold
Tamaño: 24 px / 1.5 Rem
Letra: -.04 em
Línea: 1.2 em
Etiqueta mediana
Aeonik Mono Regular
Tamaño: 18 px / 1.13 Rem
Letra: -.04 em
Línea: 1.2 em
Etiqueta mediana
Aeonik Mono Semibold
Tamaño: 18 px / 1.13 Rem
Letra: -.04 em
Línea: 1.2 em
Etiqueta pequeña
Aeonik Mono Regular
Tamaño: 16 px / 1.13 Rem
Letra: -.02 em
Línea: 1.2 em
Etiqueta pequeña
Aeonik Mono Semibold
Tamaño: 16 px / 1.13 Rem
Letra: -.02 em
Línea: 1.2 em
Restricciones de uso del tipo
Olvídate de los sistemas dispersos. Moffin reúne todos tus datos de agencias de crédito, fuentes gubernamentales y más en una plataforma poderosa.
NO combines diferentes paletas de colores para el uso de texto.
Olvida los sistemas dispersos. Moffin reúne todos tus datos de bureaus de crédito, fuentes gubernamentales y más en una plataforma poderosa.
No combines diferentes tamaños de letra en el mismo contenedor de texto.
Olvídate de los sistemas dispersos. Moffin reúne todos tus datos de agencias de crédito, fuentes gubernamentales y más en una plataforma poderosa.
NO dejes que los párrafos superen los 100 caracteres.
Descargas de logotipos de marca
Aplicaciones de la marca
Visuales ASCII
Complementar la marca con imágenes llamativas:
Las marcas de Moffin representan la esencia de lo que es Moffin: una plataforma de datos accesible y amigable. Elegimos el arte ASCII para complementar el espíritu de la marca y reflejar el aspecto humano de la plataforma de una manera que tiene sentido con la apariencia y sensación de la marca. El arte ASCII en el sistema visual de Moffin se utiliza para proporcionar profundidad y textura a los gráficos de marketing y se combina perfectamente con el mensaje principal.
Interfaz de usuario
Fuentes de datos
12
Obteniendo datos...
Solicitud de Thomas Anderson
12
Verificación de identidad:
(Positivo)
Verificación de crédito:
(6.5/10)
Registro fiscal
(8.9/10)
Aprobar préstamo
Más de
1,000,000
consultas procesadas
Crecimiento de Ingresos Anual
2023 > 2024
200,000
Crecimiento
A partir de
$20
/
Mes
Incluye
100,000
Fichas
Análisis de puntos de datos
Más de 100k
Declaración de identidad
01
Validación de identidad
02
Registro fiscal
03
Expediente judicial
04
Informe de crédito
05
Libro de cuentas
06
Conclusiones
07
Perfil del Cliente
12
Pagos exitosos:
(103)
Deuda actual:
($1,324,590.03)
Cuentas activas:
(3)
Obteniendo datos...
Estilo de la interfaz de usuario.
El tipo de interfaz que Moffin busca es sencilla y funcional, sin adornos, pero con un elemento de singularidad que combina los diferentes elementos de la marca de una manera minimalista y brutalista.
Gráficos de la marca
Visualizador de gráficos de marca.
Ejemplos gráficos de conjuntos de los diferentes elementos de la marca para representar el mensaje visual completo de Moffin.