Some translations are done

src/utils/styles/constants.ts

@@ -1,19 +1,30 @@
-export default {
-  FONT_SIZE_S: 12,
-  FONT_SIZE_M: 14,
-  FONT_SIZE_L: 18,
+const Base = 4
 
-  FONT_WEIGHT_BOLD: '600',
+export const StyleConstants = {
+  Font: {
+    Size: {
+      S: 12,
+      M: 14,
+      L: 18
+    },
+    Weight: {
+      Bold: '600' as '600'
+    }
+  },
 
-  SPACING_XS: 4,
-  SPACING_S: 8,
-  SPACING_M: 16,
-  SPACING_L: 24,
-  SPACING_XL: 40,
+  Spacing: {
+    XS: Base,
+    S: Base * 2,
+    M: Base * 4,
+    L: Base * 6,
+    XL: Base * 10,
+    Global: {
+      PagePadding: Base * 6
+    }
+  },
 
-  GLOBAL_PAGE_PADDING: 24, // SPACING_M
-  GLOBAL_SPACING_BASE: 8, // SPACING_S
-
-  AVATAR_S: 52,
-  AVATAR_L: 104
+  Avatar: {
+    S: 52,
+    L: 104
+  }
 }