diff --git a/src/App/Playbook/content/DesignVision/index.js b/src/App/Playbook/content/DesignVision/index.js
index 9bf73aae76..0b48973582 100644
--- a/src/App/Playbook/content/DesignVision/index.js
+++ b/src/App/Playbook/content/DesignVision/index.js
@@ -70,7 +70,7 @@ const ChunkyFriendly = () => (
 			className="container px-sm-0 playbook playbook-mozaic"
 			style={{ radius: "2px" }}
 		>
-			<div className="row d-flex">
+			<div className="row d-flex px-3">
 				<div className="col-sm">
 					<img
 						src={`${basename}img/documentation/playbook/playbook-design-vision-chunky-friendly-1.png`}
@@ -113,8 +113,8 @@ const BoldTypography = () => (
 			className="container px-sm-0 playbook playbook-mozaic"
 			style={{ radius: "2px" }}
 		>
-			<div className="row d-flex">
-				<div className="col-sm-6">
+			<div className="row d-flex px-3">
+				<div className="col-sm">
 					<img
 						src={`${basename}img/documentation/playbook/playbook-design-vision-bold-typo-1.png`}
 						className="w-100"
@@ -122,7 +122,7 @@ const BoldTypography = () => (
 						loading="lazy"
 					/>
 				</div>
-				<div className="col-sm-6">
+				<div className="col-sm">
 					<img
 						src={`${basename}img/documentation/playbook/playbook-design-vision-bold-typo-2.png`}
 						className="w-100"
@@ -148,8 +148,8 @@ const Rounded = () => (
 			className="container px-sm-0 playbook playbook-mozaic"
 			style={{ radius: "2px" }}
 		>
-			<div className="row d-flex">
-				<div className="col-sm-6">
+			<div className="row d-flex px-3">
+				<div className="col-sm">
 					<img
 						className="w-100"
 						src={`${basename}img/documentation/playbook/playbook-design-vision-rounded-1.png`}
@@ -157,7 +157,7 @@ const Rounded = () => (
 						loading="lazy"
 					/>
 				</div>
-				<div className="col-sm-6">
+				<div className="col-sm">
 					<img
 						className="w-100"
 						src={`${basename}img/documentation/playbook/playbook-design-vision-rounded-2.png`}
diff --git a/src/App/Playbook/content/Profiles/index.js b/src/App/Playbook/content/Profiles/index.js
index 505925a06a..b06c58cb44 100644
--- a/src/App/Playbook/content/Profiles/index.js
+++ b/src/App/Playbook/content/Profiles/index.js
@@ -34,9 +34,8 @@ const HowToUse = () => (
 				<h3>Become inspired:</h3>
 				<ul>
 					<li>
-						Look at the examples provided below and in our{" "}
-						<Link to={`./showroom}`}>showroom</Link> and become inspired. Think
-						of the profiles like moodboards if you like.
+						Look at the examples provided below and become inspired. Think of
+						the profiles like moodboards if you like.
 					</li>
 				</ul>
 			</li>
@@ -61,60 +60,18 @@ const Inspiration = () => (
 	<section className="mt-5">
 		<h2 id="inspiration">Inspiration</h2>
 		<p>
-			Here, our focus is on sparking curiosity and engagement. We aim to inspire
-			users to explore and discover through communication jam-packed with
-			expressive design and delightful motion, making every interaction an
-			adventure.
-			<br />
-			<strong>User persona:</strong> Curious explorers, seeking inspiration.
-			<br />
-			<strong>UI objective:</strong> Spark curiosity, engage users, and invite
-			exploration.
-			<br />
-			<strong>Design approach:</strong> Expressive and visually engaging UI with
-			a focus on personality. Utilize delightful motion design elements to
-			surprise and captivate users.
+			We want to spark curiosity and engagement. We aim to inspire users to
+			explore and discover with expressive design and delightful motion, making
+			every interaction an adventure.
+		</p>
+		<p>
+			Conceptual work is important for multiple reasons: it can serve as
+			inspiration and as a guiding star for future projects. The concept work
+			shown below was done as an exercise to explore what the ultimate merchant
+			experience could look like if we didn’t have any restrictions. Much of the
+			design was later reused for the new Omni Portal.
 		</p>
 		<div className="container px-5">
-			<figure>
-				<div
-					className="row mt-5 playbook-mozaic align-items-stretch"
-					style={{ radius: "2px" }}
-				>
-					<div className="col-sm-6 px-0">
-						<img
-							className="w-100 shift-right-1 h-100 object-fit-cover"
-							src={`${basename}img/documentation/playbook/playbook-profiles-content-1.png`}
-							alt="illustration swedbankpay playbook profiles"
-							loading="lazy"
-						/>
-					</div>
-					<div className="col-sm-6 px-0 d-flex flex-column">
-						<video
-							playsInline
-							autoPlay
-							muted
-							loop
-							width={278}
-							height={152}
-							poster={`${basename}img/documentation/playbook/playbook-profiles-content-2.avif`}
-							className="w-100 h-100 object-fit-cover"
-						>
-							<source
-								src={`${basename}img/documentation/playbook/playbook-profiles-content-2-av1.mp4`}
-								type="video/mp4; codecs=av01.0.05M.08,opus"
-							/>
-							<source
-								src={`${basename}img/documentation/playbook/playbook-profiles-content-2.mp4`}
-								type="video/mp4"
-							/>
-						</video>
-					</div>
-				</div>
-				<figcaption className="text-center mt-2">
-					An exploration of marketing material for the terminal, summer 2023.
-				</figcaption>
-			</figure>
 			<figure>
 				<div className="row mt-5 justify-content-between">
 					<div className="col-8 pl-0">
@@ -187,70 +144,6 @@ const LightUI = () => (
 					The terminal design should be easy and quick to use.
 				</figcaption>
 			</figure>
-			<figure>
-				<div className="row mt-5">
-					<div className="col-6 col-sm-3">
-						<picture>
-							<source
-								type="image/avif"
-								srcSet={`${basename}img/documentation/playbook/playbook-profiles-lightui-1.avif`}
-							/>
-							<img
-								className="w-100"
-								src={`${basename}img/documentation/playbook/playbook-profiles-lightui-1.png`}
-								alt="illustration swedbankpay playbook profiles"
-								loading="lazy"
-							/>
-						</picture>
-					</div>
-					<div className="col-6 col-sm-3">
-						<picture>
-							<source
-								type="image/avif"
-								srcSet={`${basename}img/documentation/playbook/playbook-profiles-lightui-2.avif`}
-							/>
-							<img
-								className="w-100"
-								src={`${basename}img/documentation/playbook/playbook-profiles-lightui-2.png`}
-								alt="illustration swedbankpay playbook profiles"
-								loading="lazy"
-							/>
-						</picture>
-					</div>
-					<div className="col-6 col-sm-3 mt-4 mt-sm-0">
-						<picture>
-							<source
-								type="image/avif"
-								srcSet={`${basename}img/documentation/playbook/playbook-profiles-lightui-3.avif`}
-							/>
-							<img
-								className="w-100"
-								src={`${basename}img/documentation/playbook/playbook-profiles-lightui-3.png`}
-								alt="illustration swedbankpay playbook profiles"
-								loading="lazy"
-							/>
-						</picture>
-					</div>
-					<div className="col-6 col-sm-3 mt-4 mt-sm-0">
-						<picture>
-							<source
-								type="image/avif"
-								srcSet={`${basename}img/documentation/playbook/playbook-profiles-lightui-4.avif`}
-							/>
-							<img
-								className="w-100"
-								src={`${basename}img/documentation/playbook/playbook-profiles-lightui-4.png`}
-								alt="illustration swedbankpay playbook profiles"
-								loading="lazy"
-							/>
-						</picture>
-					</div>
-				</div>
-				<figcaption className="text-center mt-2">
-					A new day is a ‘pocket app’ for business owners on-the-go, providing
-					glanceable data and insights.
-				</figcaption>
-			</figure>
 		</div>
 	</section>
 );
@@ -287,48 +180,6 @@ const ExpertUI = () => (
 				<figcaption className="text-center mt-2">Merchant portal</figcaption>
 			</figure>
 		</div>
-		<div className="container px-5">
-			<figure>
-				<div
-					className="row mt-5 justify-content-center"
-					style={{ "--row": "10px" }}
-				>
-					<div className="col-6 col-sm-3">
-						<img
-							className="w-100"
-							src={`${basename}img/documentation/playbook/playbook-profiles-paybylink-1.png`}
-							alt="illustration swedbankpay playbook profiles"
-							loading="lazy"
-						/>
-					</div>
-					<div className="col-6 col-sm-3">
-						<img
-							className="w-100"
-							src={`${basename}img/documentation/playbook/playbook-profiles-paybylink-2.png`}
-							alt="illustration swedbankpay playbook profiles"
-							loading="lazy"
-						/>
-					</div>
-					<div className="col-6 col-sm-3 mt-4 mt-sm-0">
-						<img
-							className="w-100"
-							src={`${basename}img/documentation/playbook/playbook-profiles-paybylink-3.png`}
-							alt="illustration swedbankpay playbook profiles"
-							loading="lazy"
-						/>
-					</div>
-					<div className="col-6 col-sm-3 mt-4 mt-sm-0">
-						<img
-							className="w-100"
-							src={`${basename}img/documentation/playbook/playbook-profiles-paybylink-4.png`}
-							alt="illustration swedbankpay playbook profiles"
-							loading="lazy"
-						/>
-					</div>
-				</div>
-				<figcaption className="text-center mt-2">PaybyLink</figcaption>
-			</figure>
-		</div>
 	</section>
 );
 
@@ -342,11 +193,31 @@ const Profiles = () => (
 			product speaks the language of its users while still keeping with the
 			Swedbank Pay identity.
 		</p>
-		<img
-			className=""
-			src={`${basename}img/documentation/playbook/playbook-profiles-intro.png`}
-			alt="illustration swedbankpay playbook profiles"
-		/>
+		<div
+			className="container px-sm-0 playbook playbook-mozaic"
+			style={{ radius: "2px" }}
+		>
+			<div className="row d-flex px-3">
+				<div className="col-sm">
+					<img
+						src={`${basename}img/documentation/playbook/playbook-profiles-intro-1.jpg`}
+						alt="Playbook illustration"
+					/>
+				</div>
+				<div className="col-sm">
+					<img
+						src={`${basename}img/documentation/playbook/playbook-profiles-intro-2.jpg`}
+						alt="Playbook illustration"
+					/>
+				</div>
+				<div className="col-sm">
+					<img
+						src={`${basename}img/documentation/playbook/playbook-profiles-intro-3.jpg`}
+						alt="Playbook illustration"
+					/>
+				</div>
+			</div>
+		</div>
 		<HowToUse />
 		<DesignProfiles />
 		<Inspiration />
diff --git a/src/App/Playbook/content/Showroom/index.js b/src/App/Playbook/content/Showroom/index.js
deleted file mode 100644
index 4f922fc7b8..0000000000
--- a/src/App/Playbook/content/Showroom/index.js
+++ /dev/null
@@ -1,530 +0,0 @@
-import React from "react";
-import { DocContainer } from "@docutils";
-
-const basename = process.env.basename;
-
-const Showroom = () => (
-	<section>
-		<div
-			className="container px-sm-0 playbook-mozaic"
-			style={{ radius: "2px" }}
-		>
-			<div className="row">
-				<div className="col-sm">
-					<video
-						playsInline
-						autoPlay
-						muted
-						loop
-						style={{ aspectRatio: "16 / 9" }}
-						width={710}
-						height={399}
-						poster={`${basename}img/documentation/playbook/playbook-showroom-1.avif`}
-					>
-						<source
-							src={`${basename}img/documentation/playbook/playbook-showroom-1-av1.mp4`}
-							type="video/mp4; codecs=av01.0.05M.08,opus"
-						/>
-						<source
-							src={`${basename}img/documentation/playbook/playbook-showroom-1.mp4`}
-							type="video/mp4"
-						/>
-					</video>
-				</div>
-			</div>
-			<div className="row mt-3">
-				<div className="col-sm">
-					<picture>
-						{/* <source
-							type="image/avif"
-							media="(min-width: 576px)"
-							srcSet={`${basename}img/documentation/playbook/playbook-showroom-2.avif`}
-						/> */}
-						<img
-							className=""
-							src={`${basename}img/documentation/playbook/playbook-showroom-2.png`}
-							alt="illustration swedbankpay playbook showroom"
-							style={{ "aspect-ratio": "230 / 149" }}
-						/>
-					</picture>
-				</div>
-				<div className="col-sm">
-					<video
-						playsInline
-						autoPlay
-						muted
-						loop
-						width={230}
-						height={149}
-						style={{ "aspect-ratio": "230 / 149" }}
-						poster={`${basename}img/documentation/playbook/playbook-showroom-3.avif`}
-						className="h-100"
-					>
-						<source
-							src={`${basename}img/documentation/playbook/playbook-showroom-3.av1.mp4`}
-							type="video/mp4; codecs=av01.0.05M.08,opus"
-						/>
-						<source
-							src={`${basename}img/documentation/playbook/playbook-showroom-3.mp4`}
-							type="video/mp4"
-						/>
-					</video>
-				</div>
-				<div className="col-sm">
-					<picture>
-						{/* <source
-							type="image/avif"
-							media="(min-width: 576px)"
-							srcSet={`${basename}img/documentation/playbook/playbook-showroom-4.avif`}
-						/> */}
-						<img
-							className=""
-							src={`${basename}img/documentation/playbook/playbook-showroom-4.png`}
-							alt="illustration swedbankpay playbook showroom"
-							style={{ "aspect-ratio": "230 / 149" }}
-						/>
-					</picture>
-				</div>
-			</div>
-			<div className="row mt-3">
-				<div className="col-sm">
-					<picture>
-						{/* <source
-							type="image/avif"
-							media="(min-width: 576px)"
-							srcSet={`${basename}img/documentation/playbook/playbook-showroom-5.avif`}
-						/> */}
-						<img
-							className=""
-							src={`${basename}img/documentation/playbook/playbook-showroom-5.png`}
-							alt="illustration swedbankpay playbook showroom"
-							style={{ "aspect-ratio": "710 / 351" }}
-						/>
-					</picture>
-				</div>
-			</div>
-			<div className="row mt-3">
-				<div className="col-sm">
-					<video
-						playsInline
-						autoPlay
-						muted
-						loop
-						loading="lazy"
-						width={710}
-						height={399}
-						poster={`${basename}img/documentation/playbook/playbook-showroom-6.avif`}
-					>
-						<source
-							src={`${basename}img/documentation/playbook/playbook-showroom-6-av1.mp4`}
-							type="video/mp4; codecs=av01.0.05M.08,opus"
-						/>
-						<source
-							src={`${basename}img/documentation/playbook/playbook-showroom-6.mp4`}
-							type="video/mp4"
-						/>
-					</video>
-				</div>
-			</div>
-			<div className="row mt-3">
-				<div className="col-sm">
-					<video
-						playsInline
-						autoPlay
-						muted
-						loop
-						loading="lazy"
-						width={350}
-						height={196}
-						poster={`${basename}img/documentation/playbook/playbook-showroom-7.avif`}
-					>
-						<source
-							src={`${basename}img/documentation/playbook/playbook-showroom-7-av1.mp4`}
-							type="video/mp4; codecs=av01.0.05M.08,opus"
-						/>
-						<source
-							src={`${basename}img/documentation/playbook/playbook-showroom-7.mp4`}
-							type="video/mp4"
-						/>
-					</video>
-				</div>
-				<div className="col-sm">
-					<video
-						playsInline
-						autoPlay
-						muted
-						loop
-						loading="lazy"
-						width={350}
-						height={196}
-						poster={`${basename}img/documentation/playbook/playbook-showroom-8.avif`}
-					>
-						<source
-							src={`${basename}img/documentation/playbook/playbook-showroom-8-av1.mp4`}
-							type="video/mp4; codecs=av01.0.05M.08,opus"
-						/>
-						<source
-							src={`${basename}img/documentation/playbook/playbook-showroom-8.mp4`}
-							type="video/mp4"
-						/>
-					</video>
-				</div>
-			</div>
-			<div className="row mt-3 justify-content-evenly" style={{ "--gap": "0" }}>
-				<div className="col-5 col-sm-3">
-					<video
-						playsInline
-						autoPlay
-						muted
-						loop
-						loading="lazy"
-						style={{ "aspect-ratio": "178 / 318" }}
-						poster={`${basename}img/documentation/playbook/playbook-showroom-9.avif`}
-						className="h-100"
-					>
-						<source
-							src={`${basename}img/documentation/playbook/playbook-showroom-9-av1.mp4`}
-							type="video/mp4; codecs=av01.0.05M.08,opus"
-						/>
-						<source
-							src={`${basename}img/documentation/playbook/playbook-showroom-9.mp4`}
-							type="video/mp4"
-						/>
-					</video>
-				</div>
-				<div className="col-5 col-sm-3">
-					<video
-						playsInline
-						autoPlay
-						muted
-						loop
-						loading="lazy"
-						style={{ "aspect-ratio": "145 / 318" }}
-						poster={`${basename}img/documentation/playbook/playbook-showroom-10.avif`}
-						className="h-100"
-					>
-						<source
-							src={`${basename}img/documentation/playbook/playbook-showroom-10-av1.mp4`}
-							type="video/mp4; codecs=av01.0.05M.08,opus"
-						/>
-						<source
-							src={`${basename}img/documentation/playbook/playbook-showroom-10.mp4`}
-							type="video/mp4"
-						/>
-					</video>
-				</div>
-				<div className="col-5 col-sm-3 mt-4 mt-sm-0">
-					<video
-						playsInline
-						autoPlay
-						muted
-						loop
-						loading="lazy"
-						style={{ "aspect-ratio": "145 / 318" }}
-						poster={`${basename}img/documentation/playbook/playbook-showroom-11.avif`}
-						className="h-100"
-					>
-						<source
-							src={`${basename}img/documentation/playbook/playbook-showroom-11-av1.mp4`}
-							type="video/mp4; codecs=av01.0.05M.08,opus"
-						/>
-						<source
-							src={`${basename}img/documentation/playbook/playbook-showroom-11.mp4`}
-							type="video/mp4"
-						/>
-					</video>
-				</div>
-				<div className="col-5 col-sm-3 mt-4 mt-sm-0">
-					<video
-						playsInline
-						autoPlay
-						muted
-						loop
-						loading="lazy"
-						style={{ "aspect-ratio": "145 / 318" }}
-						poster={`${basename}img/documentation/playbook/playbook-showroom-12.avif`}
-						className="h-100"
-					>
-						<source
-							src={`${basename}img/documentation/playbook/playbook-showroom-12-av1.mp4`}
-							type="video/mp4; codecs=av01.0.05M.08,opus"
-						/>
-						<source
-							src={`${basename}img/documentation/playbook/playbook-showroom-12.mp4`}
-							type="video/mp4"
-						/>
-					</video>
-				</div>
-			</div>
-			<div className="row mt-3">
-				<div className="col-sm">
-					<video
-						playsInline
-						autoPlay
-						muted
-						loop
-						loading="lazy"
-						width={230}
-						height={149}
-						style={{ "aspect-ratio": "230 / 149" }}
-						poster={`${basename}img/documentation/playbook/playbook-showroom-13.avif`}
-						className="h-100"
-					>
-						<source
-							src={`${basename}img/documentation/playbook/playbook-showroom-13.av1.mp4`}
-							type="video/mp4; codecs=av01.0.05M.08,opus"
-						/>
-						<source
-							src={`${basename}img/documentation/playbook/playbook-showroom-13.mp4`}
-							type="video/mp4"
-						/>
-					</video>
-				</div>
-				<div className="col-sm">
-					<picture>
-						{/* <source
-							type="image/avif"
-							media="(min-width: 576px)"
-							srcSet={`${basename}img/documentation/playbook/playbook-showroom-14.avif`}
-						/> */}
-						<img
-							className=""
-							src={`${basename}img/documentation/playbook/playbook-showroom-14.png`}
-							alt="illustration swedbankpay playbook showroom"
-							loading="lazy"
-							style={{ "aspect-ratio": "16 / 9" }}
-						/>
-					</picture>
-				</div>
-				<div className="col-sm">
-					<picture>
-						{/* <source
-							type="image/avif"
-							media="(min-width: 576px)"
-							srcSet={`${basename}img/documentation/playbook/playbook-showroom-15.avif`}
-						/> */}
-						<img
-							className=""
-							src={`${basename}img/documentation/playbook/playbook-showroom-15.png`}
-							alt="illustration swedbankpay playbook showroom"
-							loading="lazy"
-							style={{ "aspect-ratio": "16 / 9" }}
-						/>
-					</picture>
-				</div>
-			</div>
-			<div className="row mt-3">
-				<div className="col-sm">
-					<video
-						playsInline
-						autoPlay
-						muted
-						loop
-						loading="lazy"
-						width={710}
-						height={399}
-						poster={`${basename}img/documentation/playbook/playbook-showroom-16.avif`}
-					>
-						<source
-							src={`${basename}img/documentation/playbook/playbook-showroom-16-av1.mp4`}
-							type="video/mp4; codecs=av01.0.05M.08,opus"
-						/>
-						<source
-							src={`${basename}img/documentation/playbook/playbook-showroom-16.mp4`}
-							type="video/mp4"
-						/>
-					</video>
-				</div>
-			</div>
-			<div className="row mt-3">
-				<div className="col-sm-4">
-					<picture>
-						{/* <source
-							type="image/avif"
-							media="(min-width: 576px)"
-							srcSet={`${basename}img/documentation/playbook/playbook-showroom-17.avif`}
-						/> */}
-						<img
-							className=""
-							src={`${basename}img/documentation/playbook/playbook-showroom-17.png`}
-							alt="illustration swedbankpay playbook showroom"
-							loading="lazy"
-						/>
-					</picture>
-				</div>
-				<div className="col-sm">
-					<picture>
-						{/* <source
-							type="image/avif"
-							media="(min-width: 576px)"
-							srcSet={`${basename}img/documentation/playbook/playbook-showroom-18.avif`}
-						/> */}
-						<img
-							src={`${basename}img/documentation/playbook/playbook-showroom-18.png`}
-							alt="illustration swedbankpay playbook showroom"
-							loading="lazy"
-						/>
-					</picture>
-				</div>
-			</div>
-			<div className="row mt-3 playbook-showroom-portrait-phones-19 p-4 justify-content-evenly">
-				<div className="col-5 col-sm-2">
-					<picture>
-						{/* <source
-							type="image/avif"
-							media="(min-width: 576px)"
-							srcSet={`${basename}img/documentation/playbook/playbook-showroom-19-1.avif`}
-						/> */}
-						<img
-							className=""
-							src={`${basename}img/documentation/playbook/playbook-showroom-19-1.png`}
-							alt="illustration swedbankpay playbook showroom"
-							style={{ "aspect-ratio": "138 / 300" }}
-							loading="lazy"
-						/>
-					</picture>
-				</div>
-				<div className="col-5 col-sm-2">
-					<video
-						playsInline
-						autoPlay
-						muted
-						loop
-						loading="lazy"
-						width={138}
-						height={300}
-						style={{ "aspect-ratio": "138 / 300", "border-radius": "10px" }}
-						poster={`${basename}img/documentation/playbook/playbook-showroom-19-2.avif`}
-						className="h-100"
-					>
-						<source
-							src={`${basename}img/documentation/playbook/playbook-showroom-19-2-av1.mp4`}
-							type="video/mp4; codecs=av01.0.05M.08,opus"
-						/>
-						<source
-							src={`${basename}img/documentation/playbook/playbook-showroom-19-2.mp4`}
-							type="video/mp4"
-						/>
-					</video>
-				</div>
-				<div className="col-5 mt-4 mt-sm-0 col-sm-2">
-					<picture>
-						{/* <source
-							type="image/avif"
-							media="(min-width: 576px)"
-							srcSet={`${basename}img/documentation/playbook/playbook-showroom-19-3.avif`}
-						/> */}
-						<img
-							className=""
-							src={`${basename}img/documentation/playbook/playbook-showroom-19-3.png`}
-							alt="illustration swedbankpay playbook showroom"
-							style={{ "aspect-ratio": "138 / 300" }}
-							loading="lazy"
-						/>
-					</picture>
-				</div>
-				<div className="col-5 mt-4 mt-sm-0 col-sm-2">
-					<picture>
-						{/* <source
-							type="image/avif"
-							media="(min-width: 576px)"
-							srcSet={`${basename}img/documentation/playbook/playbook-showroom-19-4.avif`}
-						/> */}
-						<img
-							className=""
-							src={`${basename}img/documentation/playbook/playbook-showroom-19-4.png`}
-							alt="illustration swedbankpay playbook showroom"
-							style={{ "aspect-ratio": "138 / 300" }}
-							loading="lazy"
-						/>
-					</picture>
-				</div>
-			</div>
-			<div className="row mt-3">
-				<div className="col-sm">
-					<picture>
-						{/* <source
-							type="image/avif"
-							media="(min-width: 576px)"
-							srcSet={`${basename}img/documentation/playbook/playbook-showroom-20.avif`}
-						/> */}
-						<img
-							className="h-auto"
-							src={`${basename}img/documentation/playbook/playbook-showroom-20.png`}
-							alt="illustration swedbankpay playbook showroom"
-							style={{ "aspect-ratio": "350 / 196" }}
-							loading="lazy"
-						/>
-					</picture>
-				</div>
-				<div className="col-sm">
-					<video
-						playsInline
-						autoPlay
-						muted
-						loop
-						loading="lazy"
-						width={350}
-						height={196}
-						style={{ "aspect-ratio": "350 / 196" }}
-						poster={`${basename}img/documentation/playbook/playbook-showroom-21.avif`}
-						className="h-auto"
-					>
-						<source
-							src={`${basename}img/documentation/playbook/playbook-showroom-21-av1.mp4`}
-							type="video/mp4; codecs=av01.0.05M.08,opus"
-						/>
-						<source
-							src={`${basename}img/documentation/playbook/playbook-showroom-21.mp4`}
-							type="video/mp4"
-						/>
-					</video>
-				</div>
-			</div>
-			<div className="row mt-3">
-				<div className="col-sm">
-					<picture>
-						{/* <source
-							type="image/avif"
-							media="(min-width: 576px)"
-							srcSet={`${basename}img/documentation/playbook/playbook-showroom-22.avif`}
-						/> */}
-						<img
-							className=""
-							src={`${basename}img/documentation/playbook/playbook-showroom-22.png`}
-							alt="illustration swedbankpay playbook showroom"
-							loading="lazy"
-							style={{ "aspect-ratio": "350 / 196" }}
-						/>
-					</picture>
-				</div>
-				<div className="col-sm">
-					<picture>
-						{/* <source
-							type="image/avif"
-							media="(min-width: 576px)"
-							srcSet={`${basename}img/documentation/playbook/playbook-showroom-23.avif`}
-						/> */}
-						<img
-							className=""
-							src={`${basename}img/documentation/playbook/playbook-showroom-23.png`}
-							alt="illustration swedbankpay playbook showroom"
-							loading="lazy"
-							style={{ "aspect-ratio": "350 / 196" }}
-						/>
-					</picture>
-				</div>
-			</div>
-		</div>
-	</section>
-);
-
-const Profiles = () => (
-	<DocContainer>
-		<Showroom />
-	</DocContainer>
-);
-
-export default Profiles;
-
-export {};
diff --git a/src/App/routes/playbook.js b/src/App/routes/playbook.js
index 7fed943ece..777ffd7d60 100644
--- a/src/App/routes/playbook.js
+++ b/src/App/routes/playbook.js
@@ -39,13 +39,6 @@ module.exports = [
 				componentPath: "content/Profiles",
 				text: "The profiles are UI/UX styles that speak to different products, contexts and user groups",
 			},
-			{
-				title: "Showroom",
-				path: "showroom",
-				rootPath: "/playbook/showroom",
-				componentPath: "content/Showroom",
-				text: "See examples from our visual language",
-			},
 		],
 	},
 ];
diff --git a/src/img/swedbankpay/documentation/playbook/playbook-design-vision-colors-1.png b/src/img/swedbankpay/documentation/playbook/playbook-design-vision-colors-1.png
index 063d7a5b56..6691fb60fc 100644
Binary files a/src/img/swedbankpay/documentation/playbook/playbook-design-vision-colors-1.png and b/src/img/swedbankpay/documentation/playbook/playbook-design-vision-colors-1.png differ
diff --git a/src/img/swedbankpay/documentation/playbook/playbook-design-vision-colors-8.png b/src/img/swedbankpay/documentation/playbook/playbook-design-vision-colors-8.png
index 0b401e0dba..ae7ca34e4f 100644
Binary files a/src/img/swedbankpay/documentation/playbook/playbook-design-vision-colors-8.png and b/src/img/swedbankpay/documentation/playbook/playbook-design-vision-colors-8.png differ
diff --git a/src/img/swedbankpay/documentation/playbook/playbook-profiles-expert-1.png b/src/img/swedbankpay/documentation/playbook/playbook-profiles-expert-1.png
index e754aac297..0fe5f4f9fc 100644
Binary files a/src/img/swedbankpay/documentation/playbook/playbook-profiles-expert-1.png and b/src/img/swedbankpay/documentation/playbook/playbook-profiles-expert-1.png differ
diff --git a/src/img/swedbankpay/documentation/playbook/playbook-profiles-intro-1.jpg b/src/img/swedbankpay/documentation/playbook/playbook-profiles-intro-1.jpg
new file mode 100644
index 0000000000..ff5419c233
Binary files /dev/null and b/src/img/swedbankpay/documentation/playbook/playbook-profiles-intro-1.jpg differ
diff --git a/src/img/swedbankpay/documentation/playbook/playbook-profiles-intro-2.jpg b/src/img/swedbankpay/documentation/playbook/playbook-profiles-intro-2.jpg
new file mode 100644
index 0000000000..e546abc1c9
Binary files /dev/null and b/src/img/swedbankpay/documentation/playbook/playbook-profiles-intro-2.jpg differ
diff --git a/src/img/swedbankpay/documentation/playbook/playbook-profiles-intro-3.jpg b/src/img/swedbankpay/documentation/playbook/playbook-profiles-intro-3.jpg
new file mode 100644
index 0000000000..4c2186522a
Binary files /dev/null and b/src/img/swedbankpay/documentation/playbook/playbook-profiles-intro-3.jpg differ
diff --git a/src/img/swedbankpay/documentation/playbook/playbook-profiles-intro.png b/src/img/swedbankpay/documentation/playbook/playbook-profiles-intro.png
deleted file mode 100644
index ec0b0c43a6..0000000000
Binary files a/src/img/swedbankpay/documentation/playbook/playbook-profiles-intro.png and /dev/null differ
diff --git a/src/less/documentation-swedbankpay.less b/src/less/documentation-swedbankpay.less
index cb8b29408b..b4ab6863e2 100644
--- a/src/less/documentation-swedbankpay.less
+++ b/src/less/documentation-swedbankpay.less
@@ -779,10 +779,6 @@
 			}
 		}
 
-		.playbook-showroom-portrait-phones-19 {
-			background-color: var(--brand-primary-light-3);
-		}
-
 		.playbook-glued-grid {
 			.row {
 				padding-left: 1px;