diff --git a/src/assets/arrow.svg b/src/assets/arrow.svg
new file mode 100644
index 0000000..c94d215
--- /dev/null
+++ b/src/assets/arrow.svg
@@ -0,0 +1,3 @@
+<svg width="18" height="10" viewBox="0 0 18 10" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17 1.06085L9 9L1 1.06085" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/assets/grayheart.svg b/src/assets/grayheart.svg
new file mode 100644
index 0000000..b3f72a1
--- /dev/null
+++ b/src/assets/grayheart.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M18.5634 7.83452C17.977 6.59598 16.288 5.58264 14.3234 6.17263C13.3846 6.45174 12.5655 7.05031 11.9999 7.87055C11.4343 7.05031 10.6152 6.45174 9.67644 6.17263C7.7074 5.59164 6.02277 6.59598 5.43644 7.83452C4.61382 9.56846 4.95512 11.5186 6.45159 13.6309C7.62426 15.2837 9.30013 16.9591 11.733 18.9048C11.8099 18.9665 11.9046 19 12.0021 19C12.0996 19 12.1943 18.9665 12.2712 18.9048C14.6997 16.9636 16.3799 15.3018 17.5526 13.6309C19.0447 11.5186 19.386 9.56846 18.5634 7.83452Z" fill="#9E9B9F"/>
+</svg>
diff --git a/src/constants/colors.ts b/src/constants/colors.ts
index eacc4b8..1d6aad1 100644
--- a/src/constants/colors.ts
+++ b/src/constants/colors.ts
@@ -15,6 +15,7 @@ const colors = {
   darkGray1: '#514184',
   darkGray2: '#473D65',
   darkGray3: '#41375F',
+  darkPupple: '#423374',
   yellow: '#FFE815',
   red: '#FF6060',
   green: '#6DECA2',