diff --git a/app.config.js b/app.config.js
index ddb73a0..6bffefc 100644
--- a/app.config.js
+++ b/app.config.js
@@ -2,12 +2,12 @@ import 'dotenv/config';
 
 export default {
    expo: {
-      name: "mobile-darmasaba",
+      name: "Desa+",
       slug: "mobile-darmasaba",
       version: "1.0.2",
       jsEngine: "jsc",
       orientation: "portrait",
-      icon: "./assets/images/icon.png",
+      icon: "./assets/images/logo-icon.png",
       scheme: "myapp",
       userInterfaceStyle: "automatic",
       newArchEnabled: false,
@@ -23,7 +23,7 @@ export default {
          package: "mobiledarmasaba.app",
          versionCode: 6,
          adaptiveIcon: {
-            foregroundImage: "./assets/images/splash-icon.png",
+            foregroundImage: "./assets/images/logo-icon.png",
             backgroundColor: "#ffffff"
          },
          googleServicesFile: "./google-services.json",
@@ -45,7 +45,7 @@ export default {
          [
             "expo-splash-screen",
             {
-               image: "./assets/images/splash-icon.png",
+               image: "./assets/images/logo-icon.png",
                imageWidth: 200,
                resizeMode: "contain",
                backgroundColor: "#ffffff"
diff --git a/assets/images/logo-clean.png b/assets/images/logo-clean.png
new file mode 100644
index 0000000..b9dbe5b
Binary files /dev/null and b/assets/images/logo-clean.png differ
diff --git a/assets/images/logo-icon.png b/assets/images/logo-icon.png
new file mode 100644
index 0000000..1455345
Binary files /dev/null and b/assets/images/logo-icon.png differ
diff --git a/assets/images/logo.png b/assets/images/logo.png
new file mode 100644
index 0000000..d118dd3
Binary files /dev/null and b/assets/images/logo.png differ
diff --git a/components/auth/viewLogin.tsx b/components/auth/viewLogin.tsx
index 4f8d544..6a6bcc7 100644
--- a/components/auth/viewLogin.tsx
+++ b/components/auth/viewLogin.tsx
@@ -53,12 +53,14 @@ export default function ViewLogin({ onValidate }: Props) {
          <StatusBar style={Platform.OS === 'ios' ? 'auto' : 'light'} translucent={false} backgroundColor="black" />
          <ToastCustom />
          <View style={[Styles.p20, Styles.h100]}>
-            <View style={{ alignItems: "center", marginVertical: 50 }}>
+            <View style={{ alignItems: "center", marginTop: 70, marginBottom: 50 }}>
                <Image
-                  source={require("../../assets/images/splash-icon.png")}
-                  style={{ width: 130, height: 130 }}
+                  source={require("../../assets/images/logo.png")}
+                  style={[{ width: 300, height: 150 }]}
+                  width={270}
+                  height={110}
                />
-               <Text style={[Styles.textSubtitle]}>PERBEKEL DARMASABA</Text>
+               {/* <Text style={[Styles.textSubtitle2]}>Digitalisasi Desa Transparansi Kerja</Text> */}
             </View>
             <InputForm
                onChange={(val) => {
diff --git a/constants/Styles.ts b/constants/Styles.ts
index 726a5f1..3d47216 100644
--- a/constants/Styles.ts
+++ b/constants/Styles.ts
@@ -44,6 +44,9 @@ const Styles = StyleSheet.create({
       fontSize: 20,
       fontWeight: 'bold',
    },
+   textSubtitle2: {
+      fontSize: 20,
+   },
    textLink: {
       fontSize: 14,
       color: '#0a7ea4',