diff --git a/src/component/core/head.astro b/src/component/core/head.astro
new file mode 100644
index 0000000..9ee8080
--- /dev/null
+++ b/src/component/core/head.astro
@@ -0,0 +1,15 @@
+---
+
+const {
+    title
+} = Astro.props
+
+---
+
+<head>
+    <meta charset="utf-8" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <meta name="viewport" content="width=device-width" />
+    <meta name="generator" content={Astro.generator} />
+    <title>{title}</title>
+</head>
diff --git a/src/component/core/layout.astro b/src/component/core/layout.astro
new file mode 100644
index 0000000..3b4bab9
--- /dev/null
+++ b/src/component/core/layout.astro
@@ -0,0 +1,18 @@
+---
+import Head from "./head.astro";
+
+const {
+    title = "Memento"
+} = Astro.props
+
+---
+
+<html>
+    <Head
+        title={title}
+    />
+
+    <body>
+        <slot />
+    </body>
+</html>
\ No newline at end of file
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 7072961..0ba52dc 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,5 +1,6 @@
 ---
 import "../styles/global.css"
+import Layout from "../component/core/layout.astro"
 ---
 
 <script>
@@ -43,16 +44,8 @@ import "../styles/global.css"
 </script>
 
 
-<html lang="en">
-	<head>
-		<meta charset="utf-8" />
-		<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
-		<meta name="viewport" content="width=device-width" />
-		<meta name="generator" content={Astro.generator} />
-		<title>Astro</title>
-	</head>
-	<body>
-		<h1>Astro</h1>
+<Layout>
+	<h1>Astro</h1>
 		<div id="editor">
 			<p>Hello World!</p>
 			<p>Some initial <strong>bold</strong> text</p>
@@ -69,5 +62,4 @@ import "../styles/global.css"
 		<div id="result">
 
 		</div>
-	</body>
-</html>
+</Layout>
\ No newline at end of file
