"The logo shows exactly how the product works. The name was always the diagram."
"El logo muestra exactamente cómo funciona el producto. El nombre siempre fue el diagrama."
The Mark
El Símbolo
Three layers. One diagram. The whole product.
Tres capas. Un diagrama. Todo el producto.
A SaaS product built on layered architecture needed a brand identity that could communicate complex functionality — without becoming technical, cold, or hard to explain to non-technical stakeholders.
Un producto SaaS construido sobre arquitectura por capas necesitaba una identidad que pudiera comunicar funcionalidad compleja — sin volverse técnica, fría ni difícil de explicar para audiencias no técnicas.
The product was already named Capa — Spanish for "layer." The challenge was to honor the depth of that metaphor without getting lost in abstraction. The brand needed to feel precise, modern, and instantly legible across digital environments.
El producto ya se llamaba Capa — español para "capa." El reto era honrar la profundidad de esa metáfora sin perderse en la abstracción. La marca necesitaba sentirse precisa, moderna y legible de inmediato en entornos digitales.
The name had been hiding the solution all along. Capa is a layer. The logo could be the product diagram — not a metaphor for the product, but a literal map of how it works.
El nombre escondía la solución desde siempre. Capa es una capa. El logo podía ser el diagrama del producto — no una metáfora del producto, sino un mapa literal de cómo funciona.
"Don't illustrate what the product does. Make the logo be what the product does."
"No ilustres lo que hace el producto. Haz que el logo sea lo que hace el producto."
Three overlapping translucent rectangles — each one a layer — stacked to create depth, structure, and interaction. The mark communicates the product concept in a single glance, without a single word of explanation.
Tres rectángulos translúcidos superpuestos — cada uno una capa — apilados para crear profundidad, estructura e interacción. El símbolo comunica el concepto del producto en un vistazo, sin una sola palabra de explicación.
The core mark: three overlapping translucent rectangles, precisely arranged to evoke software UI, data layers, and structural depth. No curves, no decoration — everything engineered to read as interface, not illustration.
El símbolo central: tres rectángulos translúcidos superpuestos, precisamente ordenados para evocar interfaz de software, capas de datos y profundidad estructural. Sin curvas, sin decoración — todo diseñado para leerse como interfaz, no como ilustración.
The color system became the brand's emotional range: a full-spectrum gradient from blue through violet to coral — each color representing a distinct functional layer, readable across light and dark UI contexts.
El sistema de color se convirtió en el rango emocional de la marca: un gradiente de espectro completo de azul a violeta y coral — cada color representando una capa funcional distinta, legible en contextos de UI claros y oscuros.
Typography was chosen for geometric precision: a modern sans-serif that felt native to product UI, paired with a humanist weight for long-form documentation and pitch decks. The typeface system works at every scale — from mobile icon to conference presentation.
La tipografía fue elegida por su precisión geométrica: una sans-serif moderna que se sentía nativa de la UI de producto, acompañada de un peso humanista para documentación y decks de presentación. El sistema tipográfico funciona a toda escala — desde icono móvil hasta presentación de conferencia.
Typography
Tipografía
Brand in Context
La Marca en Contexto
"Replace this with the client quote." "Reemplaza esto con la cita del cliente."