diff --git a/app/mobile/images/appstore.png b/app/mobile/images/appstore.png
new file mode 100644
index 00000000..d2e8d5aa
Binary files /dev/null and b/app/mobile/images/appstore.png differ
diff --git a/app/mobile/images/audio.png b/app/mobile/images/audio.png
new file mode 100644
index 00000000..bc4b106e
Binary files /dev/null and b/app/mobile/images/audio.png differ
diff --git a/app/mobile/images/avatar.png b/app/mobile/images/avatar.png
new file mode 100644
index 00000000..638b6543
Binary files /dev/null and b/app/mobile/images/avatar.png differ
diff --git a/app/mobile/images/login.png b/app/mobile/images/login.png
new file mode 100644
index 00000000..4cbace0a
Binary files /dev/null and b/app/mobile/images/login.png differ
diff --git a/app/mobile/images/package.json b/app/mobile/images/package.json
new file mode 100644
index 00000000..823275f8
--- /dev/null
+++ b/app/mobile/images/package.json
@@ -0,0 +1,3 @@
+{
+  "name": "images"
+}
diff --git a/app/mobile/images/session.png b/app/mobile/images/session.png
new file mode 100644
index 00000000..8a46460f
Binary files /dev/null and b/app/mobile/images/session.png differ
diff --git a/app/mobile/images/solution.png b/app/mobile/images/solution.png
new file mode 100644
index 00000000..422be777
Binary files /dev/null and b/app/mobile/images/solution.png differ
diff --git a/app/mobile/images/team.png b/app/mobile/images/team.png
new file mode 100644
index 00000000..89206c84
Binary files /dev/null and b/app/mobile/images/team.png differ
diff --git a/app/mobile/src/access/login/Login.jsx b/app/mobile/src/access/login/Login.jsx
index 040d6edd..6ffd5733 100644
--- a/app/mobile/src/access/login/Login.jsx
+++ b/app/mobile/src/access/login/Login.jsx
@@ -1,11 +1,18 @@
-import { Wrapper, Container } from './Login.styled';
+import Ionicons from '@expo/vector-icons/Ionicons';
 import { Text } from 'react-native';
+import { Wrapper, Container, Control, Title, Spacer, Header } from './Login.styled';
 
 export function Login() {
   return (
     <Wrapper>
       <Container>
-        <Text>LOGIN</Text>
+        <Control>
+          <Ionicons name="md-cog" size={32} color="grey" />
+        </Control>
+        <Title>Databag</Title>
+        <Spacer>
+          <Header>Login</Header>
+        </Spacer>
       </Container>
     </Wrapper>
   );
diff --git a/app/mobile/src/access/login/Login.styled.jsx b/app/mobile/src/access/login/Login.styled.jsx
index e487efb8..eae80a1f 100644
--- a/app/mobile/src/access/login/Login.styled.jsx
+++ b/app/mobile/src/access/login/Login.styled.jsx
@@ -11,4 +11,34 @@ export const Container = styled.View`
   border-radius: 4px;
   width: 100%;
   height: 100%;
+  display: flex;
+  flex-direction: column;
 `
+
+export const Control = styled.View`
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-end;
+  color: ${Colors.grey};
+`
+
+export const Title = styled.Text`
+  width: 100%;
+  text-align: center;
+  fontSize: 24px;
+  color: ${Colors.grey};
+`
+
+export const Spacer = styled.View`
+  flex-grow: 1;
+  text-align: center;
+  align-items: center;
+  justify-content: center;
+  width: 100%;
+`
+
+export const Header = styled.Text`
+  font-size: 32px;
+  color: ${Colors.text};
+`
+