diff --git a/front/views/HomeView.tsx b/front/views/HomeView.tsx
new file mode 100644
index 0000000..3244f73
--- /dev/null
+++ b/front/views/HomeView.tsx
@@ -0,0 +1,26 @@
+import React from "react";
+import { Text, View, ColorValue } from 'react-native';
+import { useTheme } from "react-native-paper";
+
+const ExampleBox = (props: { textColor: ColorValue, backgroundColor: ColorValue }) => (
+  <View style={{ backgroundColor: props.backgroundColor }}>
+    <Text style={{ fontSize: 20, textAlign: 'center', color: props.textColor }} >Hello</Text>
+  </View>
+)
+
+const HomeView = () => {
+  const { colors } = useTheme();
+  return (
+    <View style={{ flex: 1, justifyContent: 'center' }}>
+      <ExampleBox backgroundColor={colors.primary} textColor={colors.text} />
+      <ExampleBox backgroundColor={colors.accent} textColor={colors.text} />
+      <ExampleBox backgroundColor={colors.error} textColor={colors.text} />
+      <ExampleBox backgroundColor={colors.surface} textColor={colors.onSurface} />
+      <ExampleBox backgroundColor={colors.surface} textColor={colors.placeholder} />
+      <ExampleBox backgroundColor={colors.notification} textColor={colors.text} />
+    </View>
+  );
+}
+
+
+export default HomeView;