#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); } }

Landingssider

1artikkel i denne kategorien

7 UI rules for better pages: grønn overskrift på indigoblå bakgrunn ved siden av en hvit nettside som viser justering, avstand og visuell sammenheng.

UI-guide: 7 prinsipper for nettsider og landingssider

Lag tydeligere nettsider med sju UI-prinsipper for struktur, justering, størrelse, avstand, gjennomgående stiler og forståelige handlinger.

14. oktober 2026