○ claro / oscuro
interacción contexto produce recuerda corre aprende → recuerda · el bucle
Yo
human on the loop
el rumbo y el criterio
cada pieza, contra la marca
qué sí y qué no
El motor
toca
lo que llega: pedidos, ideas, mensajes
lo operativo y lo repetitivo
a través de las memorias
a través del tablero, una fuente de verdad
mis compromisos y mi tiempo
frena cuando me sobre-comprometo · el filtro de la jornada
mis frentes y ventanas, sin mensajera
mi criterio y mis ideas en ejecución
Memoria + tablero ↗
una fuente de verdad · permanente
Flujos ↗
cómo corre todo, paso a paso
capa de interacción
cómo la toco de verdad
entradas
mail
mensajería
otros canales
Productos ↗
sitios · decks · docs · correos
diseño · datos · voz
Estaciones de marca · de dónde saco todo
BID
Marca 1
Marca 2
Marca 3
Marca 4
los frentes
Cliente 1
personas
proyectos
su marca ↗
archivos
memoria
Cliente 2
personas
proyectos
su marca ↗
archivos
memoria
Cliente 3
personas
proyectos
su marca ↗
archivos
memoria
Cliente 4
personas
proyectos
su marca ↗
archivos
memoria
identidad
paleta
tipografías
voz y tono
vocabulario
reglas duras
Mi sistema

La foto del sistema

el antes · AS IS ↗
Visualización de datos
De los datos a la imagen
datos crudos {
  "río": "Magdalena",
  "longitud_km": 1540,
  "cuenca_km2": 257000,
  "sedimentos_ton": 710,
  "cuenca_pobl": "77%",
  "partes": ["alto","medio","bajo"]
}
→
Proyecto Magdalena · río Magdalena
sedimentos las tres partes del río la cuenca cobertura y usos del suelo pulsos del agua y pesca navegación del Magdalena cómo se pobló Colombia
Tomar información compleja y volverla algo que se entiende de un vistazo.
Estación de marca

La marca vive en el sistema

Paleta

Azul profundo
#0A2E4D
Azul
#2D6CB2
Cian
#29ABE2
Magenta
#E5006D
Tinta
#16181D
Neutro
#E9ECF0

Tipografía

Aa Bb Cc
Titulares con jerarquía clara
Cuerpo legible, sentence case en español. Explica sin tecnicismos innecesarios.
Inter · 400 / 600 / 700

Iconos

Trazo fino, geométrico, coherente con la tipografía.

Voz y tono

Claro e institucional, pero cercano. Habla de "Grupo BID". Sentence case en español, title case en inglés. Sin coma serial.

Vocabulario

Grupo BIDoperaciónpaís miembrosalvaguardiasbps (no bp)impacto

Reglas duras

  • Solo azul, cian y magenta + neutros
  • Naranja es de Invest · verde, no
  • Inter en todo
  • Panel curvo, sangrado a la derecha
  • Sin coma serial · raya sin espacios
  • Sentence case ES · title case EN

La estación no solo produce: también revisa

✓ accesibilidad✓ tono de voz✓ normas editoriales✓ marca correcta por pieza
Cada marca tiene su propia estación
Esta es de ejemplo. La del BID es la que está desarrollada; las demás cargan su propio mundo igual: colores, tipografías, voz y reglas.
Por eso todo sale on-brand sin que yo lo tenga que recordar cada vez.

Flujos y automatizaciones

activo
Flujos · toca uno para ver el paso a paso
Ya corren solas · sin que yo lo pida
Las memorias

Todo entretejido

Las memorias
cómo trabajo
el tablero
mis decisiones
cada marca
cada proyecto
mis reglas
lo que ya expliqué
mis manías
mis compromisos
cada cliente
cada cliente
las carpetas
cada preferencia
una red, no una lista · todo se habla con todo
La capa de interacción

Para mí, en realidad, se ve así

Todo lo del mapa es una representación. Por debajo, así es como toco el sistema de verdad todos los días.

VS Code · Claude Code
VS Code con Claude Code
Obsidian
Obsidian · la memoria conectada
las carpetas
▾ Trabajos
▾ un cliente
personas.md
proyectos /
▸ otro cliente
▾ marca
paleta.css
voz.md
memorias.db
carpetas · bases de datos · css
Y debajo de todo, una estructura de datos que yo misma mapeé: carpetas, bases de datos y archivos de CSS.
Mis productos

Lo que sale del sistema

El mismo motor, muchas formas de salida. Cada pieza sale con la marca del cliente puesta y lista para entregar.

Sitios

Micrositios y catálogos que se despliegan solos y se actualizan.
catálogomicrositio de evento

Decks

Presentaciones on-brand, editables, listas para exponer.
deck de foroframework de taller

Documentos

Reportes y guías con la marca puesta y la voz del cliente.
reporte de impactoguía metodológica

Correos

Newsletters y correos HTML listos para enviar.
newsletter de panelboletín interno

Piezas de diseño

Key visuals, sistemas de plantillas, identidad aplicada.
key visualplantillas

Visualización de datos

Dato crudo convertido en imagen que se entiende de un vistazo.
infografíatablero ejecutivo

Voz y textos

Copys y textos que suenan a cada marca, no a máquina.
correosguiones
Un solo sistema humano + IA. Muchos frentes, muchas formas de salida, una sola voz por marca.
AS IS · antes del sistema

Así se veía mi trabajo antes

Todo caía sobre mí, y las herramientas estaban regadas. (Nombres de ejemplo.)
1 · Entra2 · Entender3 · Priorizar4 · Producir5 · Revisar6 · Cerrar
Los frentes Marta, Diego, Lucía… me escriben directo, por donde sea el pedido llega confuso; a veces ni ellos saben cada uno cree que lo suyo va primero esperan, sin saber cuánto tardará mandan feedback enredado en hilos largos esperan el entregable
Yo lo dejo en visto descifro qué piden, a veces decido según mi energía del momento produzco saltando entre frentes reviso sola, contrarreloj no registro ni cierro; el 90% queda a medias
línea de visibilidad
Las herramientas correo, mensajería, voz mi memoria notas sueltas, planners archivos dispersos por carpetas hilos de correo nada registra el cierre; no hay una sola verdad
Y sobre este caos diseñé el sistema. El "después" es todo lo que acabas de ver.
Arrastra el cerebro para girar · toca una vida y arrástrala
la quimera