diff --git a/guidelines/guideline for small squares.svg b/guidelines/guideline for small squares.svg
new file mode 100644
index 00000000..f15c868d
--- /dev/null
+++ b/guidelines/guideline for small squares.svg	
@@ -0,0 +1,6 @@
+<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" aria-label="Guidelines" role="img">
+	<rect fill="#222" height="512" rx="15%" width="512"/>
+	<rect fill="#ff3f32" height="512" rx="30%" width="512"/>
+	<rect fill="#ffd900" height="512" rx="40%" width="512"/>
+	<rect fill="#4cd966" height="448" rx="40%" width="448" x="32" y="32"/>
+</svg>
\ No newline at end of file
diff --git a/guidelines/guideline.svg b/guidelines/guideline.svg
new file mode 100644
index 00000000..c1d255dd
--- /dev/null
+++ b/guidelines/guideline.svg
@@ -0,0 +1,6 @@
+<svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg" aria-label="Guidelines" role="img">
+	<rect fill="#222" height="512" rx="15%" width="512"/>
+	<rect fill="#ff3f32" height="512" rx="50%" width="512"/>
+	<rect fill="#ffd900" height="435" rx="50%" width="435" x="39" y="39"/>
+	<rect fill="#4cd966" height="384" rx="50%" width="384" x="64" y="64"/>
+</svg>
\ No newline at end of file