diff --git a/src/app.html b/src/app.html
index 5b53ef7..186c195 100644
--- a/src/app.html
+++ b/src/app.html
@@ -1,12 +1,15 @@
 <!DOCTYPE html>
-<html lang="en">
-	<head>
-		<meta charset="utf-8" />
-		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
-		<meta name="viewport" content="width=device-width" />
-		%sveltekit.head%
-	</head>
-	<body>
-		<div>%sveltekit.body%</div>
-	</body>
+<html lang="es">
+
+<head>
+	<meta charset="utf-8" />
+	<link rel="icon" href="%sveltekit.assets%/favicon.ico" />
+	<meta name="viewport" content="width=device-width" />
+	%sveltekit.head%
+</head>
+
+<body>
+	<div>%sveltekit.body%</div>
+</body>
+
 </html>
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index e2ff399..ea2d1f2 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -1,33 +1,36 @@
 <script>
-    import Form from '$lib/form/Form.svelte'
-    import Preview from '$lib/preview/Preview.svelte'
+	import Form from '$lib/form/Form.svelte';
+	import Preview from '$lib/preview/Preview.svelte';
 </script>
 
 <svelte:head>
-    <title>Home</title>
-    <meta name="description" content="Svelte demo app" />
+	<title>Carteles DMD</title>
+	<meta
+		name="description"
+		content="Aplicación para la generación automática de carteles de actividades de DMD"
+	/>
 </svelte:head>
 
 <div class="main">
-    <section class="form"><Form /></section>
-    <section class="preview"><Preview /></section>
+	<section class="form"><Form /></section>
+	<section class="preview"><Preview /></section>
 </div>
 
 <style>
-    .main {
-	display: grid;
-	grid-template-columns: minmax(200px, 1fr) minmax(480px, min-content);
-	grid-gap: 0.5rem;
-	min-height: calc(100vh - 5rem);
-    }
-    .form {
-	grid-column: 1/2;
-	background-color: rgb(230,240,240);
-    }
+	.main {
+		display: grid;
+		grid-template-columns: minmax(200px, 1fr) minmax(480px, min-content);
+		grid-gap: 0.5rem;
+		min-height: calc(100vh - 5rem);
+	}
+	.form {
+		grid-column: 1/2;
+		background-color: rgb(230, 240, 240);
+	}
 
-    .preview {
-	grid-column: 2/3;
-	min-height: 200px;
-	background-color: rgb(240,238,240);
-    }
+	.preview {
+		grid-column: 2/3;
+		min-height: 200px;
+		background-color: rgb(240, 238, 240);
+	}
 </style>
diff --git a/static/android-chrome-192x192.png b/static/android-chrome-192x192.png
new file mode 100644
index 0000000..9663f8c
Binary files /dev/null and b/static/android-chrome-192x192.png differ
diff --git a/static/android-chrome-512x512.png b/static/android-chrome-512x512.png
new file mode 100644
index 0000000..dbea629
Binary files /dev/null and b/static/android-chrome-512x512.png differ
diff --git a/static/apple-touch-icon.png b/static/apple-touch-icon.png
new file mode 100644
index 0000000..5959e64
Binary files /dev/null and b/static/apple-touch-icon.png differ
diff --git a/static/favicon-16x16.png b/static/favicon-16x16.png
new file mode 100644
index 0000000..4bdfba7
Binary files /dev/null and b/static/favicon-16x16.png differ
diff --git a/static/favicon-32x32.png b/static/favicon-32x32.png
new file mode 100644
index 0000000..5783100
Binary files /dev/null and b/static/favicon-32x32.png differ
diff --git a/static/favicon.ico b/static/favicon.ico
new file mode 100644
index 0000000..9fce776
Binary files /dev/null and b/static/favicon.ico differ
diff --git a/static/site.webmanifest b/static/site.webmanifest
new file mode 100644
index 0000000..45dc8a2
--- /dev/null
+++ b/static/site.webmanifest
@@ -0,0 +1 @@
+{"name":"","short_name":"","icons":[{"src":"/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},{"src":"/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],"theme_color":"#ffffff","background_color":"#ffffff","display":"standalone"}
\ No newline at end of file
