Lighthouse Design System

A design system for Stena Line internal applications, built from modular principles, an 8-point grid, and close collaboration with development.

Client
Stena Line
Role
UX / UI design
Focus
Components, documentation, implementation
Year
2019
Lighthouse design system cover
Lighthouse Design SystemPlate 01
01 Problem

Multiple internal applications needed a shared UI language. Without a system, each team repeated decisions and shipped inconsistent interfaces.

02 Contribution
  • Defined foundations for spacing, typography, hierarchy, layout, and component behavior.
  • Structured the system around modular, simple, modern, and clean principles.
  • Started with Trello component cards, then moved roadmap and delivery tracking into Azure DevOps.
  • Worked with developers to build and validate React components in Storybook before product implementation.
03 Outcome

Lighthouse became one source of truth for internal product teams, improving consistency, collaboration, and delivery efficiency.

Selected screens

13 plates · click to enlarge