diff --git a/static/sass/_logo.sass b/static/sass/_logo.sass
new file mode 100644
index 0000000..ea22411
--- /dev/null
+++ b/static/sass/_logo.sass
@@ -0,0 +1,18 @@
+a#logo
+ letter-spacing: 0.3em
+ text-decoration: none
+
+ div#logo
+ font-size: 400%
+ padding-bottom: 0.2em
+ text-align: center
+
+ #logo-bit
+ color: $baseColor1
+
+ #logo-angle
+ color: $baseColor3
+
+ #logo-shift
+ color: $baseColor2
+ font-style: italic
diff --git a/static/sass/docs.sass b/static/sass/docs.sass
index a96cd57..6d23e32 100644
--- a/static/sass/docs.sass
+++ b/static/sass/docs.sass
@@ -1,4 +1,5 @@
@import variables
+@import logo
h1
color: $baseColor1
diff --git a/static/sass/index.sass b/static/sass/index.sass
index 2c31167..550a8c6 100644
--- a/static/sass/index.sass
+++ b/static/sass/index.sass
@@ -4,6 +4,7 @@
@import mixins
@import variables
+@import logo
$minSearchFieldsWidth: 490px
$codeWidth: 700px
@@ -84,25 +85,6 @@ div#search-field
top: 0
width: 40%
- a#title
- letter-spacing: 0.3em
- text-decoration: none
-
- div#title
- font-size: 400%
- padding-bottom: 0.2em
- text-align: center
-
- #title-bit
- color: $baseColor1
-
- #title-angle
- color: $baseColor3
-
- #title-shift
- color: $baseColor2
- font-style: italic
-
form#search-bar
min-width: $minSearchFieldsWidth
@@ -143,7 +125,7 @@ div#search-field
position: absolute
width: 100%
- #title
+ #logo
position: absolute
top: -1%
left: 1%
diff --git a/templates/docs.html b/templates/docs.html
index 9a319eb..0ac9bc5 100644
--- a/templates/docs.html
+++ b/templates/docs.html
@@ -9,6 +9,14 @@
= endblock
= block body
+
+