La Historia Detrás de TRANSFORMA

Todos queremos mostrar
lo que hacemos

Pero hay una diferencia entre existir en internet y ser encontrado, generar confianza y vender.

10+
Años creando contenido
YouTube + Proyectos digitales
3 en 1
Marketer × Dev × PM
La combinación única
100%
Sold Outs reales
Experiencia comprobada

El Camino que nos Trajo Aquí

Una década de experiencia destilada en un sistema que funciona

Universidad Nacional

Unidad de emprendimiento. Primeros proyectos de comunicación digital.

Fenalco

Promoviendo programas de formación en innovación y emprendimiento. Entendí que el conocimiento debe ser accesible y práctico.

Agencia de Marketing

Sector gastronómico. Sold outs consistentes.

✓ Presencia digital = ventas reales

Aprendí a Programar

Para crear productos propios y tener control total de las bases de datos. Entendí que después de redes sociales, el siguiente paso es tu propia web.

✓ Lección Rappi: quien tiene los datos, tiene el control

Gestor + Dev

Metodologías ágiles + 10 años YouTube.

→ Una conversación de distancia

No Soy Solo un Marketer

Soy la intersección única de tres mundos que rara vez se encuentran

Marketer

  • 10+ años creando contenido (YouTube)
  • Sold outs comprobados en sector gastronómico
  • Experto en narrativa: conocer → confiar → comprar
  • Calendarios de contenido + gestión de anuncios

Developer

  • Desarrollo de productos de software
  • Automatizaciones para flujos de trabajo
  • Control total de bases de datos
  • Entiendo qué es posible técnicamente

Project Manager

  • Metodologías ágiles especializadas
  • Gestión de productos de software
  • Procesos de atención al cliente
  • Sistemas que escalan y son sostenibles
El Resultado

Un sistema que no solo enseña marketing,
sino que te da el stack completo

Entiendo qué vender (Marketing), cómo construirlo (Dev) y cómo hacerlo escalable (PM). Por eso TRANSFORMA no es teoría, es un sistema probado en el mundo real.

Nuestro Manifiesto

Estamos a una conversación de distancia

Creo firmemente en el arte, en el amor y en compartir ideas valiosas que ayuden a otros a crecer, tener más ideas y ser más felices.

Porque no todo tiene objetivo financiero, pero sin él, no se puede tener cualquier otro objetivo.

Por eso existe TRANSFORMA:

Para entregar todo el valor posible a personas y empresas que quieran tener una presencia digital que les permita vender más, crecer y escalar sus negocios y proyectos.

Comienza tu Transformación

Nuestra Misión

Democratizar el marketing digital en América Latina, poniendo al alcance de cada PYME las estrategias, herramientas y conocimientos que antes solo estaban disponibles para grandes empresas con presupuestos millonarios.

Nuestra Visión

Ser el estándar de referencia en formación de marketing digital para PYMEs latinoamericanas, reconocidos por transformar negocios invisibles en marcas memorables que generan clientes de forma sistemática y sostenible.

Nuestros Valores

Los principios que guían cada decisión y cada línea de código

Accesibilidad

El conocimiento debe estar al alcance de todos

Practicidad

Cero teoría sin aplicación real

Resultados

Medimos éxito por impacto real

Transparencia

Sin trucos, sin promesas vacías

Empatía

Diseñamos para tu realidad

Excelencia

Mejora constante del contenido

Innovación

IA + toque humano

Comunidad

Aprendizaje colaborativo

Guía de Marca — v2 · 2026

Estrategia Visual TRANSFORMA

Sistema visual completo: paleta Ink + Ember + Sand, tipografía editorial, tokens de diseño y guía de componentes.

Logo & Concepto

Identidad de Marca

Nuestro logo combina dos elementos: la T de TRANSFORMA y un bombillo (idea, iluminación). El favicon recomendado es la T italic editorial — la inclinación del italic comunica movimiento y transformación.

  • Bombillo: El momento "ajá", la transformación mental
  • T italic serif: Movimiento, autoría, marca personal
  • Combinación: Ideas que se convierten en acción sistemática

Logo marca

T

Favicon · Recomendado

Sistema de Color

Tres ramas: Ink (derivada del azul corporativo, ahora con escala completa), Ember (acento cálido para CTAs y palabras clave) y neutrales cálidos Sand. Verde Jade solo para badges de "Gratis".

Ink — Primary

refinamiento de #1B4F72

50

100

200

300

400

500

600

700

800

900

950

Ember — Accent

transformación · CTA

100

200

300

400

500

600

700

Sand — Surfaces

paper

50

100

200

300

Jade — Success / Gratis

100

600

Roles Semánticos

Foreground / texto principal

--ink-950 · #0B1A2C

Background base (warm white)

--paper · #FDFBF6

Brand primary

--ink-800 · #1B355A

CTA / accent (botón estrella)

--ember-600 · #D9690F

Surface secundaria

--paper-2 · #F3ECDD

Border / divider

--ink-100 · #ECF1F7

Success · badge Gratis

--jade-600 · #1F8A6B

Sistema Tipográfico

Pairing de tres familias: Instrument Serif para títulos editoriales, Geist para UI y cuerpo, y JetBrains Mono para metadatos, números y eyebrows.

Display

Instrument Serif
88px · italic
letter: -0.02em

De invisible a memorable.

H1

Instrument Serif
52px · 1.05
letter: -0.02em

4 módulos. Una ruta clara y probada.

H2

Geist 600
32px · 1.15
letter: -0.01em

¿Tu negocio es invisible para tus clientes?

H3

Geist 600
22px · 1.3

Tu negocio no aparece en Google

Body

Geist 400
17px · 1.6

Un cliente ya decidió comprar, busca tu servicio, y encuentra a tu competencia. No porque sea mejor — sino porque aparece primero. Este sistema te pone en el mapa desde la primera semana.

Eyebrow

JetBrains Mono
12px · UPPER
tracking: 0.18em

El sistema · 4 módulos · Edición 2026

Mono / Metadata

JetBrains Mono
13px · amber

$20.000 COP · ~ USD 5 · Pago seguro Wompi

Tokens de Diseño

Spacing scale (4pt)

xs4px
sm8px
md16px
lg24px
xl40px
2xl64px
3xl96px

Border Radius

sm6px
md10px
lg16px
xl22px
full999px

Shadow

xs0 1px 2px /6%
sm0 4px 12px /8%
md0 12px 32px /12%
lg0 24px 60px /16%

Guía de Componentes

Buttons

Primary — acción principal

Accent — solo para CTA estrella

Ghost — secundario

Link — inline

Module cards
1
Gratis

Posicionamiento

Domina el SEO local y la visibilidad en IA para aparecer primero.

3
Completo

Contenido

Construye demanda constante con contenido que educa y vende.

Opciones de Favicon

Recomendación: opción B — la T italic serif funciona a 16px y comunica autoría editorial. La inclinación del italic = movimiento, transformación.

A · T geométrica

Sólida, clara a 16px. Lectura técnica — demasiado neutra para una marca con voz personal.

Recomendada
T
T
T
T

B · T italic editorial

La inclinación del italic = movimiento, transformación. El serif comunica autoría. Único y coherente con el sistema tipográfico.

C · Dos círculos

Metáfora antes/después. Memorable pero poco legible a 16px y se confunde con otras marcas.

Patrones e Iconografía

T Pattern

Patrón repetitivo basado en la T del logo — fondos de secciones y overlays

Lightbulb Pattern

Círculos concéntricos que evocan ideas e iluminación — backgrounds orgánicos

Guía de Iconos — Lucide React

Ideas

Lanzar

Objetivos

Comunidad

Rápido

Calidad

Lucide Icons · stroke-width: 2 · color ember-400 (#F4A05A) sobre fondos oscuros, ember-600 (#D9690F) sobre fondos claros