diff --git a/dotcom-rendering/src/layouts/GalleryLayout.tsx b/dotcom-rendering/src/layouts/GalleryLayout.tsx
index 686fb11030e..53ba3373210 100644
--- a/dotcom-rendering/src/layouts/GalleryLayout.tsx
+++ b/dotcom-rendering/src/layouts/GalleryLayout.tsx
@@ -1,4 +1,5 @@
 import { css } from '@emotion/react';
+import { Masthead } from '../components/Masthead/Masthead';
 import { grid } from '../grid';
 import type { NavType } from '../model/extract-nav';
 import type { Gallery } from '../types/article';
@@ -23,41 +24,63 @@ const border = css({
 	borderStyle: 'solid',
 });
 
-export const GalleryLayout = (props: WebProps | AppProps) => (
-	<>
-		{props.renderingTarget === 'Web' ? 'Masthead' : null}
-		<main>
-			<div css={border}>Labs header</div>
-			<header css={[grid.container]}>
-				<div css={[grid.column.all, border]}>Main media</div>
-				<div
-					css={[
-						border,
-						grid.between('centre-column-start', 'grid-end'),
-					]}
-				>
-					Headline
-				</div>
-				<div
-					css={[
-						border,
-						grid.between('centre-column-start', 'grid-end'),
-					]}
-				>
-					Standfirst
-				</div>
-				<div css={[border, grid.column.left]}>Main media caption</div>
-				<div
-					css={[
-						border,
-						grid.between('centre-column-start', 'grid-end'),
-					]}
-				>
-					Meta
-				</div>
-			</header>
-			<div css={border}>Body</div>
-			<div css={border}>Submeta</div>
-		</main>
-	</>
-);
+export const GalleryLayout = (props: WebProps | AppProps) => {
+	const frontendData = props.gallery.frontendData;
+	return (
+		<>
+			{props.renderingTarget === 'Web' && (
+				<Masthead
+					nav={props.NAV}
+					editionId={frontendData.editionId}
+					idUrl={frontendData.config.idUrl}
+					mmaUrl={frontendData.config.mmaUrl}
+					discussionApiUrl={frontendData.config.discussionApiUrl}
+					idApiUrl={frontendData.config.idApiUrl}
+					contributionsServiceUrl={
+						frontendData.contributionsServiceUrl
+					}
+					showSubNav={false}
+					showSlimNav={true}
+					hasPageSkin={false}
+					hasPageSkinContentSelfConstrain={false}
+					pageId={frontendData.pageId}
+				/>
+			)}
+			<main>
+				<div css={border}>Labs header</div>
+				<header css={[grid.container]}>
+					<div css={[grid.column.all, border]}>Main media</div>
+					<div
+						css={[
+							border,
+							grid.between('centre-column-start', 'grid-end'),
+						]}
+					>
+						Headline
+					</div>
+					<div
+						css={[
+							border,
+							grid.between('centre-column-start', 'grid-end'),
+						]}
+					>
+						Standfirst
+					</div>
+					<div css={[border, grid.column.left]}>
+						Main media caption
+					</div>
+					<div
+						css={[
+							border,
+							grid.between('centre-column-start', 'grid-end'),
+						]}
+					>
+						Meta
+					</div>
+				</header>
+				<div css={border}>Body</div>
+				<div css={border}>Submeta</div>
+			</main>
+		</>
+	);
+};