diff --git a/gulpfile.js b/gulpfile.js
index a242c624d0b8499c767646d267b5caaced992683..b406c466d298ecfdd9dcede4503c5efb980bd9f1 100644
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -106,6 +106,31 @@ const compileStyles = () => {
     .pipe(dest(cssSrc));
 };
 
+const layoutsSrc = [
+  path.join(__dirname, '/source/uw-dashboards.scss')
+];
+
+const compileLayoutStyles = () => {
+  return src(layoutsSrc)
+    .pipe(sassGlob())
+    .pipe(sourcemaps.init())
+    .pipe(
+      sass({
+        includePaths: ['./node_modules/breakpoint-sass/stylesheets'],
+        precision: 10,
+      })
+    )
+    .pipe(
+      postcss([
+        require('postcss-assets')(),
+        require('autoprefixer')({
+          remove: false,
+        }),
+      ])
+    )
+    .pipe(dest(cssSrc));
+};
+
 const buildPatternLab = () => {
   return patternLab.build({ cleanPublic: true, watch: false });
 };
@@ -168,7 +193,7 @@ const watchFiles = () => {
 
 const buildComponentScripts = (exports.buildScripts = series(compileComponentScripts));
 
-const buildStyles = (exports.buildStyles = series(lintStyles, compileStyles));
+const buildStyles = (exports.buildStyles = series(lintStyles, compileStyles, compileLayoutStyles));
 
 const build = (isProduction = true ) => {
   const scriptTask = isProduction ? bundleScripts : bundleScriptsDev;
diff --git a/source/uw-dashboards.scss b/source/uw-dashboards.scss
new file mode 100644
index 0000000000000000000000000000000000000000..d7e24fdb8e1c2735c23b743d3d1c3d03b1403e4a
--- /dev/null
+++ b/source/uw-dashboards.scss
@@ -0,0 +1,5 @@
+@import 'breakpoint';
+
+@import '_patterns/00-config/**/*.scss';
+@import '_patterns/01-global/**/*.scss';
+@import '_patterns/03-layouts/layout/**/*.scss';
\ No newline at end of file