diff --git a/assets/icons/glass--white.png b/assets/icons/glass--white.png
new file mode 100644
index 0000000..ef3303d
Binary files /dev/null and b/assets/icons/glass--white.png differ
diff --git a/gulp/config.js b/gulp/config.js
index a86b7fc..1c566b0 100644
--- a/gulp/config.js
+++ b/gulp/config.js
@@ -43,6 +43,10 @@ module.exports = function () {
       src:  basePaths.assets + 'favicons/',
       dest: basePaths.dest
     },
+    icons: {
+      src:  basePaths.assets + 'icons/',
+      dest: basePaths.dest + 'assets/icons/'
+    },
     fonts: {
       src:  basePaths.assets + 'fonts/',
       dest: basePaths.dest + 'assets/fonts/'
@@ -57,6 +61,7 @@ module.exports = function () {
     images:   paths.images.src + '**/*',
     logos:    paths.logos.src + '**/*',
     favicons: paths.favicons.src + '**/*',
+    icons:    paths.icons.src + '**/*',
     fonts:    paths.fonts.src + '**/*'
   };
 
diff --git a/gulp/tasks/assets.js b/gulp/tasks/assets.js
index 50f43ee..a756178 100644
--- a/gulp/tasks/assets.js
+++ b/gulp/tasks/assets.js
@@ -8,6 +8,8 @@ module.exports = function (gulp, $, config) {
   var logosDest    = config.paths.logos.dest;
   var faviconsSrc  = config.appFiles.favicons;
   var faviconsDest = config.paths.favicons.dest;
+  var iconsSrc     = config.appFiles.icons;
+  var iconsDest    = config.paths.icons.dest;
   var fontsSrc     = config.appFiles.fonts;
   var fontsDest    = config.paths.fonts.dest;
 
@@ -24,10 +26,14 @@ module.exports = function (gulp, $, config) {
       .pipe($.changed(faviconsSrc))
       .pipe(gulp.dest(faviconsDest));
 
+    var iconsSt = gulp.src(iconsSrc)
+      .pipe($.changed(iconsSrc))
+      .pipe(gulp.dest(iconsDest));
+
     var fontsSt = gulp.src(fontsSrc)
       .pipe($.changed(fontsSrc))
       .pipe(gulp.dest(fontsDest));
 
-    return merge(imagesSt, logosSt, faviconsSt, fontsSt);
+    return merge(imagesSt, logosSt, faviconsSt, iconsSt, fontsSt);
   };
 };
diff --git a/src/modules/search/definition.yml b/src/modules/search/definition.yml
new file mode 100644
index 0000000..dffce4f
--- /dev/null
+++ b/src/modules/search/definition.yml
@@ -0,0 +1,2 @@
+data: {}
+options: {}
diff --git a/src/modules/search/markup.jade b/src/modules/search/markup.jade
new file mode 100644
index 0000000..21a7b4f
--- /dev/null
+++ b/src/modules/search/markup.jade
@@ -0,0 +1,4 @@
+mixin search(data, options)
+  form.search(class=attributes.class, method='get', action='#')
+    input.search-input(type='text', name="query")
+    span.search-icon(type="submit")
diff --git a/src/modules/search/spec.jade b/src/modules/search/spec.jade
new file mode 100644
index 0000000..1b8824a
--- /dev/null
+++ b/src/modules/search/spec.jade
@@ -0,0 +1,2 @@
+h2 Search
++search()
diff --git a/src/modules/search/spec.png b/src/modules/search/spec.png
new file mode 100644
index 0000000..91e8ca1
Binary files /dev/null and b/src/modules/search/spec.png differ
diff --git a/src/modules/search/style.scss b/src/modules/search/style.scss
new file mode 100644
index 0000000..a3c8056
--- /dev/null
+++ b/src/modules/search/style.scss
@@ -0,0 +1,48 @@
+$search-icon-size: 15px !default;
+$search-icon-glass-url: url(../assets/icons/glass--white.png);
+
+//spaces
+$search-spacing:        12px !default;
+$search-spacing-half:   0.5 * $search-spacing;
+$search-spacing-double: 2 * $search-spacing;
+
+//colors
+$search-font-color: #FFF !default;
+
+.search {
+  display: flex;
+  &-input {
+    flex-grow: 1;
+
+    padding: $search-spacing-half $search-spacing;
+    background-color: transparent;
+
+    border: 1px solid rgba($c-white, 0.5);
+    transition: 100ms border ease;
+    border-radius: 1.5rem;
+
+    color: $search-font-color;
+    &:focus {
+      border: 1px solid $c-white;
+      outline: none;
+    }
+  }
+  &-icon {
+    align-self: center;
+    opacity: 0.5;
+    transition: 100ms opacity ease;
+
+    background: $search-icon-glass-url;
+    background-size: cover;
+    background-repeat: no-repeat;
+
+    width: $search-icon-size;
+    height: $search-icon-size;
+
+    margin-left: $search-spacing-double;
+  }
+
+  &-input:focus ~ &-icon {
+    opacity: 1;
+  }
+}
diff --git a/src/styles/_0.settings.scss b/src/styles/_0.settings.scss
index 5f2c39d..881d5c3 100644
--- a/src/styles/_0.settings.scss
+++ b/src/styles/_0.settings.scss
@@ -10,3 +10,23 @@ $breakpoints: (
     "print"               : "print"
 );
 
+/**
+ * Defines the spaces
+ */
+
+// general
+$s:         12px;
+$s-half:    0.5 * $s;
+$s-double:  2   * $s;
+
+// search
+$search-spacing: $s;
+
+
+/**
+ * Defines Icon Styles
+ */
+
+//search
+$search-icon-size: 15px;
+$search-icon-glass-url: url(../assets/icons/glass--white.png);
diff --git a/src/styles/_2.color.scss b/src/styles/_2.color.scss
index 8b2394c..80fc263 100644
--- a/src/styles/_2.color.scss
+++ b/src/styles/_2.color.scss
@@ -10,4 +10,5 @@ $c-red:            #E00202;
 
 $c-cover:          rgba(0,0,0,0.5);
 
-
+// search
+$search-font-color: $c-white;