diff --git a/web/index.html b/web/index.html
index ad73161..0ba0d82 100644
--- a/web/index.html
+++ b/web/index.html
@@ -8,7 +8,14 @@
 		<script type="module" src="traveldrafter.js"></script>
 	</head>
 	<body>
-		<div id="journeys-search-button">Search journeys</div>
+		<div id="menu">
+			<div id="journeys-search-button">Search journeys</div>
+		</div>
+
+		<div id="drafting-board">
+			<div id="drafting-board-content"></div>
+		</div>
+
 		<div id="journeys-search" class="popup">
 			<div class="popup-close">&times;</div>
 			<div id="journeys-search-content" class="popup-content">
diff --git a/web/style.css b/web/style.css
index f63a12f..a5135fa 100644
--- a/web/style.css
+++ b/web/style.css
@@ -1,5 +1,8 @@
 * {
 	font-family: sans-serif;
+	padding: 0;
+	margin: 0;
+	box-sizing: border-box;
 }
 
 .container {
@@ -60,3 +63,20 @@ input.form-control {
 	border-width: 1px;
 	font-size: 2em;
 }
+
+#drafting-board {
+	background-color: #f5a4d1;
+	width: 100%;
+	min-height: 50px;
+
+	padding: 20px;
+	overflow: scroll;
+}
+
+#drafting-board-content {
+	border-color: red;
+	border-width: 1px;
+	border-style: solid;
+	min-width: 1000px;
+	min-height: 300px;
+}
