Tus colores de marca en cada diagrama automático

Una fundadora se hartó y lo resolvió ella misma

Cathryn Lavery dirige BestSelf.co, una marca con una estética muy definida. Cada vez que le pedía a Claude un diagrama, le devolvía los mismos rectángulos redondeados genéricos que podrían pertenecer a cualquier empresa del mundo.

Así que lo arregló por su cuenta.

Creó una colección de 27 tipos de diagrama — organigramas, cronogramas, mapas de proceso, gráficos de radar, ruedas de volante de inercia y muchos más — con un detalle especialmente ingenioso: le das la dirección de tu web, y en aproximadamente un minuto lee tus fuentes y colores, y los aplica a todos los diagramas que hagas a partir de ese momento.

Sin programas de diseño. Sin idas y venidas con un diseñador. El resultado es algo que puedes capturar directamente para una presentación o un documento y que parece tuyo de verdad.

Esta semana se ha hecho viral en GitHub — 7.000 personas lo han marcado como algo a lo que quieren volver.

Si tienes un restaurante, imagina mapas de proveedores o cartas de menú con tu identidad visual. Si llevas una agencia, imagina los diagramas de proceso de tus clientes con el estilo de tus propias presentaciones.

Palabras que conviene conocer

Claude — Un asistente de inteligencia artificial de Anthropic. Le hablas en lenguaje natural y te ayuda a escribir, diseñar y pensar.

SVG — Un formato de imagen que se ve nítido a cualquier tamaño, como un logotipo vectorial. Estos diagramas están en SVG, así que nunca salen pixelados.

GitHub — Una web donde los desarrolladores comparten herramientas que han construido. Cuando algo se hace tendencia allí, suele significar que mucha gente con criterio lo ha encontrado útil de verdad.

Paleta de colores — El conjunto concreto de colores que usa tu marca. Esta herramienta los extrae automáticamente de tu web, sin que tengas que escribir ningún código.

Si alguna vez has tenido que pasarle un diagrama a un diseñador solo para que quedara presentable, esto merece un vistazo: https://github.com/cathrynlavery/diagram-design