Updated login screen UI

- updated design
- updated fonts
- updated colors

Author: srikanth-vg

GoInfoGame/GoInfoGame.xcodeproj/project.pbxproj

@@ -170,6 +170,7 @@
 		C77AAC9D2E4463ED006713B2 /* FirebaseAnalytics in Frameworks */ = {isa = PBXBuildFile; productRef = C77AAC9C2E4463ED006713B2 /* FirebaseAnalytics */; };
 		C77AAC9F2E4463ED006713B2 /* FirebaseCrashlytics in Frameworks */ = {isa = PBXBuildFile; productRef = C77AAC9E2E4463ED006713B2 /* FirebaseCrashlytics */; };
 		C77EEBCF2DE59D3200494CB4 /* UndoMerge.swift in Sources */ = {isa = PBXBuildFile; fileRef = C77EEBCE2DE59D3200494CB4 /* UndoMerge.swift */; };
+		C78737AF2E4C9E3B00289D13 /* FloatingLabelTextField.swift in Sources */ = {isa = PBXBuildFile; fileRef = C78737AE2E4C9E3200289D13 /* FloatingLabelTextField.swift */; };
 		C7927B552E42363000A7A34E /* XCAssets+Generated.swift in Sources */ = {isa = PBXBuildFile; fileRef = C7927B532E42363000A7A34E /* XCAssets+Generated.swift */; };
 		C7A922252E45C36D00705E21 /* PrivacyInfo.xcprivacy in Resources */ = {isa = PBXBuildFile; fileRef = C7A922242E45C36D00705E21 /* PrivacyInfo.xcprivacy */; };
 		C7BA83542E3C9C3600755BA7 /* QuestSyncButton.swift in Sources */ = {isa = PBXBuildFile; fileRef = C7BA83532E3C9C3600755BA7 /* QuestSyncButton.swift */; };
@@ -519,6 +520,7 @@
 		C77AAC992E446376006713B2 /* GoogleService-Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = "GoogleService-Info.plist"; sourceTree = "<group>"; };
 		C77AACA52E447364006713B2 /* GoogleService-Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = "GoogleService-Info.plist"; sourceTree = "<group>"; };
 		C77EEBCE2DE59D3200494CB4 /* UndoMerge.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = UndoMerge.swift; sourceTree = "<group>"; };
+		C78737AE2E4C9E3200289D13 /* FloatingLabelTextField.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = FloatingLabelTextField.swift; sourceTree = "<group>"; };
 		C7927B532E42363000A7A34E /* XCAssets+Generated.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; path = "XCAssets+Generated.swift"; sourceTree = "<group>"; };
 		C7A922242E45C36D00705E21 /* PrivacyInfo.xcprivacy */ = {isa = PBXFileReference; lastKnownFileType = text.xml; path = PrivacyInfo.xcprivacy; sourceTree = "<group>"; };
 		C7BA83532E3C9C3600755BA7 /* QuestSyncButton.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; name = QuestSyncButton.swift; path = GoInfoGame/UI/Map/QuestSyncButton.swift; sourceTree = SOURCE_ROOT; };
@@ -1652,6 +1654,7 @@
 		FAFDA1FC2C6D322800ECEAE9 /* View */ = {
 			isa = PBXGroup;
 			children = (
+				C78737AE2E4C9E3200289D13 /* FloatingLabelTextField.swift */,
 				C77A4A252DF2AF3100DED8B0 /* SecureInputView.swift */,
 				FA8C74D72C60E95100D28220 /* PosmLogin.swift */,
 			);
@@ -2292,6 +2295,7 @@
 			isa = PBXSourcesBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
+				C78737AF2E4C9E3B00289D13 /* FloatingLabelTextField.swift in Sources */,
 				FA9F38202DC5585600D7AABF /* QuestUndoManager.swift in Sources */,
 				FA8C74D42C5A443700D28220 /* QuestOptions.swift in Sources */,
 				A4AD130C2B5E80F20041A881 /* StoredElement.swift in Sources */,

GoInfoGame/GoInfoGame/Assets.xcassets/Colors/Border Color gray D5DBE6.colorset/Contents.json

@@ -0,0 +1,20 @@
+{
+  "colors" : [
+    {
+      "color" : {
+        "color-space" : "srgb",
+        "components" : {
+          "alpha" : "1.000",
+          "blue" : "0xE6",
+          "green" : "0xDB",
+          "red" : "0xD5"
+        }
+      },
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

GoInfoGame/GoInfoGame/Assets.xcassets/Colors/Light Purpule bg E7E3EE.colorset/Contents.json

@@ -0,0 +1,20 @@
+{
+  "colors" : [
+    {
+      "color" : {
+        "color-space" : "srgb",
+        "components" : {
+          "alpha" : "1.000",
+          "blue" : "0xEE",
+          "green" : "0xE3",
+          "red" : "0xE7"
+        }
+      },
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

GoInfoGame/GoInfoGame/Assets.xcassets/Colors/Text field text 42526E.colorset/Contents.json

@@ -0,0 +1,20 @@
+{
+  "colors" : [
+    {
+      "color" : {
+        "color-space" : "srgb",
+        "components" : {
+          "alpha" : "1.000",
+          "blue" : "0x6E",
+          "green" : "0x52",
+          "red" : "0x42"
+        }
+      },
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

GoInfoGame/GoInfoGame/Assets.xcassets/Colors/Text filed title 83879B.colorset/Contents.json

@@ -0,0 +1,20 @@
+{
+  "colors" : [
+    {
+      "color" : {
+        "color-space" : "srgb",
+        "components" : {
+          "alpha" : "1.000",
+          "blue" : "0x9B",
+          "green" : "0x87",
+          "red" : "0x83"
+        }
+      },
+      "idiom" : "universal"
+    }
+  ],
+  "info" : {
+    "author" : "xcode",
+    "version" : 1
+  }
+}

GoInfoGame/GoInfoGame/Helpers/Generated/XCAssets+Generated.swift

@@ -28,8 +28,12 @@ internal enum Asset {
   internal enum Colors {
     internal static let accentLavender = ColorAsset(name: "Accent Lavender")
     internal static let accentPink = ColorAsset(name: "Accent Pink")
+    internal static let borderColorGrayD5DBE6 = ColorAsset(name: "Border Color gray D5DBE6")
     internal static let huskyGold = ColorAsset(name: "Husky Gold")
     internal static let huskyPurple = ColorAsset(name: "Husky Purple")
+    internal static let lightPurpuleBgE7E3EE = ColorAsset(name: "Light Purpule bg E7E3EE")
+    internal static let textFieldText42526E = ColorAsset(name: "Text field text 42526E")
+    internal static let textFiledTitle83879B = ColorAsset(name: "Text filed title 83879B")
     internal static let theme = ColorAsset(name: "theme")
   }
   internal enum QuestIcons {

GoInfoGame/GoInfoGame/Login/View/FloatingLabelTextField.swift

@@ -0,0 +1,50 @@
+//
+//  FloatingLabelTextField.swift
+//  GoInfoGame
+//
+//  Created by Prashamsa on 13/08/25.
+//
+
+import SwiftUI
+
+struct FloatingLabelTextField: View {
+    var title: String
+    @Binding var text: String
+    var isSecure: Bool = false
+    
+    var body: some View {
+        ZStack(alignment: .leading) {
+            // Border box
+            RoundedRectangle(cornerRadius: 6)
+                .stroke(Asset.Colors.borderColorGrayD5DBE6.swiftUIColor, lineWidth: 1)
+                .frame(height: 50)
+            
+            if !text.isEmpty {
+                // Floating label
+                Text(title)
+                    .foregroundColor(Asset.Colors.textFiledTitle83879B.swiftUIColor)
+                    .background(.white)
+                    .font(FontFamily.Lato.regular.swiftUIFont(fixedSize: 16))
+                    .padding(.horizontal, 4)
+                    .offset(y: -25)
+            }
+            
+            
+            // TextField or SecureField
+            if isSecure {
+                SecureInputView(title, text: $text)
+                    .padding(.horizontal, 8)
+                    .frame(height: 50)
+            } else {
+                TextField(title, text: $text)
+                    .padding(.horizontal, 8)
+                    .frame(height: 50)
+                    .font(FontFamily.Lato.bold.swiftUIFont(fixedSize: 16))
+                    .foregroundStyle(Asset.Colors.textFieldText42526E.swiftUIColor)
+            }
+        }
+    }
+}
+#Preview {
+    FloatingLabelTextField(title: "Email", text: .constant(""))
+}

GoInfoGame/GoInfoGame/Login/View/PosmLogin.swift

@@ -21,37 +21,42 @@ struct PosmLoginView: View {
     var body: some View {
         NavigationStack {
             ZStack {
-                VStack(spacing: 20) {
-                    HStack {
-                        Asset.logo.swiftUIImage
-                            .resizable()
-                            .aspectRatio(contentMode: .fill)
-                            .frame(width: 80, height: 80)
-                            .padding(-10)
+                VStack {
+                    ZStack {
+                        Asset.Colors.lightPurpuleBgE7E3EE.swiftUIColor
+                            .ignoresSafeArea(edges: .top)
+                        
+                        HStack {
+                            ZStack {
+                                Asset.logo.swiftUIImage
+                                    .resizable()
+                                    .aspectRatio(contentMode: .fill)
+                            }
                             .clipShape(Circle())
+                            .frame(width: 95, height: 95)
 
-                        Group {
-                            VStack(alignment: .leading) {
-                                Text("AVIV")
-                                    .font(FontFamily.FONTSPRINGDEMOProximaNova.bold.swiftUIFont(size: 30))
-                                Text("ScoutRoute")
-                                    .font(FontFamily.FONTSPRINGDEMOProximaNova.bold.swiftUIFont(size: 20))
+                            Group {
+                                VStack(alignment: .leading) {
+                                    Text("AVIV")
+                                        .font(FontFamily.Lato.regular.swiftUIFont(size: 52))
+                                    Text("ScoutRoute")
+                                        .font(FontFamily.Lato.medium.swiftUIFont(size: 24))
+                                }
                             }
+                            .foregroundColor(Asset.Colors.huskyPurple.swiftUIColor)
                         }
-                        .foregroundColor(Asset.Colors.huskyPurple.swiftUIColor)
+                        .padding([.bottom], 50)
                     }
-                    .padding([.bottom], 50)
+                    .frame(height: 250)
 
-                    TextField("Username", text: $viewModel.username)
-                        .padding()
-                        .background(Color(.systemGray6))
+                    FloatingLabelTextField(title: "Username", text: $viewModel.username)
+                        .padding(10)
                         .cornerRadius(10)
                         .padding(.horizontal, 40)
                         .textInputAutocapitalization(.never)
 
-                    SecureInputView("Password", text: $viewModel.password)
-                        .padding()
-                        .background(Color(.systemGray6))
+                    FloatingLabelTextField(title: "Password", text: $viewModel.password, isSecure:  true)
+                        .padding(10)
                         .cornerRadius(10)
                         .padding(.horizontal, 40)
                     #if DEBUG
@@ -82,15 +87,15 @@ struct PosmLoginView: View {
                         viewModel.performLogin(for: selectedEnvironment)
                     }) {
                         Text("Login")
-                            .font(.custom("Lato-Bold", size: 20))
+                            .font(FontFamily.Lato.bold.swiftUIFont(size: 20))
                             .foregroundColor(Color.white)
+                            .frame(maxWidth: .infinity)
                             .padding()
                             .background(Asset.Colors.huskyPurple.swiftUIColor)
                             .cornerRadius(25)
                     }
                     .padding(.top, 20)
-                    
-                    appVersionText
+                    .padding(.horizontal, 40)
 
                     if SessionManager.shared.canUseBiometricLogin(for: selectedEnvironment) {
                         Button(action: {
@@ -119,18 +124,23 @@ struct PosmLoginView: View {
                             }
                         }) {
                             Label(BiometricAuthManager.biometricLabelText(), systemImage: BiometricAuthManager.biometricIcon())
-                                .font(.custom("Lato-Bold", size: 18))
+                                .font(FontFamily.Lato.bold.swiftUIFont(fixedSize: 18))
                                 .foregroundColor(.blue)
                         }
+                        .padding(.top, 10)
                     }
 
                     if viewModel.hasLoginFailed {
                         Text(viewModel.loginFailedMessage ??  "Invalid Credentials")
                             .foregroundColor(.red)
                             .padding(.top, 10)
+                            .font(FontFamily.Lato.medium.swiftUIFont(fixedSize: 18))
                     }
+                    
+                    Spacer()
+                    appVersionText
                 }
-                .padding()
+                .padding([.top], 0)
 
                 if viewModel.isLoading {
                     ActivityView(activityText: "Loading...")
@@ -170,6 +180,8 @@ struct PosmLoginView: View {
         let version = Bundle.main.infoDictionary?["CFBundleShortVersionString"] as? String ?? "N/A"
         let build = Bundle.main.infoDictionary?["CFBundleVersion"] as? String ?? "N/A"
         return Text("Version \(version) (\(build))")
+            .font(FontFamily.Lato.medium.swiftUIFont(size: 16))
+            .foregroundColor(Asset.Colors.textFiledTitle83879B.swiftUIColor)
     }
 }
 

GoInfoGame/GoInfoGame/Login/View/SecureInputView.swift

@@ -26,6 +26,8 @@ struct SecureInputView: View {
                     TextField(placeholder, text: $text)
                 }
             }.padding(.trailing, 32)
+                .font(FontFamily.Lato.bold.swiftUIFont(size: 16))
+                .foregroundStyle(Asset.Colors.textFieldText42526E.swiftUIColor)
 
             Button(action: {
                 isSecured.toggle()