El regreso del diseño editorial en producto digital

Durante la última década, el diseño digital sufrió una estandarización extrema. Todo se convirtió en tarjetas con bordes redondeados, sombras suaves y tipografías sans-serif genéricas. La usabilidad le ganó a la expresión, y los productos empezaron a parecerse entre sí hasta el punto de no recordar quién es quién.

Pero estamos viendo un cambio. Las marcas premium — y muchas startups que quieren diferenciarse — están volviendo a mirar las revistas impresas de los años 90. Grillas asimétricas, tipografías serif elegantes, jerarquías dramáticas, y un uso audaz del espacio en blanco.

No es retro, es maduración

El diseño editorial no es nostalgia. Es lo que pasa cuando un equipo de producto entiende que la usabilidad ya no es suficiente. Hoy todos saben hacer un formulario que funcione. La diferencia está en cómo te hace sentir leerlo.

Un producto digital no tiene por qué sentirse como una hoja de cálculo. Puede sentirse como una revista de diseño — con jerarquía visual, ritmo de lectura, momentos de pausa.

Los principios que estamos aplicando

• Tipografía como protagonista: una sola serif fuerte (Fraunces, Recoleta, Playfair) más una sans secundaria (Inter Tight, Söhne) cubren el 90% de los casos.
• Grillas rotas a propósito: 12 columnas siguen siendo la base, pero las usamos para crear tensión, no para llenarlas con cards iguales.
• Espacio negativo dramático: márgenes generosos, padding doble, h2 con respiración. El lujo es no llenar el espacio.
• Detalles editoriales: numeración tipo '01 / 05', filetes finos, marcas de párrafo, cabezales de sección con mono.
• Color restringido: una paleta de 4-5 valores. Los acentos brillan porque son escasos.

Cómo se traduce a código

El desafío técnico no es trivial. Una grilla editorial necesita CSS Grid bien dominado, tipografía fluida con clamp(), y un sistema de espaciado que escale por golden ratio en lugar de la escala lineal típica de Tailwind. La accesibilidad no se sacrifica: el contraste se mantiene, los focus states son explícitos, el HTML es semántico.

“Un producto digital no tiene por qué sentirse como una hoja de cálculo. Puede sentirse como una revista.”

— Sofía Laurent · Design Lead

Por qué importa para tu negocio

El diseño editorial no es decoración. Es señal. Cuando un producto se ve cuidado, transmite institucionalidad, oficio, atención al detalle. La gente paga más por productos que se ven premium — el caso de Stripe, Linear o Notion lo demuestra.

Si tu producto se ve igual que el de tres competidores, estás compitiendo por precio. Si se ve distinto y mejor, podés cobrar el doble.