RUN UPDigital Growth
Fase 2 · Dirección de Arte & Design SystemConcepto: «Impulso» · Híbrido Editorial

Tokens de Sistema & Guía de Componentes

Una base editorial austera y limpia sobre negro y grafito mineral, con acento rosa fucsia #FD00FF aplicado con rigor (<10% de superficie) y microinteracciones de física elástica.

01. Superficies & Jerarquía Cromática

Negro absoluto → Grafito escalonado
Surface 0
#070708
Fondo base (Canvas)
Surface 1
#0E0E10
Paneles elevados
Surface 2
#141417
Grafito de contraste
Surface 3
#1C1C21
Contenedores hover
Surface 4
#26262c
Líneas & Bordes
Surface 5
#34343b
Bordes inputs activos
Brand Pink
#FD00FF
Acento < 10% · Llamado a la acción
Success
#4ADE9A
Validación & estado activo
Warning
#F5B83D
Alertas & precauciones
Danger
#FF6A4D
Errores de formulario

02. Pareja Tipográfica & Escala Fluida

Bricolage Grotesque (OFL) + Instrument Sans (OFL)
Escribe para probar:
Display 6XL (clamp)
Crecer no se improvisa.
Display 4XL
Crecer no se improvisa.
Display 2XL
Crecer no se improvisa.
Sans Body (Large)
Run Up es una agencia de crecimiento digital con base en Santiago de Chile y operación regional. Analizamos el negocio, identificamos oportunidades reales y construimos la estrategia con los canales que de verdad necesitas.
Sans Body (Regular)
No vendemos campañas genéricas ni publicaciones para llenar un calendario. Vinculamos adquisición, posicionamiento orgánico, desarrollo web de alto rendimiento y analítica comercial para medir ingresos, no métricas de vanidad.

03. Botones Magnéticos & Microinteracciones

Hover magnético reactivo · Easing elástico
Primario (Pink)
Secundario (Grafito)
Ghost & EnlacesEnlace editorial→Enlace con subrayado cinético
Estados deshabilitados

04. Inputs & Controles de Formulario

WCAG 2.2 AA · Borde ≥ 3:1 · Floating label

Nombre del tomador de decisiones

✓

Usado para enviar tu diagnóstico

Con código de país

Explícanos brevemente qué buscas lograr en los próximos meses

05. Momento Interactivo: Selector de Necesidad

Precarga automática de la pregunta 1
Selector de Necesidad

¿Qué quieres que crezca?

Elige tu prioridad actual. Te mostramos la ruta técnica recomendada sin paquetes forzados.

Ruta Publicidad Digital & Conversión

Google Ads + Meta Ads + CRO

Si ya tienes inventario y checkout activo, tu palanca más rápida es tráfico cualificado con intención de compra alta y optimización del embudo de carrito.

Paso 1:Auditamos tu histórico de conversiones, píxeles y catálogo.
Iniciar diagnósticoConocer servicio en detalle →

06. Tarjetas de Caso Asimétricas

Composición editorial · Datos tabulares
AquaSport Chile/Chile
Ecommerce & Deportes

Escalamiento del canal de venta directa con Meta y Google Shopping

Reestructuración completa del catálogo publicitario, reducción de costos de adquisición y unificación de analítica para comercio de artículos deportivos acuáticos.

Google ShoppingMeta AdsAuditoría de Conversión
+184%Ver caso →

Crecimiento en transacciones atribuidas a campañas digitales

[Dato ilustrativo · En proceso de verificación]
Multi Seguros Nabero/Panamá
Servicios Financieros & Seguros

Captación predecible de pólizas comerciales mediante Google Search

Arquitectura de campañas de búsqueda de alta intención, landing pages de cotización instantánea y conexión directa con el equipo comercial por WhatsApp.

Google SearchLanding de ConversiónAutomatización WhatsApp
-34%Ver caso →

Reducción en el costo por lead calificado en los primeros 90 días

[Dato ilustrativo · En proceso de verificación]

07. Laboratorio de Motion Tokens

Curvas Bezier personalizadas & Física elástica

Presiona el botón para disparar las tres curvas de interpolación simultáneamente y comparar su física de desaceleración:

--ease-impulso: cubic-bezier(0.7, 0, 0.2, 1) [1150ms]Transiciones escénicas & momentos firma
Impulso
--ease-aterrizaje: cubic-bezier(0.16, 1, 0.3, 1) [500ms]Menús, overlays y paneles
Aterrizaje
--ease-micro: 200ms ease-outHover táctil, focus y toggles
Micro