Diagrammatic Machines, or Máquinas Diagramática, is a transborder creative coding, generative drawings, & graphic notation workshop by Juan Manuel Escalante.

Diagrammatic Machines, or Máquinas Diagramática, is a transborder creative coding, generative drawings, & graphic notation workshop by Juan Manuel Escalante.

Diagrammatic Machines, or Máquinas Diagramática, is a transborder creative coding, generative drawings, & graphic notation workshop by Juan Manuel Escalante.

Lead Designer

Brand Identity

Packaging

Animation

Web Design

Programs

Illustrator

Photoshop

Cargo Site Builder

Code Without Borders

Overview

The challenge in branding Juan Manuel Escalante's binational workshop, Diagrammatic Machines, was developing the visual identity with a limited team in under two months, releasing promotional marketing simultaneously. The goal was to make creative coding feel accessible while still prioritizing conceptual depth for more experienced designers.

We built a modular brand system that balanced approachability with modernity, translating across language and cultural contexts. The workshop launched in the U.S. and Mexico, attracting participants from both design and non-design backgrounds.

Deliverables included a full brand package with print posters, stamped notebooks, bilingual instruction guide, screen-printed tote bags, enamel pins, stickers, social media assets with management, and a dedicated webpage, diagrammatics.net.

Lead Designer

Brand Identity

Packaging

Animation

Web Design

Programs

Illustrator

Photoshop

Cargo Site Builder

Code Without Borders

Overview

The challenge in branding Juan Manuel Escalante's binational workshop, Diagrammatic Machines, was developing the visual identity with a limited team in under two months, releasing promotional marketing simultaneously. The goal was to make creative coding feel accessible while still prioritizing conceptual depth for more experienced designers.

We built a modular brand system that balanced approachability with modernity, translating across language and cultural contexts. The workshop launched in the U.S. and Mexico, attracting participants from both design and non-design backgrounds.

Deliverables included a full brand package with print posters, stamped notebooks, bilingual instruction guide, screen-printed tote bags, enamel pins, stickers, social media assets with management, and a dedicated webpage, diagrammatics.net.

Lead Designer

Brand Identity

Packaging

Animation

Web Design

Programs

Illustrator

Photoshop

Cargo Site Builder

Code Without Borders

The challenge in branding Juan Manuel Escalante's binational workshop, Diagrammatic Machines, was developing the visual identity with a limited team in under two months, releasing promotional marketing simultaneously. The goal was to make creative coding feel accessible while still prioritizing conceptual depth for more experienced designers.

We built a modular brand system that balanced approachability with modernity, translating across language and cultural contexts. The workshop launched in the U.S. and Mexico, attracting participants from both design and non-design backgrounds.

Deliverables included a full brand package with print posters, stamped notebooks, bilingual instruction guide, screen-printed tote bags, enamel pins, stickers, social media assets with management, and a dedicated webpage, diagrammatics.net.

© 2026

Create a free website with Framer, the website builder loved by startups, designers and agencies.