#nav-wrapper { position: relative; top: auto; padding-top: 12px; } #nav-wrapper .km-nav-shell { flex-wrap: wrap; gap: 16px; } #nav-menu { position: static; width: 100%; max-width: 40rem; max-height: none; margin-top: 0; visibility: visible; opacity: 1; transform: none; pointer-events: auto; } #nav-dock { --km-dock-count: 4; grid-template-columns: repeat(4, minmax(0, 1fr)); } #nav-toggle { display: none; } @media (width < 1280px) { #nav-dock[data-active-index="4"] :is(.km-dock-spotlight, .km-dock-light-mask) { display: none; } } @media (min-width: 1280px) { #nav-dock { --km-dock-count: 5; grid-template-columns: repeat(5, minmax(0, 1fr)); } #nav-dock[data-active-desktop-index="5"] :is(.km-dock-spotlight, .km-dock-light-mask) { display: none; } #nav-wrapper { padding-top: calc(var(--km-nav-top) + var(--km-nav-dock-height) + 1rem); } }

Diseño UI

1artículo

7 UI rules for better pages: título verde sobre fondo índigo junto a una página blanca que ilustra la alineación, el espaciado y la coherencia visual.

Guía UI: 7 principios para páginas web y landing pages

Crea páginas más claras con siete principios UI sobre estructura, alineación, tamaños, espaciado, estilos coherentes e interacciones fáciles de entender.

14 de octubre de 2026