diff --git a/layouts/partials/head/site-style.html b/layouts/partials/head/site-style.html
index c1b902c49..9ef3cccc3 100644
--- a/layouts/partials/head/site-style.html
+++ b/layouts/partials/head/site-style.html
@@ -3,4 +3,8 @@
 <script>try{Typekit.load({ async: true });}catch(e){}</script>
 {{if .Site.Params.usefontawesome}}
 <link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
-{{end}}
\ No newline at end of file
+{{end}}
+
+{{ if .IsHome }}
+<link rel="stylesheet" href="{{ "css/homepage.min.css" | relURL }}">
+{{ end }}
\ No newline at end of file
diff --git a/pipeline/gulpfile.js b/pipeline/gulpfile.js
index 18086622e..e42cc7d1e 100644
--- a/pipeline/gulpfile.js
+++ b/pipeline/gulpfile.js
@@ -16,6 +16,7 @@ const pump = require('pump');
 const rename = require("gulp-rename");
 const sass = require('gulp-sass');
 const sassfiles = "./scss/**/*.scss";
+const sassfileshp = "./scss/**/homepage/*.scss";
 const sourcemaps = require('gulp-sourcemaps');
 const uglify = require('gulp-uglify');
 
@@ -37,6 +38,15 @@ gulp.task('sass', function() {
     .pipe(gulp.dest('../static/css'));
 });
 
+gulp.task('homepage', function() {
+  gulp.src(sassfileshp)
+    .pipe(sass({ outputStyle: 'compressed' }).on('error', sass.logError))
+    .pipe(prefix('last 2 versions', '> 1%', 'ie 10', 'Android 2', 'Firefox ESR'))
+    .pipe(plumber())
+    .pipe(rename('homepage.min.css'))
+    .pipe(gulp.dest('../static/css'));
+});
+
 gulp.task("image-resize", () => {
   return gulp.src("../source-images/*.{jpg,png,jpeg,gif}")
     .pipe(imagemin())
@@ -82,8 +92,9 @@ gulp.task('scripts', function(cb) {
  * - Watchs for file changes for images, scripts and sass/css
  *
  **/
-gulp.task('default', ['sass', 'scripts', 'image-resize'], function() {
+gulp.task('default', ['sass', 'scripts', 'image-resize', 'homepage'], function() {
   gulp.watch('scss/**/*.scss', ['sass']);
+  gulpt.watch('scss/**/homepage/*.{sass,scss}', ['homepage']);
   gulp.watch('js/**/*.js', ['scripts']);
   gulp.watch('../source-images/*', ['image-resize']);
 });
diff --git a/pipeline/package.json b/pipeline/package.json
index 0ab7388db..1f331fd56 100644
--- a/pipeline/package.json
+++ b/pipeline/package.json
@@ -23,6 +23,7 @@
   "homepage": "https://github.com/dope/gulp-starter",
   "devDependencies": {
     "babel-preset-es2015": "^6.18.0",
+    "bulma": "^0.3.2",
     "concurrent-transform": "^1.0.0",
     "gulp": "^3.8.8",
     "gulp-autoprefixer": "^1.0.1",
diff --git a/pipeline/scss/homepage/_homepage.scss b/pipeline/scss/homepage/_homepage.scss
new file mode 100644
index 000000000..5c21bed19
--- /dev/null
+++ b/pipeline/scss/homepage/_homepage.scss
@@ -0,0 +1,2 @@
+@import '../scss/variables';
+@import '../node_modules/bulma/sass/bulma';
\ No newline at end of file