Offcanvas
overlay thumb
Luna by Sainsbury’s

Luna by Sainsbury’s

Luna is Sainsbury’s design system, focused on delivering a seamless and consistent customer experience across platforms.

Guidelines Website: Provides best practices and resources for designers, developers, and external agencies working with Sainsbury’s.
React Component Libraries: Includes the Fable web component library to support UI needs across all Sainsbury’s brands.
Figma UI Libraries: Offers core components, styles, icon sets, and assets that align with the codebase for seamless design-development collaboration.
Consistency: Ensures uniform design and user experience across Sainsbury’s, Argos, Habitat, Nectar, Tu, and Sainsbury’s Bank.
Accessibility: Meets accessibility standards to enhance usability for all customers.
Efficiency: Provides reusable components and guidelines, reducing duplication and enabling teams to focus on innovation.
UI Design Kits: Downloadable Figma UI kits tailored for various Sainsbury’s brands.
Codebase: Offers tools and resources to help developers build applications that align with Luna’s design standards.