feat: is adding structure for font families

designTokens/index.js

@@ -4,5 +4,6 @@ module.exports = {
   iconSize: require('./icon-size'),
   shadow: require('./shadow'),
   spacing: require('./spacing'),
-  touch: require('./touch')
+  touch: require('./touch'),
+  typo: require('./typo')
 };

designTokens/typo.js

@@ -0,0 +1,31 @@
+/* eslint-disable sort-keys */
+
+module.exports = {
+  fontFamily: {
+    fallback: {
+      value: '\'Helvetica Neue\', Helvetica, Arial, sans-serif'
+    },
+    sbbRoman: {
+      value: '\'SBBWeb Roman\', {typo.fontFamily.fallback.value}'
+    },
+    sbbBold: {
+      value: '\'SBBWeb Bold\', {typo.fontFamily.fallback.value}'
+    },
+    sbbLight: {
+      value: '\'SBBWeb Light\', {typo.fontFamily.fallback.value}'
+    },
+    sbbUltraLight: {
+      value: '\'SBBWeb Ultralight\', {typo.fontFamily.fallback.value}'
+    },
+    sbbThin: {
+      value: '\'SBBWeb Thin\', {typo.fontFamily.fallback.value}'
+    },
+    i18n: {
+      traditionalChinese: {
+        value: '\'Example for possible i18n structure\''
+      }
+    }
+  }
+};
+
+/* eslint-enable sort-keys */