diff --git a/src/App.vue b/src/App.vue
index d5145a1..28efa5f 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -7,6 +7,7 @@
     <router-link to="/companies/">{{ $t('menu.companies') }}</router-link>
     <router-link to="/messages/">{{ $t('menu.messages') }}</router-link>
     <router-link to="/settings/">{{ $t('menu.settings') }}</router-link>
+    <router-link to="/login/">{{ $t('menu.login') }}</router-link>
   </div>
   <router-view />
 </template>
diff --git a/src/assets/scss/base/components/form.scss b/src/assets/scss/base/components/form.scss
new file mode 100644
index 0000000..3632f9c
--- /dev/null
+++ b/src/assets/scss/base/components/form.scss
@@ -0,0 +1,8 @@
+.form {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+
+  &--centered {
+    margin: 0 auto;
+  }
+}
diff --git a/src/assets/scss/base/main.scss b/src/assets/scss/base/main.scss
index ca6bb05..0217f63 100644
--- a/src/assets/scss/base/main.scss
+++ b/src/assets/scss/base/main.scss
@@ -1,5 +1,7 @@
 @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;800&display=swap');
 
+@import './components/form.scss';
+
 html {
   font-size: 10px;
 }
diff --git a/src/components/Form.vue b/src/components/Form.vue
index b36915e..f52e12b 100644
--- a/src/components/Form.vue
+++ b/src/components/Form.vue
@@ -1,5 +1,9 @@
 <template>
-  <form @submit.prevent="true" @submit.once="this.$props.onSubmit" class="w-full rounded-3xl">
+  <form
+    :class="centered && 'form--centered'"
+    @submit.prevent="true"
+    @submit.once="this.$props.onSubmit"
+  >
     <slot v-for="slot in this.$slots">{{ slot }}</slot>
     <button type="submit" class="btn btn-primary">Submit</button>
   </form>
@@ -10,7 +14,10 @@ import { defineComponent } from 'vue';
 
 export default defineComponent({
   name: 'Form',
-  props: { onSubmit: { type: Function, default: () => null } },
+  props: {
+    onSubmit: { type: Function, default: () => null },
+    centered: { type: Boolean, default: false },
+  },
 });
 </script>
 <style></style>
diff --git a/src/router/index.js b/src/router/index.js
index 0810761..f5982cc 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -1,5 +1,5 @@
 import { createRouter, createWebHistory } from 'vue-router';
-import Home from '../views/Home.vue';
+import { Home, Login } from '../views';
 
 const routes = [
   {
@@ -7,6 +7,11 @@ const routes = [
     name: 'Home',
     component: Home,
   },
+  {
+    path: '/login',
+    name: 'Login',
+    component: Login,
+  },
 ];
 
 const router = createRouter({
diff --git a/src/views/Login.vue b/src/views/Login.vue
new file mode 100644
index 0000000..739d1f7
--- /dev/null
+++ b/src/views/Login.vue
@@ -0,0 +1,20 @@
+<template>
+  <div class="home"></div>
+
+  <Form :centered="true">
+    <Input />
+    <Input />
+  </Form>
+</template>
+
+<script>
+import { Form, Input } from '../components';
+
+export default {
+  name: 'Login',
+  components: {
+    Form,
+    Input,
+  },
+};
+</script>
diff --git a/src/views/index.js b/src/views/index.js
new file mode 100644
index 0000000..dacddb7
--- /dev/null
+++ b/src/views/index.js
@@ -0,0 +1,2 @@
+export { default as Home } from './Home.vue';
+export { default as Login } from './Login.vue';