¿Qué es el sistema de espaciado Fibonacci?
En lugar de elegir márgenes y espacios a ojo (12px aquí, 15px allá, 40px más adelante), fijas una única escala de la que sale cada distancia. Usamos la secuencia de Fibonacci: 8, 13, 21, 34, 55, 89 y 144 píxeles. Cada valor es la suma de los dos anteriores, y la proporción entre valores consecutivos se acerca a la proporción áurea (1:1,618), la misma que aparece en las nervaduras de las hojas, las conchas y la arquitectura clásica.
Esa secuencia se define una vez en el código como tokens de diseño y se reutiliza en todas partes. Un título queda a 34px de su encabezado, una sección respira 89px, dos columnas se dividen según la proporción áurea. Así cada distancia no es una decisión suelta, sino una posición en una escala fija.
Por qué la proporción influye en la confianza y la visibilidad
Los visitantes rara vez lo nombran, pero lo sienten: una página con un ritmo coherente parece cuidada y fiable, mientras que un espaciado arbitrario resulta inquieto y amateur. Para una empresa de servicios esa primera impresión es conversión: la confianza se traduce directamente en solicitudes.
También hay una ganancia técnica. Una sola escala de espaciado implica menos decisiones de diseño, un desarrollo más rápido y un layout más predecible, lo que ayuda a evitar el contenido que se desplaza (una señal de Core Web Vitals). Y para los motores de respuesta con IA, el oficio demostrable cuenta como señal de autoridad: una web que fundamenta sistemáticamente su propio diseño transmite experiencia.
Cómo lo aplicamos y cómo lo verificamos
En jongma.dev cada distancia sale de los tokens Fibonacci y la sección hero divide el texto y la visualización de datos según la proporción áurea. No es decoración añadida después, sino el cimiento del layout, igual que en nuestro método construimos el templo: primero el cimiento, luego la estructura.
Para demostrar que encaja, superponemos una capa de proporción de líneas finas sobre la página real: líneas horizontales marcan el ritmo vertical, una línea vertical la división de columnas áurea, y cada distancia medida cae en el valor más cercano de la secuencia. Diseño que puedes medir, no solo mirar.
· Maricio Jongma, Jongma Development