← Volver al portfolio
MBM es la marca de un ingeniero de software con formación de conservatorio. Diez años de trombón enseñan lo mismo que un buen sistema en producción: ensayar hasta que suene bien, escuchar el conjunto y cuidar el detalle.
Construyo productos que la gente usa de verdad, con el rigor de un ingeniero y el oído de un músico.
Cada línea tiene un motivo. Sin adornos que no aporten.
Productos completos y en producción, no prototipos.
Explicar lo complejo con palabras simples.
Iterar semana a semana, con constancia.
Las iniciales de Marco Barroso Martín, dibujadas con un trazo único y constante, como una línea de código o un pentagrama. Las esquinas vivas aportan precisión técnica. El punto azul es el cierre: una idea terminada y entregada.
Principal · sobre oscuro
Sobre claro
Monocromo · sobre azul
x
x
x
x
Deja alrededor del logo un espacio libre mínimo de x = la mitad de la altura de una letra. Nada (texto, bordes ni imágenes) debe invadirlo.
Tamaño mínimo: 64 px de ancho en pantalla y 18 mm en impresión. Por debajo de eso, usa el símbolo.
Símbolo: la versión cuadrada, para avatar, favicon e iconos de app.
No deformarNo cambiar el colorNo rotarSin fondos con poco contrasteUna base casi negra y sobria, y un único acento de color: el Azul Voltio. El Cian Señal solo aparece en degradados junto al azul, nunca solo.
#050505RGB 5 5 5Fondo principal.
#111114RGB 17 17 20Tarjetas y superficies.
#F2F2F0RGB 242 242 240Texto principal.
#A3A3A8RGB 163 163 168Texto secundario.
#2F6BFFRGB 47 107 255Acento: botones, enlaces, el punto.
#00D0FFRGB 0 208 255Solo en degradado con el azul.
Dos familias de Indian Type Foundry, gratuitas para uso comercial en Fontshare. Clash Display tiene carácter y una geometría compacta para los titulares. Satoshi es neutra, legible y cálida para el texto.
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 0123456789
ABCDEFGHIJKLMNÑOPQRSTUVWXYZ abcdefghijklmnñopqrstuvwxyz 0123456789
Cuatro recursos visuales que salen del propio logo. Con ellos basta; no hacen falta iconos decorativos, emojis ni ilustraciones genéricas.
Líneas finas y constantes, como las del monograma.
Marca el cierre: estados, indicadores, finales de frase.
Cuadrícula tenue de fondo: estructura y orden.
Luz azul difusa, como mucho una por pantalla.
Escribo en primera persona, con frases cortas y hechos verificables. Técnico cuando hace falta, pero siempre comprensible.
Recursos listos para LinkedIn, GitHub, el CV y el email.
Vectores SVG escalables en brand/logo/:
Las animaciones (GSAP) arrancan rápido y se detienen con suavidad, como una frase musical que resuelve. El movimiento acompaña la lectura; nunca la interrumpe.
| Uso | Curva | Duración |
|---|---|---|
| Entradas y apariciones | expo.out | 1–1.3 s |
| Transiciones de pantalla | expo.inOut | 0.9 s |
| Hover y micro-interacciones | power3.out | 0.3–0.5 s |
| Escalonado entre elementos | stagger | 0.06–0.12 s |
