diff --git a/branding/README.md b/branding/README.md
new file mode 100644
index 0000000..ab041ef
--- /dev/null
+++ b/branding/README.md
@@ -0,0 +1,18 @@
+# Spacebar Brand Guidelines
+
+Those are the guidelines for the Spacebar branding usage.
+
+## Colors
+- Primary: <img src="./colors/primary.svg" width="12px" height="12px"> #0185ff 
+- Secondary: <img src="./colors/secondary.svg" width="12px" height="12px">  #000115
+
+## Typography
+### Logo and Headings
+**[New Hero](https://fonts.adobe.com/fonts/new-hero)**
+- Weight: 800 / Extrabold
+- Letter Spacing: -0.05em
+
+### Text
+**[Inter](https://fonts.google.com/specimen/Inter)**
+- Weight: *variable*
+- Letter Spacing: *default*
diff --git a/branding/colors/primary.svg b/branding/colors/primary.svg
new file mode 100644
index 0000000..dfe89ad
--- /dev/null
+++ b/branding/colors/primary.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="32" height="32" viewBox="0 0 32 32" xml:space="preserve">
+<desc>Created with Fabric.js 3.6.6</desc>
+<defs>
+</defs>
+<rect x="0" y="0" width="100%" height="100%" fill="rgba(1, 133, 255, 1)"></rect>
+</svg>
\ No newline at end of file
diff --git a/branding/colors/secondary.svg b/branding/colors/secondary.svg
new file mode 100644
index 0000000..91a5264
--- /dev/null
+++ b/branding/colors/secondary.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="32" height="32" viewBox="0 0 32 32" xml:space="preserve">
+<desc>Created with Fabric.js 3.6.6</desc>
+<defs>
+</defs>
+<rect x="0" y="0" width="100%" height="100%" fill="rgba(0, 1, 21, 1)"></rect>
+</svg>
\ No newline at end of file