diff --git a/source/_patterns/03-layouts/layout/_layout.scss b/source/_patterns/03-layouts/layout/_layout.scss
index 22bac29ac6b7d98a52a7c110f682e23651d7dc88..41770ae6cdd043e2fa9496f17398814136ef7de9 100644
--- a/source/_patterns/03-layouts/layout/_layout.scss
+++ b/source/_patterns/03-layouts/layout/_layout.scss
@@ -1,5 +1,3 @@
-.layout {
-  .uw-contained-width {
-    @include uw-contained-width;
-  }
+.layout.uw-contained-width {
+  @include uw-contained-width;
 }
diff --git a/source/_patterns/03-layouts/layout/layout--fourcol/_layout--fourcol.scss b/source/_patterns/03-layouts/layout/layout--fourcol/_layout--fourcol.scss
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/source/_patterns/03-layouts/layout/layout--fourcol/layout--fourcol.twig b/source/_patterns/03-layouts/layout/layout--fourcol/layout--fourcol.twig
new file mode 100644
index 0000000000000000000000000000000000000000..6942d0e03f9c51dd7645862a9ddd1e845947891a
--- /dev/null
+++ b/source/_patterns/03-layouts/layout/layout--fourcol/layout--fourcol.twig
@@ -0,0 +1,23 @@
+<div{{ attributes }}>
+
+  <div {{ region_attributes.first.addClass('layout__region', 'layout__region--first') }}>
+    {% block content_first %}
+      Layout Region Four Column Layout
+    {% endblock %}
+  </div>
+
+  <div {{ region_attributes.second.addClass('layout__region', 'layout__region--second') }}>
+    {% block content_second %}
+    {% endblock %}
+  </div>
+
+  <div {{ region_attributes.third.addClass('layout__region', 'layout__region--third') }}>
+    {% block content_third %}
+    {% endblock %}
+  </div>
+
+  <div {{ region_attributes.fourth.addClass('layout__region', 'layout__region--fourth') }}>
+    {% block content_fourth %}
+    {% endblock %}
+  </div>
+</div>
diff --git a/source/_patterns/03-layouts/layout/layout--fourcol/layout--fourcol.yml b/source/_patterns/03-layouts/layout/layout--fourcol/layout--fourcol.yml
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/source/_patterns/03-layouts/layout/layout--threecol/_layout--threecol.scss b/source/_patterns/03-layouts/layout/layout--threecol/_layout--threecol.scss
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/source/_patterns/03-layouts/layout/layout--threecol/layout--threecol.twig b/source/_patterns/03-layouts/layout/layout--threecol/layout--threecol.twig
new file mode 100644
index 0000000000000000000000000000000000000000..c13ee6e59ad0b836e68659cd8d2f0ffa2ceee4fb
--- /dev/null
+++ b/source/_patterns/03-layouts/layout/layout--threecol/layout--threecol.twig
@@ -0,0 +1,18 @@
+<div{{ attributes }}>
+
+  <div {{ region_attributes.first.addClass('layout__region', 'layout__region--first') }}>
+    {% block content_first %}
+      Layout Region Three Column Layout
+    {% endblock %}
+  </div>
+
+  <div {{ region_attributes.second.addClass('layout__region', 'layout__region--second') }}>
+    {% block content_second %}
+    {% endblock %}
+  </div>
+
+  <div {{ region_attributes.third.addClass('layout__region', 'layout__region--third') }}>
+    {% block content_third %}
+    {% endblock %}
+  </div>
+</div>
diff --git a/source/_patterns/03-layouts/layout/layout--threecol/layout--threecol.yml b/source/_patterns/03-layouts/layout/layout--threecol/layout--threecol.yml
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/source/_patterns/03-layouts/layout/layout--twocol/_layout--twocol.scss b/source/_patterns/03-layouts/layout/layout--twocol/_layout--twocol.scss
new file mode 100644
index 0000000000000000000000000000000000000000..41770ae6cdd043e2fa9496f17398814136ef7de9
--- /dev/null
+++ b/source/_patterns/03-layouts/layout/layout--twocol/_layout--twocol.scss
@@ -0,0 +1,3 @@
+.layout.uw-contained-width {
+  @include uw-contained-width;
+}
diff --git a/source/_patterns/03-layouts/layout/layout--twocol/layout--twocol.twig b/source/_patterns/03-layouts/layout/layout--twocol/layout--twocol.twig
new file mode 100644
index 0000000000000000000000000000000000000000..fb696a6cad67d6c2b211347a04d67a36c7616b2e
--- /dev/null
+++ b/source/_patterns/03-layouts/layout/layout--twocol/layout--twocol.twig
@@ -0,0 +1,13 @@
+<div{{ attributes }}>
+
+  <div {{ region_attributes.first.addClass('layout__region', 'layout__region--first') }}>
+    {% block content_first %}
+      Layout Region Two Column Layout
+    {% endblock %}
+  </div>
+
+  <div {{ region_attributes.second.addClass('layout__region', 'layout__region--second') }}>
+    {% block content_second %}
+    {% endblock %}
+  </div>
+</div>
diff --git a/source/_patterns/03-layouts/layout/layout--twocol/layout--twocol.yml b/source/_patterns/03-layouts/layout/layout--twocol/layout--twocol.yml
new file mode 100644
index 0000000000000000000000000000000000000000..e69de29bb2d1d6434b8b29ae775ad8c2e48c5391
diff --git a/source/_patterns/03-layouts/layout/layout.twig b/source/_patterns/03-layouts/layout/layout.twig
index 4dc6b98355f567f506c8c72f80f0d8d0f3102468..8a38aab026f6a3c6c8e6c4bc26a20929798864af 100644
--- a/source/_patterns/03-layouts/layout/layout.twig
+++ b/source/_patterns/03-layouts/layout/layout.twig
@@ -1,5 +1,5 @@
-<div class="layout layout--{{ type }}">
-  <div {{ region_attributes.content.addClass('layout__region', 'layout__region--content', width) }}>
+<div{{ attributes }}>
+  <div {{ region_attributes.content.addClass('layout__region', 'layout__region--content') }}>
     {% block content %}
       Layout Region One Column Layout
     {% endblock %}