step 4 : slicing login screen

lib/app/constant.dart

@@ -40,174 +40,35 @@ class Constant {
   }
 
   // typography
-  static TextStyle titleH1_700({required BuildContext context}) {
+  static TextStyle title_700({required BuildContext context}) {
     return TextStyle(
-      fontSize: Constant.getActualYPhone(context: context, y: 24),
+      fontSize: Constant.getActualYPhone(context: context, y: 36),
       fontWeight: FontWeight.w700,
     );
   }
 
-  static TextStyle titleH2_600({required BuildContext context}) {
+  static TextStyle title_400({required BuildContext context}) {
     return TextStyle(
-      fontSize: Constant.getActualYPhone(context: context, y: 12),
-      fontWeight: FontWeight.w600,
-    );
-  }
-
-  static TextStyle logintitle_700({required BuildContext context}) {
-    return TextStyle(
-      fontSize: Constant.getActualYPhone(context: context, y: 15),
-      fontWeight: FontWeight.w700,
-    );
-  }
-
-  static TextStyle titleH2_400_12({required BuildContext context}) {
-    return TextStyle(
-        fontSize: Constant.getActualYPhone(context: context, y: 12),
-        fontWeight: FontWeight.w400,
-        fontFamily: 'Public Sans');
-  }
-
-  static TextStyle titleH2_600_14({required BuildContext context}) {
-    return TextStyle(
-        fontSize: Constant.getActualYPhone(context: context, y: 14),
-        fontWeight: FontWeight.w600,
-        fontFamily: 'Public Sans');
-  }
-
-  static TextStyle titleH2_400_14({required BuildContext context}) {
-    return TextStyle(
-        fontSize: Constant.getActualYPhone(context: context, y: 14),
-        fontWeight: FontWeight.w400,
-        fontFamily: 'Public Sans');
-  }
-
-  static TextStyle titleH1_500_18({required BuildContext context}) {
-    return TextStyle(
-        fontSize: Constant.getActualYPhone(context: context, y: 18),
-        fontWeight: FontWeight.w500,
-        fontFamily: 'Public Sans');
-  }
-
-  static TextStyle titleH1_700_18({required BuildContext context}) {
-    return TextStyle(
-        fontSize: Constant.getActualYPhone(context: context, y: 18),
-        fontWeight: FontWeight.w700,
-        fontFamily: 'Public Sans');
-  }
-
-  static TextStyle titleH2_700({required BuildContext context}) {
-    return TextStyle(
-      fontFamily: 'Quicksand',
-      fontSize: Constant.getActualYPhone(context: context, y: 14),
-      fontWeight: FontWeight.w700,
-    );
-  }
-
-  static TextStyle titleH3_700({required BuildContext context}) {
-    return TextStyle(
-      fontFamily: 'Quicksand',
       fontSize: Constant.getActualYPhone(context: context, y: 16),
-      fontWeight: FontWeight.w700,
-    );
-  }
-
-  static TextStyle titleH2_500({required BuildContext context}) {
-    return TextStyle(
-      fontFamily: 'Quicksand',
-      fontSize: Constant.getActualYPhone(context: context, y: 12),
-      fontWeight: FontWeight.w500,
-    );
-  }
-
-  static TextStyle titleH2_400({required BuildContext context}) {
-    return TextStyle(
-      fontFamily: 'Public Sans',
-      fontSize: Constant.getActualYPhone(context: context, y: 12),
       fontWeight: FontWeight.w400,
     );
   }
 
-  static TextStyle titlePresensiH2_700({required BuildContext context}) {
+  static TextStyle titleInputan500({required BuildContext context}) {
     return TextStyle(
-      fontFamily: 'Quicksand',
-      fontSize: Constant.getActualYPhone(context: context, y: 24),
-      fontWeight: FontWeight.w700,
-    );
-  }
-
-  static TextStyle time_700({required BuildContext context}) {
-    return TextStyle(
-      fontSize: Constant.getActualYPhone(context: context, y: 28),
-      fontWeight: FontWeight.w700,
-      fontFamily: 'Quicksand',
-    );
-  }
-
-  static TextStyle subtitle_600_14({required BuildContext context}) {
-    return TextStyle(
-      fontSize: Constant.getActualYPhone(context: context, y: 14),
-      fontWeight: FontWeight.w700,
-      fontFamily: 'Public Sans',
-    );
-  }
-
-  static TextStyle subtitle_500_12({required BuildContext context}) {
-    return TextStyle(
-      fontSize: Constant.getActualYPhone(context: context, y: 12),
+      fontSize: Constant.getActualYPhone(context: context, y: 16),
       fontWeight: FontWeight.w500,
-      fontFamily: 'Public Sans',
     );
   }
 
-  static TextStyle date_600({required BuildContext context}) {
+  static TextStyle titleButton500({required BuildContext context}) {
     return TextStyle(
-      fontSize: Constant.getActualYPhone(context: context, y: 16),
-      fontWeight: FontWeight.w600,
-      fontFamily: 'Quicksand',
+      fontSize: Constant.getActualYPhone(context: context, y: 15),
+      fontWeight: FontWeight.w500,
     );
   }
 
-  static TextStyle title_screen({required BuildContext context}) {
-    return TextStyle(
-      fontSize: Constant.getActualYPhone(context: context, y: 24),
-      fontWeight: FontWeight.w600,
-      fontFamily: 'Public Sans',
-    );
-  }
-
-  static TextStyle body_16({required BuildContext context}) {
-    return TextStyle(
-      fontSize: Constant.getActualYPhone(context: context, y: 16),
-      fontWeight: FontWeight.w600,
-      fontFamily: 'Public Sans',
-    );
-  }
-
-  static TextStyle body_14({required BuildContext context}) {
-    return TextStyle(
-      fontSize: Constant.getActualYPhone(context: context, y: 14),
-      fontWeight: FontWeight.w600,
-      fontFamily: 'Public Sans',
-    );
-  }
-
-  static TextStyle body_12({required BuildContext context}) {
-    return TextStyle(
-      fontSize: Constant.getActualYPhone(context: context, y: 12),
-      fontWeight: FontWeight.w600,
-      fontFamily: 'Public Sans',
-    );
-  }
-
-  static Color primaryBlue = const Color(0xff0C53B7);
-  static Color bgBlue = const Color(0xff1890FF).withOpacity(0.16);
-  static Color primaryOrange = const Color(0xffF15A29);
-  static Color bgOrange = const Color(0xffF15A29).withOpacity(0.16);
-  static Color secondaryBlue = const Color(0xff43ADA5);
-  static Color bgSecondaryBlue = const Color(0xff43ADA5).withOpacity(0.16);
-  static Color primaryGreen = const Color(0xff229A16);
-  static Color bgGreen = const Color(0xff54D62C).withOpacity(0.08);
-  static Color primaryRed = const Color(0xffB72136);
+  static Color inputanGrey = const Color(0xff637381);
+  static Color bgButton = const Color(0xFF0098DA);
   static Color bgRed = const Color(0xffFF4842).withOpacity(0.08);
-}
+}

lib/app/route.dart

@@ -1,8 +1,10 @@
 import 'package:flutter/material.dart';
 
+import '../screen/login_screen.dart';
 import '../screen/splash_screen.dart';
 
 const splashRoute = "/splashRoute";
+const loginRoute = "/loginRoute";
 
 class AppRoute {
   static Route<dynamic> generateRoute(RouteSettings settings) {
@@ -16,6 +18,17 @@ class AppRoute {
         );
       });
     }
+
+    // login screen
+    if (settings.name == loginRoute) {
+      return MaterialPageRoute(builder: (context) {
+        return MediaQuery(
+          data: MediaQuery.of(context)
+              .copyWith(textScaler: TextScaler.linear(1.0), padding: EdgeInsets.all(0)),
+          child: LoginScreen(),
+        );
+      });
+    }
    
     return MaterialPageRoute(builder: (context) {
       return MediaQuery(