Saltar al contenido principal
(identidad)

Moffin – Guía de Marca

Última actualización. 15 de mayo de 2025

Estrategia de marca

Descripción general

Nombre de la empresa:
Moffin Co.
Fundación:
2020
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 – Se construye con transparencia y con entregar lo prometido
  • Seguridad – Protección de datos de nivel empresarial
  • Fiabilidad – 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 conocimiento técnico, pero humano
  • Perspicaz, no abrumador

Marcas de la marca

Definición de la marca

El logotipo original de Moffin: un muffin azul
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

Moffin
Logo mark.
El símbolo representa una tarjeta de datos dentro de un contenedor redondeado, simbolizando la capacidad de Moffin para estructurar y organizar la información. Hace que la marca sea reconocible en cualquier tamaño.

Espaciado de la marca

Zona segura
Moffin
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.

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 gires 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 en 1704, el Azul de Prusia fue uno de los primeros pigmentos sintéticos y rápidamente ganó importancia en la pintura europea. Picasso lo adoptó durante su Período Azul, donde simbolizaba melancolía, introspección y profundidad emocional. El nombre viene de los uniformes militares prusianos: disciplina y autoridad.
Semiótica:
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.
Usos:
  • 50-200: Fondos de sección, 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 UI
  • 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:
Se asocia con frescura, renovación, crecimiento y optimismo. Proyecta equilibrio entre calma y vitalidad, y una fuerte sensación de positividad: por eso representa los 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, resaltados
  • 700-950: Elementos de contraste sobre fondos claros, iconografía especializada

Pink Flamingo

Antecedentes:
También fue parte de la serie de crayones Magic Scent de Crayola (1990), evocando el encanto lúdico y la extravagancia de los flamencos. En diseño y moda describe una gama de rosas vibrantes asociados a estéticas tropicales, cultura pop e identidades visuales retro.
Semiótica:
Energía, atención y acción, con un toque de nostalgia. En Moffin sirve al marketing expresivo y señala estados deficientes o negativos de 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 caqui desarrollada para los uniformes militares británicos y estadounidenses en el siglo XIX. El término evolucionó hasta nombrar los tonos terrosos y desaturados de la moda utilitaria.
Semiótica:
Sofisticación, calidez y fundamento. Chino estabiliza la paleta de Moffin: humaniza la interfaz técnica y crea un ambiente cómodo para sesiones largas de análisis de datos.
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 de UI elevados, agrupaciones visuales
  • 700-950: Capas de profundidad, paneles laterales, superficies de modo oscuro

Alto

Antecedentes:
Alto está reconocido en bases de datos de nombres de color (Resene Paints) y en sistemas digitales como los colores X11/Web. Nombra una paleta de grises neutros de tono frío, común en sistemas de interfaz, arquitectura moderna y diseño editorial monocromático.
Semiótica:
Objetividad, claridad y neutralidad. Alto es la columna vertebral tipográfica del sistema Moffin: aporta equilibrio y disciplina a interfaces expresivas o coloridas.
Usos:
  • 50-200: Superficies neutras, contenedores sutiles, rellenos de fondo
  • 300-500: Contornos de formularios, separadores, estados desactivados
  • 600: Metadatos, etiquetas terciarias, íconos sobre fondos claros
  • 700-950: Texto principal, texto secundario, leyendas, iconografía

Guía de uso del color

Fundamentos

  • Bg: #63D4FA (Azul P. 400)
    Forma: #143054 (Azul P. 950)
  • Bg: #143054 (Azul P. 950)
    Forma: #63D4FA (Azul P. 400)
  • Bg: #20E39F (Menta 400)
    Forma: #113226 (Menta 950)
  • Bg: #113226 (Menta 950)
    Forma: #20E39F (Menta 400)
  • Bg: #FFA3F2 (P.Flamingo 400)
    Forma: #550045 (P.Flamingo 950)
  • Bg: #550045 (P.Flamingo 950)
    Forma: #FFA3F2 (P.Flamingo 400)

La paleta de colores principal es Azul Prusia. La marca se representa en los colores #400 y #950. Lo mismo aplica para Magic Mint y Pink Flamingo.

Mono

  • Bg: #FFFFFF (Blanco)
    Forma: #000000 (Negro)
  • Bg: #000000 (Negro)
    Forma: #FFFFFF (Blanco)
  • Bg: #F7F7F7 (Alto 50)
    Forma: #000000 (Negro)
  • Bg: #26211E (Alto 950)
    Forma: #FFFFFF (Blanco)
  • Bg: #F8F7F2 (Chino 50)
    Forma: #000000 (Negro)
  • Bg: #2C221B (Chino 950)
    Forma: #FFFFFF (Blanco)

Azul Prusia

  • Bg: #FFFFFF (Blanco)
    Forma: #143054 (Azul P. 950)
  • Bg: #000000 (Negro)
    Forma: #63D4FA (Azul P. 400)
  • Bg: #F7F7F7 (Alto 50)
    Forma: #143054 (Azul P. 950)
  • Bg: #26211E (Alto 950)
    Forma: #63D4FA (Azul P. 400)
  • Bg: #F8F7F2 (Chino 50)
    Forma: #143054 (Azul P. 950)
  • Bg: #2C221B (Chino 950)
    Forma: #63D4FA (Azul P. 400)

Magic Mint

  • Bg: #FFFFFF (Blanco)
    Forma: #113226 (M.Mint 950)
  • Bg: #000000 (Negro)
    Forma: #20E39F (M.Mint 400)
  • Bg: #F7F7F7 (Alto 50)
    Forma: #113226 (M.Mint 950)
  • Bg: #26211E (Alto 950)
    Forma: #20E39F (M.Mint 400)
  • Bg: #F8F7F2 (Chino 50)
    Forma: #113226 (M.Mint 950)
  • Bg: #2C221B (Chino 950)
    Forma: #20E39F (M.Mint 400)

Pink Flamingo

  • Bg: #FFFFFF (Blanco)
    Forma: #550045 (P.Flamingo 950)
  • Bg: #000000 (Negro)
    Forma: #FFA3F2 (P.Flamingo 400)
  • Bg: #F7F7F7 (Alto 50)
    Forma: #550045 (P.Flamingo 950)
  • Bg: #26211E (Alto 950)
    Forma: #FFA3F2 (P.Flamingo 400)
  • Bg: #F8F7F2 (Chino 50)
    Forma: #550045 (P.Flamingo 950)
  • Bg: #2C221B (Chino 950)
    Forma: #FFA3F2 (P.Flamingo 400)

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.

  • moffin

    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

Graphik

Antecedentes:
Diseñada por Christian Schwartz en 2009, Graphik se inspiró en las sans-serif suizas y alemanas de mediados del siglo XX. Sus orígenes se conectan con los principios racionalistas que priorizan la claridad y la funcionalidad sobre lo decorativo.
Semiótica:
Autoridad con cercanía: sus proporciones equilibradas y líneas limpias comunican la credibilidad profesional de Moffin sin perder calidez. Encarna la precisión y la fiabilidad que definen los servicios de datos.
Usos:
  • Regular: texto principal, elementos de interfaz y contenido general
  • Medium: títulos, subtítulos y énfasis dentro del cuerpo

Tipografía complementaria

Aeonik Mono

Antecedentes:
Creada por Mark Bloom (Mash Creative) y Joe Leadbeater, Aeonik Mono es una monoespaciada contemporánea con raíces en la informática temprana y los terminales de datos. Su ancho fijo se inspira en los fundamentos técnicos de los sistemas de procesamiento.
Semiótica:
Precisión técnica e integridad de 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.
Usos:
  • Regular: visualización de datos, marcadores, atributos
  • Medium: datos y texto destacados

Conjunto de fuentes

  • MostrarAeonik Mono RegularTamaño: 56px / 3.5rem · Letra -0.08em · Línea 1.1em
  • Encabezado 1Graphik RegularTamaño: 64px / 4rem · Letra -0.04em
  • Encabezado 2Graphik RegularTamaño: 52px / 3.25rem · Letra -0.02em
  • Encabezado 3Graphik RegularTamaño: 40px / 2.5rem · Línea 1.2em
  • Encabezado 4Graphik RegularTamaño: 32px / 2rem
  • Cuerpo grandeGraphik Regular / MediumTamaño: 24px / 1.5rem
  • Cuerpo medianoGraphik Regular / MediumTamaño: 20px / 1.25rem
  • Cuerpo pequeñoGraphik Regular / MediumTamaño: 16px / 1rem
  • Etiqueta grandeAeonik Mono SemiboldTamaño: 24px / 1.5rem
  • Etiqueta medianaAeonik Mono RegularTamaño: 18px / 1.13rem
  • Etiqueta pequeñaAeonik Mono RegularTamaño: 16px / 1rem

Restricciones de uso del tipo

  • No combines diferentes paletas de color en un mismo texto.
  • No combines diferentes tamaños de letra en el mismo contenedor de texto.
  • No dejes que los párrafos superen los 100 caracteres por línea.

Descargas de logotipos de marca

Cada variante está disponible en sus tres colores de marca, en versión clara (para fondos oscuros) y oscura (para fondos claros).

Aplicaciones de la marca

Visuales ASCII:
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. En el sistema visual aporta profundidad y textura a los gráficos de marketing.
Estilo de la interfaz:
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.
Aplicación de la marca: pieza con el mensaje 'Nunca más decidas solo (trust the data)' sobre Azul Prusia 950 con un muffin en ASCII

Galería

Ejemplos gráficos de los diferentes elementos de la marca combinados para representar el mensaje visual completo de Moffin.

  • El símbolo de Moffin compuesto con caracteres ASCII sobre fondo oscuro
  • Moffin
Guía de marca · Moffin