diff --git a/App.tsx b/App.tsx
index 75c884a..6eb8b73 100644
--- a/App.tsx
+++ b/App.tsx
@@ -1,10 +1,11 @@
 import { StatusBar } from 'react-native';
 import { useFonts, Roboto_400Regular, Roboto_700Bold } from '@expo-google-fonts/roboto';
-import { Center, GluestackUIProvider, Text } from '@gluestack-ui/themed';
+import { GluestackUIProvider } from '@gluestack-ui/themed';
 
 import { Loading } from '@components/Loading';
 
 import { config } from './config/gluestack-ui.config';
+import { SignIn } from '@screens/SignIn';
 
 export default function App() {
   const [fontsLoaded] = useFonts({
@@ -15,9 +16,7 @@ export default function App() {
   return (
     <GluestackUIProvider config={config}>
       {fontsLoaded ? (
-        <Center flex={1} bg="$gray700">
-          <Text color="white" fontSize={34}>Ignite Gym</Text>
-        </Center>
+        <SignIn />
       ) : (
         <Loading />
       )}
diff --git a/src/screens/SignIn.tsx b/src/screens/SignIn.tsx
new file mode 100644
index 0000000..31a54ee
--- /dev/null
+++ b/src/screens/SignIn.tsx
@@ -0,0 +1,18 @@
+import { Image, VStack } from "@gluestack-ui/themed";
+
+import BackgroundImg from '@assets/background.png';
+
+export function SignIn() {
+  return (
+    <VStack flex={1} bg="$gray700">
+      <Image
+        source={BackgroundImg}
+        defaultSource={BackgroundImg}
+        alt="Pessoas treinando"
+        position="absolute"
+        w="$full"
+        h={624}
+      />
+    </VStack>
+  )
+}