diff --git a/client/src/assets/css/colors.scss b/client/src/assets/css/colors.scss
index 778810f..eee40b1 100644
--- a/client/src/assets/css/colors.scss
+++ b/client/src/assets/css/colors.scss
@@ -46,3 +46,8 @@ $alert-border: 2px solid #F0A0A0;
$debug-background-color: lighten($background-primary-color, 10%);
$debug-border: none;
$debug-text-color: $text-primary-color;
+
+// Quote
+$quote-background-color: #ffff88;
+$quote-border: none;
+$quote-text-color: #384048;
\ No newline at end of file
diff --git a/client/src/components/CollectQuotes.vue b/client/src/components/CollectQuotes.vue
new file mode 100644
index 0000000..e9e7fd6
--- /dev/null
+++ b/client/src/components/CollectQuotes.vue
@@ -0,0 +1,26 @@
+
+ collect quotes
+
+