Escala de espaciado 8pt
Sistema de espaciado basado en múltiplos de 8 (8pt grid) para interfaces consistentes. Genera tu escala, gratis.
Resultado
¿Cómo usar esta herramienta?
Sistema de espaciado basado en múltiplos de 8 (8pt grid).
Escribe tus datos, pulsa Generar escala y obtén el resultado al instante. Puedes copiarlo con el botón «Copiar resultado». Todo se calcula en tu navegador: tus datos no salen de tu dispositivo.
Preguntas frecuentes
¿Cómo genero la escala de espaciado?
Define tu unidad base (normalmente 8) y cuántos pasos quieres; pulsa Generar para obtener la escala de espaciado completa.
¿Qué es el sistema 8pt?
Es un sistema donde todos los espacios son múltiplos de 8px: crea ritmo visual consistente en interfaces.
¿Puedo cambiar la base?
Sí, puedes cambiar la base (por ejemplo a 4) si tu sistema de diseño lo requiere.
¿Tiene algún costo?
No, es 100% gratis. Puedes usarla todas las veces que quieras sin pagar nada.
Herramientas relacionadas de Color y diseño
Sombra de texto
Crea text-shadow personalizadas con vista previa en vivo.
Usar gratisDegradado animado
Fondo con degradado en movimiento: elige colores y velocidad, copia la animación CSS.
Usar gratisNombres de colores HTML
Tabla de referencia con los 148 nombres de colores CSS y su código HEX.
Usar gratisTest de daltonismo
Placas estilo Ishihara para orientarte sobre tu visión del color.
Usar gratisAvatar con iniciales
Crea un avatar SVG con las iniciales de cualquier nombre y tus colores.
Usar gratisFiltros CSS
Aplica filtros (blur, brillo, sepia…) a imágenes con CSS y copia el código.
Usar gratis