diff --git a/src/app.html b/src/app.html
index f9c19af..c74654a 100644
--- a/src/app.html
+++ b/src/app.html
@@ -2,11 +2,31 @@
 <html lang="en">
 	<head>
 		<title>Sangelo's Space</title>
+
 		<meta charset="utf-8" />
-		<link rel="icon" href="%sveltekit.assets%/favicon.ico" />
 		<meta name="viewport" content="width=device-width, initial-scale=1" />
+		<meta name="title" content="Sangelo's Space" />
+		<meta property="og:type" content="website" />
+		<meta property="og:url" content="https://sangelo.space/" />
+		<meta property="og:title" content="Sangelo's Space" />
+		<meta property="og:image" content="https://sangelo.space/assets/img/meta-banner.png" />
+		<meta name="theme-color" content="#00C4FB">
+		<meta
+			property="og:description"
+			content="Hello World! I'm a guy who does stuff.
+
+I enjoy creating a variety of things, including UI prototypes, scripts, and programs.
+Although I'm new to programming, I love learning new languages. I support open-source software and design my workflow around it, using Linux and self-hosted tools daily."
+		/>
+
+		<meta property="twitter:card" content="summary_large_image" />
+
+		<link rel="icon" href="%sveltekit.assets%/favicon.ico" />
 		<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet" />
-		<script type="module" src="https://cdn.jsdelivr.net/gh/zerodevx/zero-md@2/dist/zero-md.min.js"></script>
+		<script
+			type="module"
+			src="https://cdn.jsdelivr.net/gh/zerodevx/zero-md@2/dist/zero-md.min.js"
+		></script>
 		%sveltekit.head%
 	</head>
 	<body data-sveltekit-preload-data="hover">
diff --git a/static/assets/img/meta-banner.png b/static/assets/img/meta-banner.png
new file mode 100644
index 0000000..25d7ccf
Binary files /dev/null and b/static/assets/img/meta-banner.png differ
