diff --git a/common/constants.js b/common/constants.js
index 5e5c831d..36dc2467 100644
--- a/common/constants.js
+++ b/common/constants.js
@@ -25,6 +25,33 @@ export const system = {
   red: "#ff0000",
 };
 
+export const zindex = {
+  navigation: 1,
+  sidebar: 2,
+  header: 3,
+  modal: 4,
+  tooltip: 5,
+};
+
+export const font = {
+  text: `'inter-regular', -apple-system, BlinkMacSystemFont, arial, sans-serif`,
+  semiBold: `'inter-semi-bold', -apple-system, BlinkMacSystemFont, arial, sans-serif`,
+  medium: `'inter-medium', -apple-system, BlinkMacSystemFont, arial, sans-serif`,
+  mono: `'mono', monaco, monospace`,
+  monoBold: `'mono-bold', monaco, monospace`,
+  monoCode: `'fira-code-regular', mono, monospace`,
+  monoCodeBold: `'fira-code-bold', mono-bold, monospace`,
+  code: `'jet-brains-regular', mono, monospace`,
+  codeBold: `'jet-brains-bold', mono, monospace`,
+};
+
+export const typescale = {
+  lvl1: `1rem`,
+  lvl2: `1.25rem`,
+  lvl3: `1.563rem`,
+  lvl4: `1.953rem`,
+};
+
 export const code = {};
 
 export const theme = {