@symbo.ls/preview 0.0.57 → 0.0.58

package/user_data/byld.js

@@ -0,0 +1,115 @@
+'use strict'
+
+const CDN_URL = 'https://byld-symbols.s3.us-east-2.amazonaws.com/fonts/'
+
+const COLOR = {
+  darkgray: '#161715',
+  orange: '#F45825',
+  green: '#006547',
+  gray: '#756E6A',
+  grayContrastful: '#A9A09A',
+  white: '#FAF9F8',
+  violet: '#4A4ADD',
+  lightgray: '#D8CFC5'
+}
+
+const THEME = {
+  document: {
+    background: 'black',
+    color: 'white'
+  },
+
+  philosophy: {
+    background: 'orange',
+    color: 'black',
+    '.onlyColor': {
+      color: 'orange'
+    }
+  },
+
+  team: {
+    background: 'green',
+    color: 'white',
+    '.onlyColor': {
+      color: 'green'
+    }
+  },
+
+  portfolio: {
+    background: 'violet',
+    color: 'white',
+    '.onlyColor': {
+      color: 'violet'
+    }
+  },
+
+  meta: {
+    background: 'lightgray',
+    color: 'black',
+    borderColor: 'black'
+  },
+
+  link: {
+    color: 'white'
+  }
+}
+
+const FONT = {
+  SourceCodePro: [{
+    url: CDN_URL + 'SourceCodePro-Regular.woff2',
+    fontWeight: 400
+  }, {
+    url: CDN_URL + 'SourceCodePro-SemiBold.woff2',
+    fontWeight: 600
+  }]
+}
+
+const FONT_FAMILY = {
+  Default: {
+    isDefault: true,
+    value: ['"SourceCodePro"'],
+    type: 'serif'
+  }
+}
+
+const TYPOGRAPHY = {
+  base: 16,
+  ratio: 1.125,
+  subSequence: true,
+
+  '@mobileL': {
+    base: 15,
+    ratio: 1.125
+  },
+
+  '@mobileS': {
+    base: 14,
+    ratio: 1.067
+  }
+}
+
+const SPACING = {
+  range: [-5, +12],
+
+  '@mobileL': {
+    ratio: 1.2
+  }
+}
+
+const RESET = {
+  body: {
+    position: 'relative',
+    width: '100%',
+    height: '100%'
+  }
+}
+
+export default {
+  COLOR,
+  THEME,
+  FONT,
+  FONT_FAMILY,
+  TYPOGRAPHY,
+  SPACING,
+  RESET
+}