diff --git a/packages/webui/src/client/ui/App.tsx b/packages/webui/src/client/ui/App.tsx
index 218a502058..33b2d3713e 100644
--- a/packages/webui/src/client/ui/App.tsx
+++ b/packages/webui/src/client/ui/App.tsx
@@ -159,7 +159,8 @@ export const App: React.FC = function App() {
 					<ErrorBoundary>
 						<Switch>
 							<Route path="/rundown/:playlistId" component={NullComponent} />
-							<Route path="/countdowns/:studioId" component={NullComponent} />
+							{/* The ClockView index should show heders. Any pages inside should not */}
+							<Route path="/countdowns/:studioId/:page" component={NullComponent} />
 							<Route path="/activeRundown" component={NullComponent} />
 							<Route path="/prompter/:studioId" component={NullComponent} />
 							<Route
diff --git a/packages/webui/src/client/ui/ClockView/ClockView.tsx b/packages/webui/src/client/ui/ClockView/ClockView.tsx
index af76d0cb08..e75add9c11 100644
--- a/packages/webui/src/client/ui/ClockView/ClockView.tsx
+++ b/packages/webui/src/client/ui/ClockView/ClockView.tsx
@@ -1,4 +1,4 @@
-import { Switch, Route, Redirect } from 'react-router-dom'
+import { Switch, Route } from 'react-router-dom'
 import { useSubscription, useTracker } from '../../lib/ReactMeteorData/react-meteor-data.js'
 
 import { RundownTimingProvider } from '../RundownView/RundownTiming/RundownTimingProvider.js'
@@ -13,6 +13,8 @@ import { StudioId } from '@sofie-automation/corelib/dist/dataModel/Ids'
 import { CameraScreen } from './CameraScreen/index.js'
 import { MeteorPubSub } from '@sofie-automation/meteor-lib/dist/api/pubsub'
 import { useTranslation } from 'react-i18next'
+import { ClockViewIndex } from './ClockViewIndex.js'
+import { MultiviewScreen } from './MultiviewScreen.js'
 
 export function ClockView({ studioId }: Readonly<{ studioId: StudioId }>): JSX.Element {
 	useSubscription(MeteorPubSub.rundownPlaylistForStudio, studioId, true)
@@ -29,7 +31,7 @@ export function ClockView({ studioId }: Readonly<{ studioId: StudioId }>): JSX.E
 
 	return (
 		<Switch>
-			<Route path="/countdowns/:studioId/presenter">
+			<Route exact path="/countdowns/:studioId/presenter">
 				{playlist ? (
 					<RundownTimingProvider playlist={playlist}>
 						<PresenterScreen playlistId={playlist._id} studioId={studioId} />
@@ -38,7 +40,7 @@ export function ClockView({ studioId }: Readonly<{ studioId: StudioId }>): JSX.E
 					<StudioScreenSaver studioId={studioId} ownBackground={true} screenName={t('Presenter Screen')} />
 				)}
 			</Route>
-			<Route path="/countdowns/:studioId/director">
+			<Route exact path="/countdowns/:studioId/director">
 				{playlist ? (
 					<RundownTimingProvider playlist={playlist}>
 						<DirectorScreen playlistId={playlist._id} studioId={studioId} />
@@ -47,7 +49,7 @@ export function ClockView({ studioId }: Readonly<{ studioId: StudioId }>): JSX.E
 					<StudioScreenSaver studioId={studioId} ownBackground={true} screenName={t("Director's Screen")} />
 				)}
 			</Route>
-			<Route path="/countdowns/:studioId/overlay">
+			<Route exact path="/countdowns/:studioId/overlay">
 				{playlist ? (
 					<RundownTimingProvider playlist={playlist}>
 						<OverlayScreen playlistId={playlist._id} studioId={studioId} />
@@ -56,13 +58,19 @@ export function ClockView({ studioId }: Readonly<{ studioId: StudioId }>): JSX.E
 					<OverlayScreenSaver studioId={studioId} />
 				)}
 			</Route>
-			<Route path="/countdowns/:studioId/camera">
+			<Route exact path="/countdowns/:studioId/camera">
 				<RundownTimingProvider playlist={playlist}>
 					<CameraScreen playlist={playlist} studioId={studioId} />
 				</RundownTimingProvider>
 			</Route>
-			<Route>
-				<Redirect to="/" />
+			<Route exact path="/countdowns/:studioId/multiview">
+				<MultiviewScreen studioId={studioId} />
+			</Route>
+			<Route exact path="/countdowns/:studioId">
+				<ClockViewIndex studioId={studioId} />
+			</Route>
+			<Route path="*">
+				<div>404 - Page not found</div>
 			</Route>
 		</Switch>
 	)
diff --git a/packages/webui/src/client/ui/ClockView/ClockViewIndex.tsx b/packages/webui/src/client/ui/ClockView/ClockViewIndex.tsx
new file mode 100644
index 0000000000..509bc9a2d6
--- /dev/null
+++ b/packages/webui/src/client/ui/ClockView/ClockViewIndex.tsx
@@ -0,0 +1,45 @@
+import { Link } from 'react-router-dom'
+import { useTranslation } from 'react-i18next'
+import { StudioId } from '@sofie-automation/corelib/dist/dataModel/Ids'
+import Container from 'react-bootstrap/esm/Container'
+
+export function ClockViewIndex({ studioId }: Readonly<{ studioId: StudioId }>): JSX.Element {
+	const { t } = useTranslation()
+
+	return (
+		<Container fluid="true" className="header-clear">
+			<section className="mt-5 mx-5">
+				<header className="my-2">
+					<h1>{t('Available Screens for Studio {{studioId}}', { studioId })}</h1>
+				</header>
+				<section className="my-5">
+					<ul>
+						<li>
+							<Link to={`/countdowns/${studioId}/presenter`}>{t('Presenter Screen')}</Link>
+						</li>
+						<li>
+							<Link to={`/countdowns/${studioId}/director`}>{t('Director Screen')}</Link>
+						</li>
+						<li>
+							<Link to={`/countdowns/${studioId}/overlay`}>{t('Overlay Screen')}</Link>
+						</li>
+						<li>
+							<Link to={`/countdowns/${studioId}/camera`}>{t('Camera Screen')}</Link>
+						</li>
+						<li>
+							<Link to={`/prompter/${studioId}`}>{t('Prompter Screen')}</Link>
+						</li>
+						<li>
+							<Link to={`/countdowns/${studioId}/multiview`}>{t('All Screens in a MultiViewer')}</Link>
+						</li>
+					</ul>
+					<ul>
+						<li>
+							<Link to={`/activeRundown/${studioId}`}>{t('Active Rundown View')}</Link>
+						</li>
+					</ul>
+				</section>
+			</section>
+		</Container>
+	)
+}
diff --git a/packages/webui/src/client/ui/ClockView/MultiviewScreen.scss b/packages/webui/src/client/ui/ClockView/MultiviewScreen.scss
new file mode 100644
index 0000000000..8c6403d3ef
--- /dev/null
+++ b/packages/webui/src/client/ui/ClockView/MultiviewScreen.scss
@@ -0,0 +1,56 @@
+.multiview-grid {
+	display: grid;
+	grid-template-columns: 1fr 1fr 1fr 1fr;
+	grid-template-rows: 1fr 1fr 1fr 1fr;
+	gap: 10px;
+	height: 100vh;
+	width: 100vw;
+	padding: 10px;
+	box-sizing: border-box;
+	background: black;
+}
+
+.multiview-item {
+	display: flex;
+	flex-direction: column;
+	border: 2px solid #cc0;
+
+	iframe {
+		flex: 1;
+		width: 100%;
+		border: none;
+		background: repeating-conic-gradient(#ddd 0% 25%, #eee 0% 50%) 50% / 40px 40px;
+	}
+}
+
+.multiview-label {
+	padding: 8px;
+	text-align: center;
+	background-color: #f0f0f0;
+	font-weight: bold;
+}
+
+.multiview-presenter {
+	grid-column: 1 / 3;
+	grid-row: 1 / 3;
+}
+
+.multiview-director {
+	grid-column: 3 / 5;
+	grid-row: 1 / 3;
+}
+
+.multiview-prompter {
+	grid-column: 1 / 3;
+	grid-row: 3 / 5;
+}
+
+.multiview-overlay {
+	grid-column: 3 / 5;
+	grid-row: 3 / 4;
+}
+
+.multiview-camera {
+	grid-column: 3 / 5;
+	grid-row: 4 / 5;
+}
diff --git a/packages/webui/src/client/ui/ClockView/MultiviewScreen.tsx b/packages/webui/src/client/ui/ClockView/MultiviewScreen.tsx
new file mode 100644
index 0000000000..477f93c15c
--- /dev/null
+++ b/packages/webui/src/client/ui/ClockView/MultiviewScreen.tsx
@@ -0,0 +1,33 @@
+import { StudioId } from '@sofie-automation/corelib/dist/dataModel/Ids'
+import './MultiviewScreen.scss'
+
+interface MultiviewScreenProps {
+	studioId: StudioId
+}
+
+export function MultiviewScreen({ studioId }: Readonly<MultiviewScreenProps>): JSX.Element {
+	return (
+		<div className="multiview-grid">
+			<div className="multiview-item multiview-presenter">
+				<iframe src={`/countdowns/${studioId}/presenter`} title="Presenter Screen" />
+				<div className="multiview-label">Presenter Screen</div>
+			</div>
+			<div className="multiview-item multiview-director">
+				<iframe src={`/countdowns/${studioId}/director`} title="Director Screen" />
+				<div className="multiview-label">Director Screen</div>
+			</div>
+			<div className="multiview-item multiview-prompter">
+				<iframe src={`/prompter/${studioId}`} title="Prompter" />
+				<div className="multiview-label">Prompter</div>
+			</div>
+			<div className="multiview-item multiview-overlay">
+				<iframe src={`/countdowns/${studioId}/overlay`} title="Overlay Screen" />
+				<div className="multiview-label">Overlay Screen</div>
+			</div>
+			<div className="multiview-item multiview-camera">
+				<iframe src={`/countdowns/${studioId}/camera`} title="Camera Screen" />
+				<div className="multiview-label">Camera Screen</div>
+			</div>
+		</div>
+	)
+}