Add helper placeholers

client/placeholders/Dot.jsx

@@ -0,0 +1,9 @@
+import React from 'react';
+
+const Dot = () => {
+    return (
+        <div className="bg-black-30 br-pill w1 h1" />
+    );
+};
+
+export default Dot;

client/placeholders/Frame.jsx

@@ -0,0 +1,17 @@
+import React from 'react';
+
+const Frame = ({ children }) => {
+    return (
+        <div
+            className="ba b--black-30 br2"
+            style={{
+                height: '100px',
+                width: '100px',
+            }}
+        >
+            {children}
+        </div>
+    );
+};
+
+export default Frame;

client/placeholders/Line.jsx

@@ -0,0 +1,12 @@
+import React from 'react';
+
+const Line = () => {
+    return (
+        <div
+            className="w-100 bg-black-30"
+            style={{ height: '1px' }}
+        />
+    );
+};
+
+export default Line;