Building a unified design system for the Institute of Marine Research's digital products across light and dark themes.
2025-now
Client
Havforskningsinstituttet
The Institute of Marine Research develops digital tools for marine research and field operations. The IMR design system gives product teams a shared foundation built on structured Figma component architecture — variants, properties, Auto Layout, and Variables — across web and mobile.
Led the IMR design system process — defining foundations, component architecture, and usage standards so product teams could build consistently across web and mobile.
Defined core foundations — colour, typography, spacing, and component scope, with parallel light and dark themes.
Architected Figma components for scale — variants, component properties, and Auto Layout structured so teams could reuse the same building blocks across products and contexts.
Variants: States and themes, not duplicate frames
Properties: Swap options, keep structure intact.
Auto Layout: Built to resize, not redraw.
Variables & tokens: One token set, two themes.
Connected design to tokens through Figma Variables and token definitions — giving the system a single source of truth for theming instead of manual overrides.
Documented reusable patterns for research workflows — data-heavy tables, forms, and navigation — so teams ship consistent experiences without redesigning the basics each time.
Role
Design system lead
UX designer
