LPDP GRONINGEN / CORE

Interaction & Motion

Focus, hover, menus, restrained motion and keyboard access.

Rule grounded in canonical policy · page itself may await approval · Updated 2026-10-31

On this pageInteraction states Reduced-motion preferences

Interaction states

Primary actions use Navy with white text; hover must retain action hierarchy. Focus must remain clearly visible without relying on color alone. Important controls target approximately 44–48px according to the button PRD.

Primary action Secondary action Text link

Reduced-motion preferences

The portal already includes prefers-reduced-motion: reduce. Documentation interactions must honor it and avoid large movements, continuous animation or patterns that disrupt reading.

@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; transition-duration: 0.01ms !important; } }