Nuestra Marca | Makkete — Sistema visual abierto
Nuestra marca · v2026

Makkete

Una marca no es un logo. Es un sistema vivo — color, tipografía, ritmo, voz, movimiento — que trabaja coherente en cada aplicación. Esta es la nuestra, abierta.

sistema en vivo MX / CO · 2026 04 pilares · 06 colores · 03 tipografías
02 · Manifiesto

Creemos en una cosa: las marcas que se mueven, crecen.

Tres convicciones. Ni una más. Sobre estas construimos todo lo que hacemos.

Creemos en marcas que destacan — no en marcas correctas, seguras ni genéricas. Si no se ve, no existe.

Creemos en decisiones con datos — cada pieza, cada color, cada palabra nace de una hipótesis probada. La intuición tiene su lugar, pero la evidencia manda.

Creemos en la velocidad de iterar — publicar, medir, aprender, ajustar. Las marcas que ganan son las que se mueven más rápido que su mercado.

— equipo Makkete · firmado en código
03 · Paleta

Blanco, negro — y explosiones de color.

Base ink/paper. Cinco neones al 10/10 que coexisten solo en las explosiones: polvo, humo, luces. Click en cualquier color para encender su firma.

Ink
#0B0B0F
RGB 11·11·15 OKLCH 0.09 0.01 290 AAA /paper 18.6 Uso Texto · fondo

Base estructural. El 80% de los píxeles del sitio son ink o paper.

Botón primario
Paper
#FAFAF7
RGB 250·250·247 OKLCH 0.98 0.003 90 AAA /ink 18.6 Uso Fondo · texto sobre ink

Blanco cálido — no puro. Lo suficiente para que el ink se sienta vivo.

Fondo base
Magenta · rey
#FF00A8
RGB 255·0·168 OKLCH 0.65 0.36 355 AA /ink 4.8 Uso CTA · ancla

El rey. Solo vive en el punto de acción — nunca en superficies grandes.

CTA principal
Cyan · data
#00E5FF
RGB 0·229·255 OKLCH 0.86 0.16 220 AA /ink 3.9 Uso Data · métricas

Para todo lo que mide. Sparklines, números en vivo, links activos.

Métrica
Lime · growth
#C6FF00
RGB 198·255·0 OKLCH 0.94 0.23 125 AAA /ink 15.2 Uso Success · crecimiento

Para éxito, señal positiva, dots en vivo. Nunca para alertas.

+ KPI arriba
Yellow · atención
#FFD600
RGB 255·214·0 OKLCH 0.89 0.19 95 AAA /ink 13.1 Uso Highlight · énfasis

Para subrayar ideas clave. Substituto análogo al marcador fluo.

Highlight
Violet · tech
#7C3AED
RGB 124·58·237 OKLCH 0.53 0.26 300 AA /paper 5.2 Uso IA · tecnología

Reservado para contextos de IA y automatización. Baja frecuencia, alta densidad.

IA activa
Polvo · festival
Gradient
Stops magenta→cyan→lime Angle 135° Uso Explosión Freq Micro · key moment

Solo en explosiones (hero, CTA, transiciones). Nunca en fondos estáticos.

Explosión
04 · Tipografía

Tres tipografías, tres trabajos distintos.

Una para impactar, una para comunicar, una para medir. Cada una con su escala y su espacio de uso — nunca se mezclan roles.

DISPLAY Space Grotesk · Bold Títulos · headlines · números grandes peso 700 · tracking −3.5%
Marcas que destacan, conectan y venden.
96Hero XXL 72Hero L 56Display 40H1 32H2 24H3 18H4 14H5
BODY Inter · Regular / Medium Párrafos · UI · descripciones 400 / 500 · tracking 0

Somos una agencia de marketing IA-native y data-driven. Diseñamos, desarrollamos y escalamos marcas que no solo se ven bien — también crecen. Cada decisión nace de una hipótesis medible.

20Lead 17Body L 15Body 13Body S 12Caption 11Small
MONO JetBrains Mono · Medium Data · etiquetas · código · chips 500 · tab width fijo
ROAS 3.2× · CTR 4.8% · CAC ↓ 23%
STATUS — LIVE · UPDATED 14:32:07
16Data L 14Data 12Chip 11Tag 10Micro
05 · Mood Board

El ADN visual que nos alimenta.

Referencias — no trabajos propios. Color fest, brutalismo moderno, editorial fashion, retail audaz, packaging que arriesga. Hover para ver la categoría.

06 · Principios

Seis principios de construcción de marca.

Las reglas que gobiernan cada decisión de diseño. Interactúa con cada una — el principio se demuestra, no se explica.

P01

Contraste extremo

El contraste gana. Grises medios son enemigos. Ink/paper siempre, con el color como ancla. Arrastra el slider para ver cómo cambia la legibilidad.

Texto legible
P02

Ritmo tipográfico

La escala 1:1 es ruido. La escala áurea (1:1.618) es música. Misma información, dos jerarquías.

Título Subtítulo Body Small ↑ escala 1:1.2 (ruido)
Small Body H2 H1 ↑ escala 1:1.618 (música)
P03

Color como dato

El color comunica jerarquía. Paleta pastel = misma intención para todo. Paleta neón = cada barra tiene una historia.

12
34
78
28
52
P04

Movimiento con propósito

Animar por animar distrae. Animar para comunicar orienta. Mismo objeto, dos intenciones.

→ muestra el resultado final
P05

Densidad honesta

Una card que promete mucho y no entrega es peor que un wireframe. Decimos lo que es, con la tipografía del trabajo terminado.

ROAS · últimos 30d 3.24× +28% vs periodo anterior
P06

Escala cinematográfica

La misma palabra en 16px es información. En 160px es una declaración. El salto de escala es lo que imprime memoria.

Crece. Crece.
07 · En aplicación

Así se ve cuando se mueve.

El sistema aplicado al mundo real. Placeholders por ahora — serán reemplazados con renders finales. Desliza horizontal.

08 · Iconografía

Sistema de íconos y formas.

Trazo 1.5px, geometría limpia. 24 íconos base + 4 shapes de puntuación visual que usamos como marcas de ritmo.

Dot · énfasis
Bar · separador
Tri · dirección
Asterisco · marca
09 · Voz y tono

Conversacional. Técnica. Directa.

Vivimos en el cuadrante "conversacional + técnico". Ni corporativo ni casual. Hablamos como expertos que respetan tu tiempo.

Emocional Técnico Formal Conversacional
Makkete · aquí
Ofrecemos soluciones de marketing digital integrales orientadas a resultados.
Hacemos que tu marca destaque, conecte y venda.
Nuestro equipo de expertos trabaja para maximizar su ROI.
Cada peso invertido trabaja. ROAS 3× promedio.
Estrategias personalizadas basadas en los objetivos únicos de su empresa.
Datos tuyos. Decisiones nuestras. Resultado en 90 días.
¿Quieres una marca así?

Construyamos la tuya.

Agenda consulta
© Makkete · 2026 · MX / CO Nuestra marca · sistema abierto ← Volver al inicio