Introduces AppText, Link and FramedSegment redesign

styles/colors.js

@@ -0,0 +1,10 @@
+export default {
+  grey: '#A5A5A5',
+  greyLight: '#D2D2D2',
+  greySuperLight: '#F2F2F2',
+  orange: '#F38337',
+  purple: '#3A2671',
+  purpleLight: '#5D4F8A',
+  tourquise: '#69CBC1',
+  tourquiseLight: '#CFECEA',
+}

styles/containers.js

@@ -0,0 +1,18 @@
+import Colors from './colors'
+import Spacing from './spacing'
+
+export default {
+  bottomBorder: {
+    borderStyle: 'solid',
+    borderBottomWidth: 2,
+    borderBottomColor: Colors.greySuperLight,
+    paddingBottom: Spacing.base
+  },
+  centerItems: {
+    alignItems: 'center',
+    flex: 1,
+    justifyContent: 'center'
+  },
+  marginBottom: { marginBottom: Spacing.base },
+  segmentContainer: { marginHorizontal: Spacing.base }
+}

styles/redesign.js

@@ -0,0 +1,5 @@
+import Colors from './colors'
+import Containers from './containers'
+import Typography from './typography'
+
+export { Colors, Containers, Typography }

styles/spacing.js

@@ -0,0 +1,3 @@
+export default {
+  base: 16
+}

styles/typography.js

@@ -0,0 +1,28 @@
+import Colors from './colors'
+import Spacing from './spacing'
+
+const fonts = {
+  main: 'Jost-400-Book',
+  bold : 'Jost-700-Bold',
+}
+
+const sizes = {
+  mainMedium: 18,
+  mainLarge: 20,
+  titleSmall: 22,
+  titleMedium: 24,
+  titleLarge: 28
+}
+
+export default {
+  mainText: {
+    fontFamily: fonts.main,
+    fontSize: sizes.mainMedium
+  },
+  underline: { textDecorationLine: 'underline' },
+  titleSmall: {
+    color: Colors.purple,
+    fontSize: sizes.titleSmall,
+    marginVertical: Spacing.base
+  }
+}