diff --git a/styleguide/source/_patterns/01-atoms/01-buttons/button-sort-as-ascending.md b/styleguide/source/_patterns/01-atoms/01-buttons/button-sort-as-ascending.md
new file mode 100644
index 0000000000..0f31cd1ed7
--- /dev/null
+++ b/styleguide/source/_patterns/01-atoms/01-buttons/button-sort-as-ascending.md
@@ -0,0 +1,5 @@
+### Description
+This is a variant of the [Sort Button](./?p=atoms-button-sort) pattern showing an example with the arrows set to ascending sort order.
+
+### How to generate
+* set the 'direction' variable to 'asc'
diff --git a/styleguide/source/_patterns/01-atoms/01-buttons/button-sort-as-descending.md b/styleguide/source/_patterns/01-atoms/01-buttons/button-sort-as-descending.md
new file mode 100644
index 0000000000..63e3d4e728
--- /dev/null
+++ b/styleguide/source/_patterns/01-atoms/01-buttons/button-sort-as-descending.md
@@ -0,0 +1,5 @@
+### Description
+This is a variant of the [Sort Button](./?p=atoms-button-sort) pattern showing an example with the arrows set to descending sort order.
+
+### How to generate
+* set the 'direction' variable to 'dsc'
diff --git a/styleguide/source/_patterns/01-atoms/01-buttons/button-sort.json b/styleguide/source/_patterns/01-atoms/01-buttons/button-sort.json
index 6bda069e31..b7be201f67 100644
--- a/styleguide/source/_patterns/01-atoms/01-buttons/button-sort.json
+++ b/styleguide/source/_patterns/01-atoms/01-buttons/button-sort.json
@@ -1,6 +1,6 @@
 {
   "buttonSort": {
     "text": "Date",
-    "direction": "asc"
+    "direction": ""
   }
 }
diff --git a/styleguide/source/_patterns/01-atoms/01-buttons/button-sort.md b/styleguide/source/_patterns/01-atoms/01-buttons/button-sort.md
index c2f1abf662..4415165491 100644
--- a/styleguide/source/_patterns/01-atoms/01-buttons/button-sort.md
+++ b/styleguide/source/_patterns/01-atoms/01-buttons/button-sort.md
@@ -1,22 +1,21 @@
----
-title: Button Sort
----
+### Description
+This Pattern shows a button with directional arrows, typically used to show sort order
 
-Description: A `<button>` element that determines the sort order of your results
+### Status
+* Stable as of 5.0.0
 
-## State: ALPHA
+### Variant options
+* The arrows can be changed to show [ascending](./?p=atoms-button-sort-as-ascending) or [descending](./?p=atoms-button-sort-as-descending) sort order instead of the default in active state
 
-### Notes:
+### Usage Guidelines:
 - the gray triangle represents the current state.  The blue triangle is the clickable link.
 
-### Used In:
 
-
-### Required Variables: 
+### Variables
 ~~~
 buttonSort {
   text: 
-    type: string/required
+    type: string / required
   direction:
     type: string ("", "asc", "dsc")
 }
diff --git a/styleguide/source/_patterns/01-atoms/01-buttons/button-sort~as-ascending.json b/styleguide/source/_patterns/01-atoms/01-buttons/button-sort~as-ascending.json
new file mode 100644
index 0000000000..6bda069e31
--- /dev/null
+++ b/styleguide/source/_patterns/01-atoms/01-buttons/button-sort~as-ascending.json
@@ -0,0 +1,6 @@
+{
+  "buttonSort": {
+    "text": "Date",
+    "direction": "asc"
+  }
+}
diff --git a/styleguide/source/_patterns/01-atoms/01-buttons/button-sort~as-descending.json b/styleguide/source/_patterns/01-atoms/01-buttons/button-sort~as-descending.json
new file mode 100644
index 0000000000..4c930a19cb
--- /dev/null
+++ b/styleguide/source/_patterns/01-atoms/01-buttons/button-sort~as-descending.json
@@ -0,0 +1,6 @@
+{
+  "buttonSort": {
+    "text": "Date",
+    "direction": "dsc"
+  }
+}
diff --git a/styleguide/source/_patterns/01-atoms/03-forms/helper-text.md b/styleguide/source/_patterns/01-atoms/03-forms/helper-text.md
index 5fcf49b88e..7f4b428cf4 100644
--- a/styleguide/source/_patterns/01-atoms/03-forms/helper-text.md
+++ b/styleguide/source/_patterns/01-atoms/03-forms/helper-text.md
@@ -1,21 +1,17 @@
----
-title: Helper Text
----
-Description: Helper text for an input that includes if needed.
+### Description
+This pattern is used as Helper text for a form input
 
-## State: ALPHA
+### Status
+* Stable as of 5.0.0
 
-### Notes:
+### Usage Guidelines
+* the `inputId` value should match the id of the related input.
 
-
-### Used In:
-
-
-### Variables:
+### Variables
 ~~~
 helperText: {
   inputId: 
-    type: string / unique ID (matches the id on the input) / required.
+    type: string / required.
   message: 
     type: string / required
 }
diff --git a/styleguide/source/_patterns/01-atoms/03-forms/input-checkbox.md b/styleguide/source/_patterns/01-atoms/03-forms/input-checkbox.md
index 2941d19e01..8d77214652 100644
--- a/styleguide/source/_patterns/01-atoms/03-forms/input-checkbox.md
+++ b/styleguide/source/_patterns/01-atoms/03-forms/input-checkbox.md
@@ -1,25 +1,20 @@
----
-title: Input Checkbox
----
-Description: An `<input> [type='checkbox']`  element with its corresponding `<label>` element,  wrapped in a containing `<span>`.
+### Description
+This is a stylized checkbox with label.
 
-## State: ALPHA
+### Status
+* Stable as of 5.0.0
 
-### Notes:
 
-### Used In:
-- [@organisms/by-template/transition-page](/?p=organisms-transition-page)
-
-### Variables:
+### Variables
 ~~~
 inputCheckbox {
-    value:
-        type: string / required
-    id: 
-        type: string / required
-    label:
-        type: string / required
-    checked:
-        type: boolean
+  value:
+    type: string / required
+  id: 
+    type: string / required
+  label:
+    type: string / required
+  checked:
+    type: boolean
 }
 ~~~
diff --git a/styleguide/source/_patterns/01-atoms/03-forms/input-date.md b/styleguide/source/_patterns/01-atoms/03-forms/input-date.md
index 72407add23..e2565b8d08 100644
--- a/styleguide/source/_patterns/01-atoms/03-forms/input-date.md
+++ b/styleguide/source/_patterns/01-atoms/03-forms/input-date.md
@@ -1,30 +1,29 @@
----
-title: Input Date
----
-Description: An `<input> [type='date']`  element with its corresponding `<label>` element.
+### Description
+This is a Date Input field with a calendar interface.
 
-## State: ALPHA
+### Status
+* Stable as of 5.0.0
 
-### Notes:
-- restrict controls whether the user can pick any date (''), today and prior ('max') or today and future ('min')
+### Usage Guidelines:
+* The 'restrict' variable controls whether the user can pick any date (''), today and prior ('max') or today and future ('min')
 
-### Used In:
+### JavaScript Used
+* This pattern uses JavaScript for the Calendar interface (js/modules/pickaday.js)
 
-
-### Variables:
+### Variables
 ~~~
-  inputDate: {
-    labelText:
-      type: string\required,
-    required: 
-      type: boolean,
-    id: 
-      type: string\unique\required
-    name: 
-      type: string\required
-    placeholder:
-      type: string
-    restrict:
-      type: string ('','max','min')
-  }
+inputDate: {
+  labelText:
+    type: string / required,
+  required: 
+    type: boolean,
+  id: 
+    type: string (unique per page) / required
+  name: 
+    type: string / required
+  placeholder:
+    type: string / optional
+  restrict:
+    type: string ('','max','min') / optional
+}
 ~~~
diff --git a/styleguide/source/_patterns/01-atoms/03-forms/input-group-checkbox-inline.md b/styleguide/source/_patterns/01-atoms/03-forms/input-group-checkbox-inline.md
new file mode 100644
index 0000000000..8a1abe5d98
--- /dev/null
+++ b/styleguide/source/_patterns/01-atoms/03-forms/input-group-checkbox-inline.md
@@ -0,0 +1,6 @@
+### Description
+This is a variant of the [Input Group](./?p=atoms-input-group) pattern showing an example with checkboxes inline.
+
+### How to generate
+* set the `inputGroup.type` variable to "checkbox"
+* set the `inline` variable to true.
diff --git a/styleguide/source/_patterns/01-atoms/03-forms/input-group-checkbox.md b/styleguide/source/_patterns/01-atoms/03-forms/input-group-checkbox.md
new file mode 100644
index 0000000000..bb958f64f9
--- /dev/null
+++ b/styleguide/source/_patterns/01-atoms/03-forms/input-group-checkbox.md
@@ -0,0 +1,5 @@
+### Description
+This is a variant of the [Input Group](./?p=atoms-input-group) pattern showing an example with checkboxes.
+
+### How to generate
+* set the `inputGroup.type` variable to "checkbox"
diff --git a/styleguide/source/_patterns/01-atoms/03-forms/input-group-radio-inline.md b/styleguide/source/_patterns/01-atoms/03-forms/input-group-radio-inline.md
new file mode 100644
index 0000000000..2fa70ce8b7
--- /dev/null
+++ b/styleguide/source/_patterns/01-atoms/03-forms/input-group-radio-inline.md
@@ -0,0 +1,6 @@
+### Description
+This is a variant of the [Input Group](./?p=atoms-input-group) pattern showing an example with radio buttons inline.
+
+### How to generate
+* set the `inputGroup.type` variable to "radio"
+* set the `inline` variable to true.
diff --git a/styleguide/source/_patterns/01-atoms/03-forms/input-group.md b/styleguide/source/_patterns/01-atoms/03-forms/input-group.md
index 3fee3ab124..6b0d5bafd8 100644
--- a/styleguide/source/_patterns/01-atoms/03-forms/input-group.md
+++ b/styleguide/source/_patterns/01-atoms/03-forms/input-group.md
@@ -1,17 +1,21 @@
----
-title: Input Group
----
-Description: Renders a group of radio buttons or checkboxes with an optional title.
+### Description
+This pattern renders a group of radio buttons or checkboxes with an optional title.
 
-## State: ALPHA
+### Status
+* Stable as of 5.0.0
 
-### Notes:
-- radio button groups should always have required set to true for 508 compliance and because you can't reset a radio button group.
+### Pattern Contains
+* Input Checkbox
+* Input Radio
 
-### Used In:
+### Variant options
+* The pattern can also be rendered with [checkboxes](./?p=atoms-input-group-checkbox)
+* The input can be rendered inline for [radio buttons](./?p=atoms-input-group-radio-inline) and [checkboxes](./?p=atoms-input-group-checkbox-inline)
 
+### Usage Guidelines:
+- radio button groups should always have the `required` variable set to true since radio inputs are never optional
 
-### Variables:
+### Variables
 ~~~
 inputGroup: {
   required: 
@@ -23,7 +27,7 @@ inputGroup: {
   type: 
     type: string ('radio' or 'checkbox') / required
   items: [{
-    type: array of objects - uses inputRadio object for both radio and checkboxes.
+    type: array of inputRadio / required.
   }]
 }
 ~~~
diff --git a/styleguide/source/_patterns/01-atoms/03-forms/input-radio.md b/styleguide/source/_patterns/01-atoms/03-forms/input-radio.md
index 37e7a31683..ef3d9656c1 100644
--- a/styleguide/source/_patterns/01-atoms/03-forms/input-radio.md
+++ b/styleguide/source/_patterns/01-atoms/03-forms/input-radio.md
@@ -1,28 +1,22 @@
----
-title: Input Radio
----
-Description: An `<input> [type='radio']`  element with its corresponding `<label>` element, wrapped in a containing `<span>` element.
+### Description
+This is a stylized radio input
 
-## State: ALPHA
+### Status
+* Stable as of 5.0.0
 
-### Notes:
-Radio buttons which are related to the form field control should have the same value for inputRadio.name
 
-### Used In:
-- [@organisms/by-author/feedback-form](/?p=organisms-feedback-form)
-
-### Variables:
+### Variables
 ~~~
 inputRadio {
-    name:
-        type: string / required
-    value:
-        type: string / required
-    id:
-        type: string / required
-    label:
-        type: string / required
-    checked:
-        type: boolean
+  name:
+    type: string / required
+  value:
+    type: string / required
+  id:
+    type: string / required
+  label:
+    type: string / required
+  checked:
+    type: boolean
 }
 ~~~
diff --git a/styleguide/source/_patterns/01-atoms/03-forms/input-text-as-error.json b/styleguide/source/_patterns/01-atoms/03-forms/input-text-as-error.json
new file mode 100644
index 0000000000..b2285f262b
--- /dev/null
+++ b/styleguide/source/_patterns/01-atoms/03-forms/input-text-as-error.json
@@ -0,0 +1,15 @@
+{
+  "inputText": {
+    "hiddenLabel": false,
+    "labelText": "Text Input as Error",
+    "required": true,
+    "id": "text-input",
+    "name": "text-input",
+    "type": "text",
+    "width": "",
+    "maxlength": "",
+    "pattern": "",
+    "placeholder": "type something",
+    "errorMsg": "you did not type something"
+  }
+}
diff --git a/styleguide/source/_patterns/01-atoms/03-forms/input-text-as-error.md b/styleguide/source/_patterns/01-atoms/03-forms/input-text-as-error.md
new file mode 100644
index 0000000000..e33ec9d9bf
--- /dev/null
+++ b/styleguide/source/_patterns/01-atoms/03-forms/input-text-as-error.md
@@ -0,0 +1,6 @@
+### Description
+This is a variant of the [Input Text](./?p=atoms-input-text) pattern showing an example of a required input in the error state.
+
+### How to generate
+* set the 'required' variable to true
+* Submit the form while this input is blank
diff --git a/styleguide/source/_patterns/01-atoms/03-forms/input-text-as-error.twig b/styleguide/source/_patterns/01-atoms/03-forms/input-text-as-error.twig
new file mode 100644
index 0000000000..c653efead3
--- /dev/null
+++ b/styleguide/source/_patterns/01-atoms/03-forms/input-text-as-error.twig
@@ -0,0 +1,6 @@
+{% include "@atoms/03-forms/input-text.twig" %}
+
+<script>
+  document.querySelector('.ma__error-msg').classList.add('has-error');
+  document.querySelector('.ma__input').classList.add('has-error');
+</script>
diff --git a/styleguide/source/_patterns/01-atoms/03-forms/input-text-as-optional.md b/styleguide/source/_patterns/01-atoms/03-forms/input-text-as-optional.md
new file mode 100644
index 0000000000..9bf51040ae
--- /dev/null
+++ b/styleguide/source/_patterns/01-atoms/03-forms/input-text-as-optional.md
@@ -0,0 +1,5 @@
+### Description
+This is a variant of the [Input Text](./?p=atoms-input-text) pattern showing an example of an optional input.
+
+### How to generate
+* set the 'required' variable to false
diff --git a/styleguide/source/_patterns/01-atoms/03-forms/input-text-for-file.md b/styleguide/source/_patterns/01-atoms/03-forms/input-text-for-file.md
new file mode 100644
index 0000000000..ee8d548000
--- /dev/null
+++ b/styleguide/source/_patterns/01-atoms/03-forms/input-text-for-file.md
@@ -0,0 +1,5 @@
+### Description
+This is a variant of the [Input Text](./?p=atoms-input-text) pattern showing an example of an file input type.
+
+### How to generate
+* set the 'type' variable to 'file'
diff --git a/styleguide/source/_patterns/01-atoms/03-forms/input-text-for-number.md b/styleguide/source/_patterns/01-atoms/03-forms/input-text-for-number.md
new file mode 100644
index 0000000000..360f31866f
--- /dev/null
+++ b/styleguide/source/_patterns/01-atoms/03-forms/input-text-for-number.md
@@ -0,0 +1,5 @@
+### Description
+This is a variant of the [Input Text](./?p=atoms-input-text) pattern showing an example of a number input type.
+
+### How to generate
+* set the 'type' variable to 'number'
diff --git a/styleguide/source/_patterns/01-atoms/03-forms/input-text-with-hidden-label.md b/styleguide/source/_patterns/01-atoms/03-forms/input-text-with-hidden-label.md
new file mode 100644
index 0000000000..a6b3efe9b0
--- /dev/null
+++ b/styleguide/source/_patterns/01-atoms/03-forms/input-text-with-hidden-label.md
@@ -0,0 +1,5 @@
+### Description
+This is a variant of the [Input Text](./?p=atoms-input-text) pattern showing an example with a visually hidden label.
+
+### How to generate
+* set the 'hiddenLabel' variable to true
diff --git a/styleguide/source/_patterns/01-atoms/03-forms/input-text-with-max-char.md b/styleguide/source/_patterns/01-atoms/03-forms/input-text-with-max-char.md
new file mode 100644
index 0000000000..2a0c3367b4
--- /dev/null
+++ b/styleguide/source/_patterns/01-atoms/03-forms/input-text-with-max-char.md
@@ -0,0 +1,5 @@
+### Description
+This is a variant of the [Input Text](./?p=atoms-input-text) pattern showing an example with a max char length.
+
+### How to generate
+* set the 'maxlength' variable to a numeric string (ie: "10")
diff --git a/styleguide/source/_patterns/01-atoms/03-forms/input-text-with-width.md b/styleguide/source/_patterns/01-atoms/03-forms/input-text-with-width.md
new file mode 100644
index 0000000000..ac2990de65
--- /dev/null
+++ b/styleguide/source/_patterns/01-atoms/03-forms/input-text-with-width.md
@@ -0,0 +1,5 @@
+### Description
+This is a variant of the [Input Text](./?p=atoms-input-text) pattern showing an example with a fixed pixel width.
+
+### How to generate
+* set the 'width' variable to a numeric string (ie: "500")
diff --git a/styleguide/source/_patterns/01-atoms/03-forms/input-text.md b/styleguide/source/_patterns/01-atoms/03-forms/input-text.md
index ce1ffa228a..52005f4ff0 100644
--- a/styleguide/source/_patterns/01-atoms/03-forms/input-text.md
+++ b/styleguide/source/_patterns/01-atoms/03-forms/input-text.md
@@ -1,38 +1,46 @@
----
-title: Input Text
----
-Description: An `<input> [type='text']`  element with its corresponding `<label>` element.
+### Description
+This Pattern is a stylized input text field.
 
-## State: ALPHA
+### Status
+* Stable as of 5.0.0
 
-### Notes:
+### Variant options
+* This pattern can be rendered with a fixed [width](./?p=atoms-input-text-with-width) and a [max character](./?p=atoms-input-text-with-max-char) length
+* It can be used as a [number](./?p=atoms-input-text-for-number), [file](./?p=atoms-input-text-for-file), or any other HTML5 text input type.
+* The label can also be visually [hidden](./?p=atoms-input-text-with-hidden-label)
+* Next to the label, the word [optional](./?p=atoms-input-text-as-optional) appears if the input isn't required
+* If the input is required and blank when submitted, it will display in an [error](./?p=atoms-input-text-as-error) state
 
-### Used In:
-- [@organisms/by-author/feedback-form](/?p=organisms-feedback-form)
-- [@molecules/search-banner-form](/?p=molecules-search-banner-form)
+### Usage Guidelines
+* use the Input Date Pattern instead of setting the type variable to date here.
 
-### Variables:
+
+### JavaScript Used
+* to increment the number input type and to enforce the [0-9] pattern value (js/modules/formInputs.js)
+
+
+### Variables
 ~~~
-  inputText: {
-    labelText:
-      type: string/required,
-    required: 
-      type: boolean,
-    id: 
-      type: string/unique/required
-    name: 
-      type: string/required
-    type:
-      type: string ('text','email', 'number', etc...) / required
-    maxlength:
-      type: number / optional
-    pattern:
-      type: string / optional (ex: "[0-9]" for numbers only)
-    width:
-      type: string (number value) / optional
-    placeholder:
-      type: string /optional
-    errorMsg:
-      type: string /optional
-  }
+inputText: {
+  labelText:
+    type: string / required,
+  required: 
+    type: boolean,
+  id: 
+    type: string (unique per page) / required
+  name: 
+    type: string / required
+  type:
+    type: string (html5 input types => 'text','email', 'number', etc...) / required
+  maxlength:
+    type: number / optional
+  pattern:
+    type: string / optional (ex: "[0-9]" for numbers only)
+  width:
+    type: string (number value) / optional
+  placeholder:
+    type: string / optional
+  errorMsg:
+    type: string / optional
+}
 ~~~
diff --git a/styleguide/source/_patterns/01-atoms/03-forms/input-text~as-optional.json b/styleguide/source/_patterns/01-atoms/03-forms/input-text~as-optional.json
new file mode 100644
index 0000000000..04464d890d
--- /dev/null
+++ b/styleguide/source/_patterns/01-atoms/03-forms/input-text~as-optional.json
@@ -0,0 +1,15 @@
+{
+  "inputText": {
+    "hiddenLabel": false,
+    "labelText": "Text Input",
+    "required": false,
+    "id": "optional-input",
+    "name": "optional-input",
+    "type": "text",
+    "width": "",
+    "maxlength": "",
+    "pattern": "",
+    "placeholder": "Optional input",
+    "errorMsg": ""
+  }
+}
diff --git a/styleguide/source/_patterns/01-atoms/03-forms/input-text~for-email.json b/styleguide/source/_patterns/01-atoms/03-forms/input-text~for-email.json
deleted file mode 100644
index da58614385..0000000000
--- a/styleguide/source/_patterns/01-atoms/03-forms/input-text~for-email.json
+++ /dev/null
@@ -1,15 +0,0 @@
-{
-  "inputText": {
-    "hiddenLabel": false,
-    "labelText": "Email Address",
-    "required": false,
-    "id": "email-input",
-    "name": "email-input",
-    "type": "email",
-    "width": "",
-    "maxlength": "",
-    "pattern": "",
-    "placeholder": "you@email.com",
-    "errorMsg": ""
-  }
-}
diff --git a/styleguide/source/_patterns/01-atoms/03-forms/input-text~with-max-char.json b/styleguide/source/_patterns/01-atoms/03-forms/input-text~with-max-char.json
new file mode 100644
index 0000000000..2290a331fe
--- /dev/null
+++ b/styleguide/source/_patterns/01-atoms/03-forms/input-text~with-max-char.json
@@ -0,0 +1,15 @@
+{
+  "inputText": {
+    "hiddenLabel": false,
+    "labelText": "Text Input",
+    "required": false,
+    "id": "length-input",
+    "name": "length-input",
+    "type": "text",
+    "width": "",
+    "maxlength": "10",
+    "pattern": "",
+    "placeholder": "Enter only 10 characters",
+    "errorMsg": ""
+  }
+}
diff --git a/styleguide/source/_patterns/01-atoms/03-forms/select-box.md b/styleguide/source/_patterns/01-atoms/03-forms/select-box.md
index 226dd7d6d1..9b37c106a8 100644
--- a/styleguide/source/_patterns/01-atoms/03-forms/select-box.md
+++ b/styleguide/source/_patterns/01-atoms/03-forms/select-box.md
@@ -1,32 +1,27 @@
----
-title: Select Box
----
-Description: A `<select>`  element with its corresponding `<label>` element and `<option>` elements, wrapped in a containing `<section>` element with additional `<div>` elements with progressive enhancement to achieve a themed drop down list via javascript functionality.
+### Description
+This is a stylized selectbox.
 
-## State: ALPHA
+### Status
+* Stable as of 5.0.0
 
-### Notes:
-_No limit to number of objects in options array_
 
-### Used In:
-- [@organisms/by-author/feedback-form](/?p=organisms-feedback-form)
+### JavaScript Used
+* To keep the value displayed in sync with the current value of the select box (js/modules/dropdown.js)
 
-### Variables:
+### Variables
 ~~~
 selectBox {
-    label:
-        type: string / required
-    required:
-        type: boolean
-    id:
-        type: string / required
-    options: [
-        {
-            value:
-                type: string / required
-            text: 
-                type: string / required
-        }, / required (multiple)
-    ]
+  label:
+    type: string / required
+  required:
+    type: boolean
+  id:
+    type: string (unique per page) / required
+  options: [{
+    value:
+      type: string / required
+    text: 
+      type: string / required
+  }]
 }
 ~~~
diff --git a/styleguide/source/_patterns/01-atoms/03-forms/textarea-set-characters.md b/styleguide/source/_patterns/01-atoms/03-forms/textarea-set-characters.md
new file mode 100644
index 0000000000..fbeca6a7d1
--- /dev/null
+++ b/styleguide/source/_patterns/01-atoms/03-forms/textarea-set-characters.md
@@ -0,0 +1,5 @@
+### Description
+This is a variant of the [Textarea](./?p=atoms-textarea) pattern showing an example with a max length.
+
+### How to generate
+* set the `maxlegth` variable to a number value
diff --git a/styleguide/source/_patterns/01-atoms/03-forms/textarea.md b/styleguide/source/_patterns/01-atoms/03-forms/textarea.md
index a8fb544b97..8da79dbabb 100644
--- a/styleguide/source/_patterns/01-atoms/03-forms/textarea.md
+++ b/styleguide/source/_patterns/01-atoms/03-forms/textarea.md
@@ -1,31 +1,29 @@
----
-title: Input Textarea
----
-Description: A `<textarea>`  element with its corresponding `<label>` element.
+### Description
+This is stylized textarea input
 
-## State: ALPHA
+### Status
+* Stable as of 5.0.0
 
-### Notes:
+### Variant options
+* a [maxlength](./?p=atoms-textarea-set-characters) restriction can be applied
 
+### JavaScript Used
+* This pattern uses JavaScript for the maxlength option to show the remaining character count (js/modules/formInputs.js)
 
-### Used In:
-- [@organisms/by-author/feedback-form](/?p=organisms-feedback-form)
-
-### Variables:
+### Variables
 ~~~
 textarea:  {
   labelText:
-    type: string\required,
+    type: string / required,
   hiddenLabel:
     type: boolean,
   required: 
     type: boolean,
   maxlength:
-    type: number/optional
+    type: number / optional
   id: 
-    type: string\unique\required
+    type: string (unique per page) / required
   name: 
-    type: string\required
+    type: string / required
 }
 ~~~
-
diff --git a/styleguide/source/_patterns/02-molecules/back-button.md b/styleguide/source/_patterns/02-molecules/back-button.md
index 53c12e891d..449f333ee1 100644
--- a/styleguide/source/_patterns/02-molecules/back-button.md
+++ b/styleguide/source/_patterns/02-molecules/back-button.md
@@ -1,23 +1,19 @@
----
-title: Back Button
----
+### Description
+This Pattern is a button that is designed to take the user Back to the Previous page.
 
-Description: Takes the user Back to the Previous page
-
-## Status: alpha
-
-### Notes:
+### Status
+* Stable as of 5.0.0
 
 ### Variables
 ~~~
-"backButton": {
-  "link": {
-    "href": 
-      type: string/required
-    "text":  
-      type: string/required
-    "info":  
-      type: string/optional (for screen readers if text isn't descriptive)
+backButton: {
+  link: {
+    href: 
+      type: string / required
+    text:  
+      type: string / required
+    info:  
+      type: string / optional (for screen readers if text isn't descriptive)
   }
 }
 ~~~
diff --git a/styleguide/source/_patterns/02-molecules/back-button.twig b/styleguide/source/_patterns/02-molecules/back-button.twig
index 181e320c6a..8302b40ffc 100644
--- a/styleguide/source/_patterns/02-molecules/back-button.twig
+++ b/styleguide/source/_patterns/02-molecules/back-button.twig
@@ -1,3 +1,3 @@
 <div class="ma__back-button">
-  <a href="{{ backButton.link.href }}" aria-label="{{ backButton.link.info }}">{{ backButton.link.text }}</a>
+  <a href="{{ backButton.link.href }}" title="{{ backButton.link.info }}">{{ backButton.link.text }}</a>
 </div>
diff --git a/styleguide/source/_patterns/02-molecules/date-range.md b/styleguide/source/_patterns/02-molecules/date-range.md
index 8045e47695..e01a8c43f3 100644
--- a/styleguide/source/_patterns/02-molecules/date-range.md
+++ b/styleguide/source/_patterns/02-molecules/date-range.md
@@ -1,23 +1,22 @@
----
-title: Date Range
----
-Description: fieldset with legend including two date inputs
+### Description
+This pattern shows two date inputs with a label
 
-## Status: Alpha
+### Status
+* Stable as of 5.0.0
 
-### Used in:
+### Pattern Contains
+* Input Date
 
-
-### Required Variables
+### Variables
 ~~~
-calloutLink: {
-  href:
-    type: string/required
-  text:
-    type: string/required
-  type:
-    type: string/optional ("external")
-  info:
-    type: string/optional
+dateRange: {
+  label: 
+    type: string / required,
+  startDate: {
+    type: inputDate / required
+  },
+  endDate: {
+    type: inputDate / required
+  }
 }
 ~~~
diff --git a/styleguide/source/_patterns/02-molecules/error-list.md b/styleguide/source/_patterns/02-molecules/error-list.md
index 9dc984f3bf..43cf4d3164 100644
--- a/styleguide/source/_patterns/02-molecules/error-list.md
+++ b/styleguide/source/_patterns/02-molecules/error-list.md
@@ -1,29 +1,24 @@
----
-title: Error List
----
-Description: Displays a list of error message and links to the inputs.
+### Description
+Displays a list of error messages that link to the inputs on a form page.
 
-## Status: alpha
-
-### Notes:
-
-### Contains
-
-### Used in:
+### Status
+* Stable as of 5.0.0
 
+### JavaScript Used
+* When used in a form (js/modules/formValidation.js)
 
 ### Variables
 ~~~
 errorList: {
   title: 
-    type: string/required
+    type: string / required
   labels: [{
     inputId: 
-      type: string/id/required
+      type: string (unique per page) / required
     text: 
-      type: string/required
+      type: string / required
     info:
-      type: string/optional 
+      type: string / optional 
   }]
 }
 ~~~
diff --git a/styleguide/source/_patterns/02-molecules/event-filters.md b/styleguide/source/_patterns/02-molecules/event-filters.md
index 713ec2b00c..b39848a290 100644
--- a/styleguide/source/_patterns/02-molecules/event-filters.md
+++ b/styleguide/source/_patterns/02-molecules/event-filters.md
@@ -1,37 +1,25 @@
----
-title: Event Filters
----
+### Description
+This Filter input area with inputs for location and date range.
 
-Description: Form with inputs used on Event listing page
+### Status
+* Stable as of 5.0.0
 
-## State: Alpha
+### Pattern Contains
+* Input Text
+* Date Range
 
-### Notes
-
-### Used in:
-
-
-### contains:
-- [@atoms/03-forms/input-text](?p=atoms-input-text)
-- [@molecules/date-range](?p=molecules-date-range)
-
-
-### Required Variables
+### Variables
 ~~~
-{
-  eventFilters: {
-    zipcode: {    
-      type: object/inputText/required
-    },
-    
-    dateRange: {
-      type: object/dateRange/required
-    },
-
-    submitButton:
-      type: string/required   
-  }
-
+eventFilters: {
+  zipcode: {    
+    type: inputText / required
+  },
+  
+  dateRange: {
+    type: dateRange / required
+  },
+
+  submitButton:
+    type: string / required   
 }
 ~~~
-
diff --git a/styleguide/source/_patterns/02-molecules/footnote.json b/styleguide/source/_patterns/02-molecules/footnote.json
index 4f55bb9eca..fab27dc46b 100644
--- a/styleguide/source/_patterns/02-molecules/footnote.json
+++ b/styleguide/source/_patterns/02-molecules/footnote.json
@@ -1,7 +1,7 @@
 {
   "footnote": {
     "number": 1,
-    "target": "#",
+    "target": "#GUID89789w7",
     "id": "footnotemsg1",
     "richText": {
       "property": "",
diff --git a/styleguide/source/_patterns/02-molecules/footnote.md b/styleguide/source/_patterns/02-molecules/footnote.md
index 6e482f4e0f..7ce1be772d 100644
--- a/styleguide/source/_patterns/02-molecules/footnote.md
+++ b/styleguide/source/_patterns/02-molecules/footnote.md
@@ -1,26 +1,25 @@
----
-title: Footnote
----
-Description: A Footnote containing Rich Text that is linked to from a Rich Text footnote.
+### Description
+This pattern shows a Footnote that contains a two way link with a Rich Text footnote link else where on the page.
 
-## Status: ALPHA
+### Status
+* Stable as of 5.0.0
 
-### Used in:
+### Pattern Contains
+* Rich Text
 
-### Contains:
-- [@organisms/by-author/rich-text](?p=organisms-rich-text)
+### JavaScript Used
+* Links (js/modules/footnote.js)
 
-
-### Required Variables
+### Variables
 ~~~
 footnote: {
   number: 
-    type: number/required
+    type: number / required
   target:
-    type: string/required
+    type: string (id of rich text footnote) / required
   id:
-    type: string/required
+    type: string (unique per page) / required
   richText: 
-    type: richText/required 
+    type: richText / required 
 }
 ~~~
diff --git a/styleguide/source/_patterns/02-molecules/listing-table.md b/styleguide/source/_patterns/02-molecules/listing-table.md
index 19b77af2eb..13785327ae 100644
--- a/styleguide/source/_patterns/02-molecules/listing-table.md
+++ b/styleguide/source/_patterns/02-molecules/listing-table.md
@@ -1,20 +1,17 @@
----
-title: Listing table
----
-Description: shows a two column list of data
+### Description
+This pattern shows a two column list of data rendered in a table.
 
-## State: Alpha
+### Status
+* Stable as of 5.0.0
 
-
-### Required Variables
+### Variables
 ~~~
-"listingTable": {
-  "rows": [{
-    type: array/required
-    "label": 
-      type: string/required
-    "text":  
-      type: string/required
+listingTable: {
+  rows: [{
+    label: 
+      type: string / required
+    text:  
+      type: string / required
   }]
 }
-~~~~
+~~~
diff --git a/styleguide/source/_patterns/02-molecules/location-filters.md b/styleguide/source/_patterns/02-molecules/location-filters.md
index 4712ce6b3a..a8a195596e 100644
--- a/styleguide/source/_patterns/02-molecules/location-filters.md
+++ b/styleguide/source/_patterns/02-molecules/location-filters.md
@@ -1,40 +1,34 @@
+### Description
+This pattern shows a Form with inputs tailored to filtering locations
 
+### Status
+* Stable as of 5.0.0
 
----
-title: Location Filters
----
-Description: Form with input used on location listing organism
+### Pattern Contains
+* Input Text
+* Select Box
+* Input Checkbox
 
-## State: Alpha
+### JavaScript Used
+* Select Box (js/modules/dropdown.js)
+* When included as part of the Location Listing page (js/modules/locationFilters.js)
 
-### Notes
-
-### Used in:
-- [@organism/by-author/location-listing](?p=organism-location-listing)
-
-### contains:
-- [@atoms/03-forms/input-text](?p=atoms-input-text)
-- [@atoms/03-forms/select-box](?p=atoms-select-box)
-- [@atoms/03-forms/input-checkbox](?p=atoms-input-checkbox)
-
-
-### Required Variables
+### Variables
 ~~~
-"locationFilters": {
-  "zipcode": {
-    type: inputText/required - see atoms/03-forms/input-text.md
+locationFilters: {
+  zipcode: {
+    type: inputText / required
   },
-  "activity": {
-    type: selectBox/optional - see atoms/03-forms/select-box.md
+  activity: {
+    type: selectBox / optional
   },
-  "keyword": {
-    type: inputText/optional - see atoms/03-forms/input-text.md
+  keyword: {
+    type: inputText / optional
   },
-  "tags": [{
-    type: array of inputCheckbox/optional + icon property
-    // see @atoms/forms/input-checkbox.md
-    // see @molecules/image-promo.md
+  tags (optional): [{
+    type: array of inputCheckbox / required
+    icon: 
+      type: string (icon path) / required
   }]   
 }
 ~~~
-
diff --git a/styleguide/source/_patterns/02-molecules/org-selector.md b/styleguide/source/_patterns/02-molecules/org-selector.md
index ebb47ed1ff..2634f8012c 100644
--- a/styleguide/source/_patterns/02-molecules/org-selector.md
+++ b/styleguide/source/_patterns/02-molecules/org-selector.md
@@ -1,50 +1,58 @@
----
-title: Org Selector
----
+### Description
+This pattern is an interactive select box that when changed will shows a brief description of an organization.  The description of the organization is rendered using a Handlebar template (js/templates/orgInfo.html)
 
-Description: Selectbox input that when changed shows/updates/hides a brief description of an organization.  The description of the organization is rendered using a Handlebar template orgInfo.html
+### Status
+* Stable as of 5.0.0
 
-## State: Alpha
+### Pattern Contains
+* Select Box
 
-### Required variables
+### Usage Guidelines
+* The organizations array is consumed by JavaScript
+* The organizations.value should be the same value used in the select box.
+
+### JavaScript Used
+* This pattern uses JavaScript to render the organization's information (js/modules/orgSelector.js)
+
+### Variables
 ~~~
 orgSelector: {
   selectBox:{
-    type: object/selectBox/required
+    type: selectBox / required
   },
 
   organizations: [{
     value: 
-      type: string/required - matches the value used in the selectBox
+      type: string / required
     image: {
-      href: #,
-        type: string/url/required 
+      href:
+        type: string (url) / required 
       alt: 
-        type: string/required,
+        type: string / required,
       src: 
-        type: string/url/required,
+        type: string (image path) / required,
       height: 
-        type: string/required,
+        type: string (number) / required,
       width: 
-        type: string/required
+        type: string (number) / required
     },
     name: {
       text: 
-        type: string/required,
+        type: string / required,
       href:
-        type: string/url/required
+        type: string (url) / required
     },
     jobTitle: 
-      type: string/required,
+      type: string / required,
     message: 
-      type: rich text/required,
+      type: rich text / required,
     moreLink: {
       text: 
-        type: string/required,
+        type: string / required,
       href: 
-        type: string/url/required,
+        type: string (url) / required,
       info: 
-        type: string/optional ('')
+        type: string / optional
     }
   }]
 }
diff --git a/styleguide/source/_patterns/02-molecules/pagination.md b/styleguide/source/_patterns/02-molecules/pagination.md
index 763cd86b86..9c6283cb51 100644
--- a/styleguide/source/_patterns/02-molecules/pagination.md
+++ b/styleguide/source/_patterns/02-molecules/pagination.md
@@ -1,33 +1,29 @@
----
-title: Pagination
----
-Description: Used on listing pages as controls to adjust which results shown.
+### Description
+This Pattern contains a set of links used on other Patterns to navigate a list of content organized into groups (pages).
 
-## State: Alpha
+### Status
+* Stable as of 5.0.0
 
-### Required variables
+### Variables
 ~~~
 pagination: {
-  "next": {
-    type: object/optional
-    "disabled": 
+  next: {
+    disabled: 
       type: boolean,
-    "text": 
-      type: string/required
+    text: 
+      type: string / required
   },
-  "prev": {
-    type: object/optional
-    "disabled": 
+  prev: {
+    disabled: 
       type: boolean,
-    "text": 
-      type: string/required
+    text: 
+      type: string / required
   },
-  "pages": [{
-    type: array/required
-    "active": 
+  pages (optional): [{
+    active: 
       type: boolean,
-    "text": 
-      type: string/required
+    text: 
+      type: string / required
   }]
 }
 ~~~
diff --git a/styleguide/source/_patterns/02-molecules/press-status-with-overflow.json b/styleguide/source/_patterns/02-molecules/press-status-with-overflow.json
new file mode 100644
index 0000000000..6110fdb1df
--- /dev/null
+++ b/styleguide/source/_patterns/02-molecules/press-status-with-overflow.json
@@ -0,0 +1,11 @@
+{
+  "pressStatus": {
+    "title": "For immediate release:",
+    "date": "1/21/2016",
+    "names": [{
+      "text": "Charlie Baker, Governor"
+    },{
+      "text": "Karyn Polito, Lieutenant Governor"
+    }]
+  }
+}
diff --git a/styleguide/source/_patterns/02-molecules/press-status-with-overflow.md b/styleguide/source/_patterns/02-molecules/press-status-with-overflow.md
new file mode 100644
index 0000000000..86fdcf2407
--- /dev/null
+++ b/styleguide/source/_patterns/02-molecules/press-status-with-overflow.md
@@ -0,0 +1,5 @@
+### Description
+This is a variant of the [Press Status](./?p=molecules-press-status) pattern showing how it looks on a two column template
+
+### How to generate
+* Place the pattern in the Page Content column of a Two Column template.
diff --git a/styleguide/source/_patterns/02-molecules/press-status-with-overflow.twig b/styleguide/source/_patterns/02-molecules/press-status-with-overflow.twig
new file mode 100644
index 0000000000..467771f6af
--- /dev/null
+++ b/styleguide/source/_patterns/02-molecules/press-status-with-overflow.twig
@@ -0,0 +1,17 @@
+{% extends '@templates/two-column.twig' %}
+
+{% block header %}{% endblock %}
+
+{% block preContent %}{% endblock %}
+
+{% block pageContent %}
+  {% include "@molecules/press-status.twig" %}
+{% endblock %}
+{% block sidebar %}
+  {% include "@base/placeholder.twig" with {'placeholder':{'text':'Right Rail'}} %}
+{% endblock %}
+{% block postContent %}
+
+{% endblock %}
+
+{% block footer %}{% endblock %}
diff --git a/styleguide/source/_patterns/02-molecules/press-status.md b/styleguide/source/_patterns/02-molecules/press-status.md
new file mode 100644
index 0000000000..58550588f0
--- /dev/null
+++ b/styleguide/source/_patterns/02-molecules/press-status.md
@@ -0,0 +1,22 @@
+### Description
+This Pattern is used on Press pages to show the status of the release.
+
+### Status
+* Stable as of 5.0.0
+
+### Variant options
+* When [placed](./?p=molecules-press-status-with-overflow) in the page content area of a two column template the background will extend to the left.
+
+
+### Variables
+~~~
+"pressStatus": {
+  title: 
+    type: string / required
+  date: 
+    type: date (mm/dd/yyyy) / required
+  names: [{
+    type: string / required
+  }]
+}
+~~~
diff --git a/styleguide/source/_patterns/02-molecules/press-teaser.md b/styleguide/source/_patterns/02-molecules/press-teaser.md
index 55e8329dcd..3db9651545 100644
--- a/styleguide/source/_patterns/02-molecules/press-teaser.md
+++ b/styleguide/source/_patterns/02-molecules/press-teaser.md
@@ -1,39 +1,31 @@
----
-title: Press Teaser
----
-Description: Short teaser for a related press event
+### Description
+Short teaser for a related press event
 
-## State: Alpha
+### Status
+* Stable as of 5.0.0
 
-### Notes
+### Pattern Contains
+* Decorative Link
+* Rich Text
 
 
-### Contains
-- [@organisms/by-author/rich-text](?p=organisms-rich-text)
-- [@atoms/decorative-link](?p=atoms-decorative-link)
-
-### Used in:
-
-
-### Required Variables
-
+### Variables
 ~~~
 pressTeaser : {
   image: {
     type: object/image/optional
   }
   eyebrow: 
-    type: string/optional
+    type: string / optional
   title : {
-    type: object/decorativeLink/required
+    type: decorativeLink / required
   },
   date: 
-    type: string/optional,
+    type: string / optional,
   org: 
-    type: string/optional,
+    type: string / optional,
   description: {
-    type: object/richText/optional
+    type: richText / optional
   }
 }
-
 ~~~
diff --git a/styleguide/source/_patterns/02-molecules/results-heading.md b/styleguide/source/_patterns/02-molecules/results-heading.md
index 1f22f75130..7cbc8e9823 100644
--- a/styleguide/source/_patterns/02-molecules/results-heading.md
+++ b/styleguide/source/_patterns/02-molecules/results-heading.md
@@ -1,57 +1,37 @@
----
-title: Results Heading
----
-Description: a molecule that shows information about the current result set of a list of things (i.e. the various listing organisms).
+### Description
+This Pattern contains a string of text with a range and total value followed by selected filters and controls for sorting.
 
-## Status: Alpha
+### Status
+* Stable as of 5.0.0
 
-## Notes:
-- Contains an array of tags which represent active filters applied to a related listing, usually applied by inputs on [@molecules/location-filters](/?p=molecules-location-filters)
+### Pattern Contains
+* Sort Results
+
+### Usage Guidelines
+For the tags:
+
+* 'type' -> the "type" of filter (i.e. input label)
+* 'text' -> the text displayed on the filter tag
+* 'value' -> machine friendly version of filter text
 
-### Used in:
-- [@organisms/by-author/location-listing](/?p=organisms-location-listing)
-- [@organisms/by-author/event-listing](/?p=organisms-event-listing)
-- [@organisms/by-author/press-listing](/?p=organisms-press-listing)
 
 ### Variables
 ~~~
 resultsHeading: {
   numResults:
-    type: string 
-    description: range representing the  current result set (i.e. "1-12")
+    type: string (number range '1-12') / optional 
   totalResults:
-    type: string 
-    description: the total results (i.e. "108"),
+    type: string (numeric) / optional 
   sortResults: {
-    label: "Sort by:",
-    sortButtons: [{
-      text: "Date",
-      direction: "dsc"
-    },{
-      text: "Price",
-      direction: ""
-    },{
-      text: "Color",
-      direction: ""
-    }]
+    type: sortResults / optional
   },
-  tags: [
-    type: array
-    description: arary of filter input values currently applied to listing items
-    {
-      type:
-        type: string (i.e. "keyword")
-        description: the "type" of filter (i.e. input label)
-      text:
-        type: string (i.e. "Beginner")
-        description: text displayed on the filter tag
-      value: 
-        type: string (i.e. "beginner")
-        description: machine friendly version of filter text
-    },
-    // form input data representing active filter tags
-    // see @molecules/location-filters.md
-    ... 
-  ]
+  tags (optional): [{
+    type:
+      type: string / optional
+    text:
+      type: string / required
+    value: 
+      type: string / optional
+  }]
 }
 ~~~
diff --git a/styleguide/source/_patterns/02-molecules/section-links.md b/styleguide/source/_patterns/02-molecules/section-links.md
index 0f492ad7c5..54193779c7 100644
--- a/styleguide/source/_patterns/02-molecules/section-links.md
+++ b/styleguide/source/_patterns/02-molecules/section-links.md
@@ -32,12 +32,7 @@ sectionLinks: {
   type:
     type: string ("", "callout") / optional
   links: [{
-    href:
-      type: string / required
-    text:
-      type: string / required
-    info:
-      type: string (adds more description about the link) / optional
+    type: decorativeLink and calloutLink / required
   }]
   seeAll: {
     type: decorativeLink / optional
diff --git a/styleguide/source/_patterns/02-molecules/sort-results.md b/styleguide/source/_patterns/02-molecules/sort-results.md
index c00600bd97..c20ce8d916 100644
--- a/styleguide/source/_patterns/02-molecules/sort-results.md
+++ b/styleguide/source/_patterns/02-molecules/sort-results.md
@@ -1,28 +1,19 @@
----
-title: Sort Results
----
+### Description
+This pattern is a set of sort buttons with an optional label.
 
-Description: labelled list of sort buttons
+### Status
+* Stable as of 5.0.0
 
-## State: Alpha
-
-### Notes
-
-
-### Contains
-- [@atoms/01-buttons/button-sort](?p=atoms-button-sort)
-
-### Used in:
-
-
-### Required Variables
+### Pattern Contains
+* Button Sort
 
+### Variables
 ~~~
 sortResults: {
   label: 
-    type: string/optional
+    type: string / optional
   sortButtons: [{
-    type: Array of buttonSort
+    type: array of buttonSort / required
   }]
 }
 ~~~
diff --git a/styleguide/source/_patterns/03-organisms/by-author/footnote-list.json b/styleguide/source/_patterns/03-organisms/by-author/footnote-list.json
index e3fe944170..188ac51e6d 100644
--- a/styleguide/source/_patterns/03-organisms/by-author/footnote-list.json
+++ b/styleguide/source/_patterns/03-organisms/by-author/footnote-list.json
@@ -2,7 +2,7 @@
   "footnoteList": {
     "items": [{
       "number": 1,
-      "target": "#",
+      "target": "#GUID8977u823s",
       "id": "footnotemsg1",
       "richText": {
         "property": "",
@@ -24,7 +24,7 @@
       }
     },{
       "number": 2,
-      "target": "#",
+      "target": "#GUID827359874sjdh",
       "id": "footnotemsg1",
       "richText": {
         "property": "",
diff --git a/styleguide/source/_patterns/03-organisms/by-author/footnote-list.md b/styleguide/source/_patterns/03-organisms/by-author/footnote-list.md
new file mode 100644
index 0000000000..85b3dec0d7
--- /dev/null
+++ b/styleguide/source/_patterns/03-organisms/by-author/footnote-list.md
@@ -0,0 +1,20 @@
+### Description
+This pattern is shows a list of footnotes. 
+
+### Status
+* Stable as of 5.0.0
+
+### Pattern Contains
+* Footnote
+
+### JavaScript Used
+* Footnote (js/modules/footnote.js)
+
+### Variables
+~~~
+footnoteList: {
+  items: [{
+    type: footnote / required
+  }]
+}
+~~~
diff --git a/styleguide/source/_patterns/03-organisms/by-author/form-requirements-in-two-column.json b/styleguide/source/_patterns/03-organisms/by-author/form-requirements-in-two-column.json
new file mode 100644
index 0000000000..aa62f65470
--- /dev/null
+++ b/styleguide/source/_patterns/03-organisms/by-author/form-requirements-in-two-column.json
@@ -0,0 +1,49 @@
+{
+  "formRequirements": {
+    "rteTitle": {
+      "text": "You will need:",
+      "href": "",
+      "info": ""
+    },
+
+    "richText": {
+      "rteElements": [{
+        "path": "@atoms/08-lists/unordered-list.twig",
+        "data": {
+          "unorderedList": [{ 
+            "text": "Vestibulum ornare feugiat sodales" 
+          },{ 
+            "text": "Suspendisse fermentum augue eget semper feugiat"
+          },{ 
+            "text": "Ut risus nibh, sodales sit amet mollis pharetra, elementum vitae sapien"
+          },{
+            "text":"Integer quis suscipit dui"
+          },{
+            "text":"Lorem ipsum dolor sit amet, consectetur adipisicing elit"
+          }]
+        }
+      }]
+    },
+
+    "payment": {
+      "title": {
+        "text": "Payment accepted:",
+        "href": "",
+        "info": ""
+      },
+
+      "locationIcons": {
+        "icons": [{
+          "path":"@atoms/05-icons/svg-credit.twig",
+          "name":"credit card"
+        },{
+          "path":"@atoms/05-icons/svg-check.twig",
+          "name":"check"
+        },{
+          "path":"@atoms/05-icons/svg-cash.twig",
+          "name":"cash"
+        }]
+      }
+    }
+  }
+}
diff --git a/styleguide/source/_patterns/03-organisms/by-author/form-requirements-in-two-column.md b/styleguide/source/_patterns/03-organisms/by-author/form-requirements-in-two-column.md
new file mode 100644
index 0000000000..00adc6a714
--- /dev/null
+++ b/styleguide/source/_patterns/03-organisms/by-author/form-requirements-in-two-column.md
@@ -0,0 +1,5 @@
+### Description
+This is a variant of the [Form Requirements](./?p=organisms-form-requirements) pattern showing an example as placed on a two column template.
+
+### How to generate
+* Add the Pattern to the page-content block in a Two Column Template
diff --git a/styleguide/source/_patterns/03-organisms/by-author/form-requirements-in-two-column.twig b/styleguide/source/_patterns/03-organisms/by-author/form-requirements-in-two-column.twig
new file mode 100644
index 0000000000..d45403ac6c
--- /dev/null
+++ b/styleguide/source/_patterns/03-organisms/by-author/form-requirements-in-two-column.twig
@@ -0,0 +1,14 @@
+{% extends '@templates/two-column.twig' %}
+
+{% block header %}{% endblock %}
+
+{% block preContent %}{% endblock %}
+
+{% block pageContent %}
+  {% include "@organisms/by-author/form-requirements.twig" %}
+{% endblock %}
+
+
+{% block postContent %}{% endblock %}
+
+{% block footer %}{% endblock %}
diff --git a/styleguide/source/_patterns/03-organisms/by-author/form-requirements.md b/styleguide/source/_patterns/03-organisms/by-author/form-requirements.md
new file mode 100644
index 0000000000..4f96d9b3b9
--- /dev/null
+++ b/styleguide/source/_patterns/03-organisms/by-author/form-requirements.md
@@ -0,0 +1,36 @@
+### Description
+This Pattern describes the requirements needed to complete a form page
+
+### Status
+* Stable as of 5.0.0
+
+### Pattern Contains
+* Column Heading
+* Rich Text
+* Location Icons
+
+### Variant options
+* When added to a [Two Column](./?p=organisms-form-requirements-in-two-column) template the background color bleeds out to the left.
+
+### Variables
+~~~
+formRequirements: {
+  rteTitle: {
+    type: columnHeading / optional
+  },
+
+  richText: {
+    type: richText / required
+  },
+
+  payment: (optional) {
+    title: {
+      type: columnHeading / required
+    },
+
+    locationIcons: {
+      type: locationIcons / required
+    }
+  }
+}
+~~~
diff --git a/styleguide/source/_patterns/03-organisms/by-author/personal-message.json b/styleguide/source/_patterns/03-organisms/by-author/personal-message.json
index 03068e0176..a101aee5d1 100644
--- a/styleguide/source/_patterns/03-organisms/by-author/personal-message.json
+++ b/styleguide/source/_patterns/03-organisms/by-author/personal-message.json
@@ -33,6 +33,66 @@
       },
       "location": null,
       "phone": null
+    },{
+      "title": {
+        "text": "Another Org",
+        "href": "",
+        "type": ""
+      },
+      "tags": null,
+      "image": {
+        "src":"../../assets/images/placeholder/190x107.png",
+        "alt": "placeholder image",
+        "height": "107",
+        "width": "190",
+        "href": "#"
+      },
+      "description": {
+        "richText": {
+          "rteElements": [{
+            "path": "@atoms/11-text/paragraph.twig",
+            "data": {
+              "paragraph" : {
+                "text": "Small statement about who the Another Org is so when people read similar announcements that might have different perspectives, they can get a sense of why this groups says one thing and another says another. Could pull from the short description of the org page or be a manually entered field per news or announcement."
+              }
+            }
+          }]
+        }
+      },
+      "link": {
+        "text": "more information",
+        "href": "#",
+        "info": "more information about Another Org"
+      },
+      "location": null,
+      "phone": null
+    },{
+      "title": {
+        "text": "A third party, non state organization",
+        "href": "",
+        "type": ""
+      },
+      "tags": null,
+      "image": null,
+      "description": {
+        "richText": {
+          "rteElements": [{
+            "path": "@atoms/11-text/paragraph.twig",
+            "data": {
+              "paragraph" : {
+                "text": "Small statement about who A third party, non state organization is so when people read similar announcements that might have different perspectives, they can get a sense of why this groups says one thing and another says another. Could pull from the short description of the org page or be a manually entered field per news or announcement."
+              }
+            }
+          }]
+        }
+      },
+      "link": {
+        "text": "more information",
+        "href": "#",
+        "info": "more information about A third party, non state organization"
+      },
+      "location": null,
+      "phone": null
     }]
   }
 }
diff --git a/styleguide/source/_patterns/03-organisms/by-author/personal-message.md b/styleguide/source/_patterns/03-organisms/by-author/personal-message.md
new file mode 100644
index 0000000000..4c879efcf9
--- /dev/null
+++ b/styleguide/source/_patterns/03-organisms/by-author/personal-message.md
@@ -0,0 +1,17 @@
+### Description
+This is pattern shows a list of Image Promo patterns with a background color
+
+### Status
+* Stable as of 5.0.0
+
+### Pattern Contains
+* Image Promo
+
+### Variables
+~~~
+personalMessage: {
+  imagePromos: [{
+    type: array of imagePromo / required
+  }]
+}
+~~~
diff --git a/styleguide/source/_patterns/03-organisms/by-author/personal-message~with-multiples.json b/styleguide/source/_patterns/03-organisms/by-author/personal-message~with-multiples.json
deleted file mode 100644
index a101aee5d1..0000000000
--- a/styleguide/source/_patterns/03-organisms/by-author/personal-message~with-multiples.json
+++ /dev/null
@@ -1,98 +0,0 @@
-{
-  "personalMessage": {
-    "imagePromos": [{
-      "title": {
-        "text": "Office of the Governor",
-        "href": "",
-        "type": ""
-      },
-      "tags": null,
-      "image": {
-        "src":"../../assets/images/placeholder/100x100.png",
-        "alt": "placeholder image",
-        "height": "100",
-        "width": "100",
-        "href": "#"
-      },
-      "description": {
-        "richText": {
-          "rteElements": [{
-            "path": "@atoms/11-text/paragraph.twig",
-            "data": {
-              "paragraph" : {
-                "text": "Small statement about who the Office of the Governor is so when people read similar announcements that might have different perspectives, they can get a sense of why this groups says one thing and another says another. Could pull from the short description of the org page or be a manually entered field per news or announcement."
-              }
-            }
-          }]
-        }
-      },
-      "link": {
-        "text": "more information",
-        "href": "#",
-        "info": "more information about the office of the Governor"
-      },
-      "location": null,
-      "phone": null
-    },{
-      "title": {
-        "text": "Another Org",
-        "href": "",
-        "type": ""
-      },
-      "tags": null,
-      "image": {
-        "src":"../../assets/images/placeholder/190x107.png",
-        "alt": "placeholder image",
-        "height": "107",
-        "width": "190",
-        "href": "#"
-      },
-      "description": {
-        "richText": {
-          "rteElements": [{
-            "path": "@atoms/11-text/paragraph.twig",
-            "data": {
-              "paragraph" : {
-                "text": "Small statement about who the Another Org is so when people read similar announcements that might have different perspectives, they can get a sense of why this groups says one thing and another says another. Could pull from the short description of the org page or be a manually entered field per news or announcement."
-              }
-            }
-          }]
-        }
-      },
-      "link": {
-        "text": "more information",
-        "href": "#",
-        "info": "more information about Another Org"
-      },
-      "location": null,
-      "phone": null
-    },{
-      "title": {
-        "text": "A third party, non state organization",
-        "href": "",
-        "type": ""
-      },
-      "tags": null,
-      "image": null,
-      "description": {
-        "richText": {
-          "rteElements": [{
-            "path": "@atoms/11-text/paragraph.twig",
-            "data": {
-              "paragraph" : {
-                "text": "Small statement about who A third party, non state organization is so when people read similar announcements that might have different perspectives, they can get a sense of why this groups says one thing and another says another. Could pull from the short description of the org page or be a manually entered field per news or announcement."
-              }
-            }
-          }]
-        }
-      },
-      "link": {
-        "text": "more information",
-        "href": "#",
-        "info": "more information about A third party, non state organization"
-      },
-      "location": null,
-      "phone": null
-    }]
-  }
-}
diff --git a/styleguide/source/_patterns/03-organisms/by-author/press-filters.md b/styleguide/source/_patterns/03-organisms/by-author/press-filters.md
new file mode 100644
index 0000000000..a97c592922
--- /dev/null
+++ b/styleguide/source/_patterns/03-organisms/by-author/press-filters.md
@@ -0,0 +1,44 @@
+### Description
+This pattern shows a Form with inputs tailored to filtering Press Articles
+
+### Status
+* Stable as of 5.0.0
+
+### Pattern Contains
+* Colored Heading
+* Org Selector
+* Select Box
+* Date Range
+* Button
+
+
+### Variables
+~~~
+"pressFilters": {
+  "action": 
+    type: string (form's action url) / optional,
+  "coloredHeading": {
+    type: coloredHeading
+  },
+
+  "orgSelector": {
+    type: orgSelector / required
+  },
+
+  "topic":{
+    type: selectBox / required
+  },
+
+  "pressType":{
+    type: selectBox / required
+  },
+
+  "dateRange": {
+    type: dateRange / required
+  },
+
+  "submitButton": {
+    type: button / required
+  }
+}
+~~~
diff --git a/styleguide/source/_patterns/03-organisms/by-author/press-listing.md b/styleguide/source/_patterns/03-organisms/by-author/press-listing.md
new file mode 100644
index 0000000000..139a90e837
--- /dev/null
+++ b/styleguide/source/_patterns/03-organisms/by-author/press-listing.md
@@ -0,0 +1,25 @@
+### Description
+This Pattern shows a list of Press Teaser patterns.
+
+### Status
+* Stable as of 5.0.0
+
+### Pattern Contains
+* Comp Heading
+* Sidebar Heading
+* Press Teaser
+
+### Variables
+~~~
+pressListing: {
+  compHeading: {
+    type: compHeading / optional
+  },
+  sidebarHeading: {
+    type: sidebarHeading / optional
+  },
+  items: [{
+    type: pressTeaser / required
+  }]
+}
+~~~
diff --git a/styleguide/source/_patterns/03-organisms/by-author/rich-text.md b/styleguide/source/_patterns/03-organisms/by-author/rich-text.md
index 5824a64d3f..0ef323a185 100644
--- a/styleguide/source/_patterns/03-organisms/by-author/rich-text.md
+++ b/styleguide/source/_patterns/03-organisms/by-author/rich-text.md
@@ -16,7 +16,7 @@ This pattern displays the contents of a rich text editor.
   * Check List
   * Icon List
   * Figure
-* Any pattern can be rendered in this pattern by setting the 'path' variable to the location of the pattern and setting the 'data' variable to container of the data object of that pattern.  
+* Any pattern can be rendered in this pattern by setting the `path` variable to the location of the pattern and setting the `data` variable to container of the data object of that pattern.  
   * {% include item.path with item.data %}
 
 
@@ -29,13 +29,13 @@ This pattern displays the contents of a rich text editor.
 
 ### Variables
 ~~~
-"richText": {
-  "property": 
+richText: {
+  property: 
     type: string,
-  "rteElements": [{
-    "path": 
+  rteElements: [{
+    path: 
       type: string / required,
-    "data": {
+    data: {
       type: object / required
     }
   }]
diff --git a/styleguide/source/_patterns/03-organisms/by-template/page-banner-as-blue.md b/styleguide/source/_patterns/03-organisms/by-template/page-banner-as-blue.md
index 00f388e6ec..027432f132 100644
--- a/styleguide/source/_patterns/03-organisms/by-template/page-banner-as-blue.md
+++ b/styleguide/source/_patterns/03-organisms/by-template/page-banner-as-blue.md
@@ -1,5 +1,6 @@
-Description: This is a variant of the [Page Banner](./?p=organisms-page-banner) showing an example with color set to 'blue'.
+Description: This is a variant of the [Page Banner](./?p=organisms-page-banner) showing an example with a blue overlay.
+
+### How to generate
+* set the `color` variable to 'blue'
 
-### Status
-* Stable as of 5.0.0
 
diff --git a/styleguide/source/_patterns/03-organisms/by-template/page-banner-as-columns.md b/styleguide/source/_patterns/03-organisms/by-template/page-banner-as-columns.md
index fb9d60403e..38afff4633 100644
--- a/styleguide/source/_patterns/03-organisms/by-template/page-banner-as-columns.md
+++ b/styleguide/source/_patterns/03-organisms/by-template/page-banner-as-columns.md
@@ -1,5 +1,6 @@
-Description: This is a variant of the [Page Banner](./?p=organisms-page-banner) showing an example with size set to 'columns'.
+Description: This is a variant of the [Page Banner](./?p=organisms-page-banner) showing an example with text and image arranged in columns.
+
+### How to generate
+* set the `size` variable to 'columns'
 
-### Status
-* Stable as of 5.0.0
 
diff --git a/styleguide/source/_patterns/03-organisms/by-template/page-banner-as-large.md b/styleguide/source/_patterns/03-organisms/by-template/page-banner-as-large.md
index e2fa67112b..a600cb7833 100644
--- a/styleguide/source/_patterns/03-organisms/by-template/page-banner-as-large.md
+++ b/styleguide/source/_patterns/03-organisms/by-template/page-banner-as-large.md
@@ -1,5 +1,6 @@
-Description: This is a variant of the [Page Banner](./?p=organisms-page-banner) showing an example with size set to 'large'.
+Description: This is a variant of the [Page Banner](./?p=organisms-page-banner) showing an example with a full height green overlay
+
+### How to generate
+* set the `size` variable to 'large'
 
-### Status
-* Stable as of 5.0.0
 
diff --git a/styleguide/source/_patterns/03-organisms/by-template/page-banner-as-overlay.md b/styleguide/source/_patterns/03-organisms/by-template/page-banner-as-overlay.md
index 51dff9bd29..6df316def3 100644
--- a/styleguide/source/_patterns/03-organisms/by-template/page-banner-as-overlay.md
+++ b/styleguide/source/_patterns/03-organisms/by-template/page-banner-as-overlay.md
@@ -1,5 +1,6 @@
-Description: This is a variant of the [Page Banner](./?p=organisms-page-banner) showing an example with size set to 'overlay' and color set to 'blue'.
+Description: This is a variant of the [Page Banner](./?p=organisms-page-banner) showing an example as used on the Service page
 
-### Status
-* Stable as of 5.0.0
+### How to generate
+* set the `size` variable to 'overlay'
+* set the `color` variable to 'blue'
 
diff --git a/styleguide/source/_patterns/03-organisms/by-template/page-banner-as-small.md b/styleguide/source/_patterns/03-organisms/by-template/page-banner-as-small.md
index 8aedf74fda..b25d7a7513 100644
--- a/styleguide/source/_patterns/03-organisms/by-template/page-banner-as-small.md
+++ b/styleguide/source/_patterns/03-organisms/by-template/page-banner-as-small.md
@@ -1,5 +1,5 @@
-Description: This is a variant of the [Page Banner](./?p=organisms-page-banner) showing an example with size set to 'small'.
+Description: This is a variant of the [Page Banner](./?p=organisms-page-banner) showing an example with smaller text
 
-### Status
-* Stable as of 5.0.0
+### How to generate
+* set the `size` variable to 'small'
 
diff --git a/styleguide/source/_patterns/03-organisms/by-template/page-header.md b/styleguide/source/_patterns/03-organisms/by-template/page-header.md
index 8721144491..5f529082e6 100644
--- a/styleguide/source/_patterns/03-organisms/by-template/page-header.md
+++ b/styleguide/source/_patterns/03-organisms/by-template/page-header.md
@@ -1,5 +1,5 @@
 ### Description
-This pattern is used to add a `<h1>` page title to a page that helps define its content.
+This pattern is adds an `<h1>` page title and other helpful bit of content that helps define the page's purpose.
 
 ### Status
 * Stable as of 5.0.0
diff --git a/styleguide/source/_patterns/04-templates/01-content-types/event.twig b/styleguide/source/_patterns/04-templates/01-content-types/event.twig
index b549b59ea7..27bac178fe 100644
--- a/styleguide/source/_patterns/04-templates/01-content-types/event.twig
+++ b/styleguide/source/_patterns/04-templates/01-content-types/event.twig
@@ -10,21 +10,21 @@
   </div>
   <div class="main-content main-content--two">
     <div class="page-content">
-      {% block pageContent %}
-        {% if sideContent.contactList %}
-          {% set contactList = sideContent.contactList|merge({'compHeading': sideContent.contactList.sidebarHeading, 'sidebarHeading': null}) %}
-          {% include "@organisms/by-author/contact-list.twig" %}
-        {% endif %}
-        {% if sideContent.mediaContact %}
-          {% set contactList = sideContent.mediaContact|merge({'compHeading': sideContent.mediaContact.sidebarHeading, 'sidebarHeading': null}) %}
-          {% include "@organisms/by-author/contact-list.twig" %}
-        {% endif %}
+      {% if sideContent.contactList %}
+        {% set contactList = sideContent.contactList|merge({'compHeading': sideContent.contactList.sidebarHeading, 'sidebarHeading': null}) %}
+        {% include "@organisms/by-author/contact-list.twig" %}
+      {% endif %}
+      {% if sideContent.mediaContact %}
+        {% set contactList = sideContent.mediaContact|merge({'compHeading': sideContent.mediaContact.sidebarHeading, 'sidebarHeading': null}) %}
+        {% include "@organisms/by-author/contact-list.twig" %}
+      {% endif %}
 
-        {% if mainContent.pageOverview %}
-          {% set pageOverview = mainContent.pageOverview %}
-          {% include "@organisms/by-author/page-overview.twig" %}
-        {% endif %}
+      {% if mainContent.pageOverview %}
+        {% set pageOverview = mainContent.pageOverview %}
+        {% include "@organisms/by-author/page-overview.twig" %}
+      {% endif %}
 
+      {% block pageContent %}
         {% if mainContent.youWillNeed %}
           {% set richText = mainContent.youWillNeed %}
           {% include "@organisms/by-author/rich-text.twig" %}
@@ -52,7 +52,6 @@
       {% endblock %}
     </div>
     <aside class="sidebar">
-      {% block sidebar %}
         {% if sideContent.contactList %}
           {% set contactList = sideContent.contactList %}
           {% include "@organisms/by-author/contact-list.twig" %}
@@ -61,6 +60,8 @@
           {% set contactList = sideContent.mediaContact %}
           {% include "@organisms/by-author/contact-list.twig" %}
         {% endif %}
+      {% block sidebar %}
+        {% include "@base/placeholder.twig" with {'placeholder':{'text':'sidebar'}} %}
       {% endblock %}
     </aside>
   </div>
diff --git a/styleguide/source/_patterns/04-templates/01-content-types/form-page.md b/styleguide/source/_patterns/04-templates/01-content-types/form-page.md
new file mode 100644
index 0000000000..c8b5f7a863
--- /dev/null
+++ b/styleguide/source/_patterns/04-templates/01-content-types/form-page.md
@@ -0,0 +1,64 @@
+### Description
+This pattern is used as a template for Form Pages and is based off of the Two Column template
+
+### Status
+* Stable as of 5.0.0
+
+### Pattern Contains
+* Page Header 
+* Form Requirements
+* Error List
+* Comp Heading
+* Any pattern (ie: form inputs) can be rendered in this pattern by setting the `path` variable to the location of the pattern and setting the `data` variable to container of the data object of that pattern.  
+  * {% include item.path with item.data %}
+* This template contains [Twig Blocks](https://twig.symfony.com/doc/2.x/tags/extends.html) that can be used to populated the Page Content above the form, Page Content below the form, Right Rail, or Post Content sections with patterns found in Mayflower
+
+### JavaScript Used
+* Form fields (js/modules/formInputs.js)
+  * General inputs and Textarea (js/modules/formInputs.js)
+  * Select Box (js/modules/dropdowns.js)
+  * Date input (js/modules/pickaday.js)
+* Basic Form Validation (js/modules/formValidation.js)
+
+### Variables
+~~~
+pageHeader: {
+  type: pageHeader / required
+},
+
+formRequirements: {
+  type: formRequirements / optional
+},
+
+sideContent: {
+  contactList: {
+    type: contactList / optional
+  }
+},
+
+form: {
+  action: 
+    type: string (form action url) / required,
+
+  errorList: {
+    type: errorList / required
+  },
+
+  groups: [{
+    compHeading: {
+      type: compHeading / required
+    },
+    fieldsets: [{
+      legend: 
+        type: string / optional,
+      items: [{
+        path: 
+          type: string / required,
+        data: {
+          type: object / required
+        }
+      }]
+    }]
+  }]
+}
+~~~
diff --git a/styleguide/source/_patterns/04-templates/01-content-types/form-page.twig b/styleguide/source/_patterns/04-templates/01-content-types/form-page.twig
index 2fed07bfc6..da03766480 100644
--- a/styleguide/source/_patterns/04-templates/01-content-types/form-page.twig
+++ b/styleguide/source/_patterns/04-templates/01-content-types/form-page.twig
@@ -1,5 +1,5 @@
-{% include "@organisms/by-template/emergency-alerts.twig" %}
-{% include "@organisms/by-template/header.twig" %}
+{% block header %}{% endblock %}
+
 <main class="ma__form-page" id="main-content" tabindex="-1">
   <div class="pre-content">
     {% block preContent %}
@@ -60,4 +60,6 @@
   </div>
   {% block schemaContent %}{% endblock %}
 </main>
-{% include "@organisms/by-template/footer.twig" %}
+
+{% block footer %}{% endblock %}
+
diff --git a/styleguide/source/_patterns/04-templates/01-content-types/policy-advisory.md b/styleguide/source/_patterns/04-templates/01-content-types/policy-advisory.md
new file mode 100644
index 0000000000..37b1698f7f
--- /dev/null
+++ b/styleguide/source/_patterns/04-templates/01-content-types/policy-advisory.md
@@ -0,0 +1,69 @@
+### Description
+This pattern is used as a template for Policy Advisory type pages and is based off of the Two Column template
+
+### Status
+* Stable as of 5.0.0
+
+### Pattern Contains
+* Page Header
+* Contact List
+* Jump Links
+* Rich Text
+* Form Downloads
+* Footnote list
+* Header Tags
+* Press Listing
+* Event Listing
+* This template contains [Twig Blocks](https://twig.symfony.com/doc/2.x/tags/extends.html) that can be used to populated the Page Content, Right Rail, or Post Content sections with patterns found in Mayflower
+
+### JavaScript Used
+* Contact List (js/modules/accordions.js)
+* Footnote List (js/modules/footnote.js)
+* Jump Links (js/modules/scrollAnchors.js)
+
+### Variables
+~~~
+pageHeader: {
+  type: pageHeader / required
+},
+
+jumpLinks: {
+  type: jumpLinks / optional
+},
+
+mainContent: {
+  contents: [{
+    type: array of richText / required
+  }],
+
+  formDownloads: {
+    type: formDownloads / optional
+  },
+
+  contactList: {
+    type: contactList / required
+  },
+
+  footnoteList: {
+    type: footnoteList / optional
+  },
+
+  references: {
+    type: headerTags / optional
+  }
+},
+
+sideContent: {
+  contactList: {
+    type: contactList / required
+  },
+
+  pressListing: {
+    type: pressListing / optional
+  },
+
+  eventListing: {
+    type: eventListing / optional
+  }
+}
+~~~
diff --git a/styleguide/source/_patterns/04-templates/01-content-types/press.md b/styleguide/source/_patterns/04-templates/01-content-types/press.md
new file mode 100644
index 0000000000..fbf76176ea
--- /dev/null
+++ b/styleguide/source/_patterns/04-templates/01-content-types/press.md
@@ -0,0 +1,64 @@
+### Description
+This template is a collection of components to help describe a Press Release on Mass Gov and is based on the Two Column template
+
+### Status
+* Stable as of 5.0.0
+
+### Pattern Contains
+* Page Header
+* Press Status
+* Contact List
+* Figure
+* Video
+* Rich Text
+* Personal Message
+* Press Listing
+
+### JavaScript Used
+* This pattern uses JavaScript for the accordions (js/modules/accordions.js)
+
+### Variables
+~~~
+pageHeader: {
+  type: pageHeader / required
+},
+
+pageContent: {
+  pressStatus: {
+    type: pressStatus / required
+  },
+  
+  figure: {
+    type: figure / optional
+  },
+
+  video: {
+    type: video / optional
+  },
+
+  location: 
+    type: string / optional,
+
+  richText: {
+    type: richText / required
+  },
+
+  contactList: {
+    type: contactList / required
+  },
+
+  personalMessage: {
+    type: personalMessage / optional
+  }
+},
+
+sidebar: {
+  contactList: {
+    type: contactList / required
+  },
+
+  pressListing: {
+    type: pressListing / optional
+  }
+}
+~~~
diff --git a/styleguide/source/_patterns/04-templates/two-column-reversed.md b/styleguide/source/_patterns/04-templates/two-column-reversed.md
new file mode 100644
index 0000000000..72c072eb9f
--- /dev/null
+++ b/styleguide/source/_patterns/04-templates/two-column-reversed.md
@@ -0,0 +1,11 @@
+### Description
+This is a Base Template with two columns of content using a Left Rail.
+
+### Status
+* Stable as of 5.0.0
+
+### Pattern Contains
+* Header 
+* Footer
+* Emergency Alerts
+* This template contains [Twig Blocks](https://twig.symfony.com/doc/2.x/tags/extends.html) that can be used to populated the Pre Content, Page Content, Left Rail, or Post Content sections with patterns found in Mayflower
diff --git a/styleguide/source/_patterns/04-templates/two-column-reversed.twig b/styleguide/source/_patterns/04-templates/two-column-reversed.twig
index df5d06c144..3bbe47e142 100644
--- a/styleguide/source/_patterns/04-templates/two-column-reversed.twig
+++ b/styleguide/source/_patterns/04-templates/two-column-reversed.twig
@@ -1,5 +1,7 @@
-{% include "@organisms/by-template/emergency-alerts.twig" %}
-{% include "@organisms/by-template/header.twig" %}
+{% block header %}
+  {% include "@organisms/by-template/emergency-alerts.twig" %}
+  {% include "@organisms/by-template/header.twig" %}
+{% endblock %}
 
 <main id="main-content" tabindex="-1">
   <div class="pre-content">
@@ -10,7 +12,7 @@
   <div class="main-content main-content--two main-content--reversed">
     <aside class="sidebar {{ sidebar.coloredHeadings ? 'sidebar--colored' : '' }}">
       {% block sidebar %}
-        {% include "@base/placeholder.twig" with {'placeholder':{'text':'sidebar'}} %}
+        {% include "@base/placeholder.twig" with {'placeholder':{'text':'Left Rail'}} %}
       {% endblock %}
     </aside>
     <div class="page-content">
@@ -28,4 +30,6 @@
   {% block schemaContent %}{% endblock %}
 </main>
 
-{% include "@organisms/by-template/footer.twig" %}
+{% block footer %}
+  {% include "@organisms/by-template/footer.twig" %}
+{% endblock %}
diff --git a/styleguide/source/_patterns/04-templates/two-column.md b/styleguide/source/_patterns/04-templates/two-column.md
new file mode 100644
index 0000000000..f0e3532368
--- /dev/null
+++ b/styleguide/source/_patterns/04-templates/two-column.md
@@ -0,0 +1,11 @@
+### Description
+This is a Base Template with two columns of content using a Right Rail.
+
+### Status
+* Stable as of 1.0.0
+
+### Pattern Contains
+* Header 
+* Footer
+* Emergency Alerts
+* This template contains [Twig Blocks](https://twig.symfony.com/doc/2.x/tags/extends.html) that can be used to populated the Pre Content, Page Content, Right Rail, or Post Content sections with patterns found in Mayflower
diff --git a/styleguide/source/_patterns/04-templates/two-column.twig b/styleguide/source/_patterns/04-templates/two-column.twig
index a9aa9be2fb..5cbce19a8a 100644
--- a/styleguide/source/_patterns/04-templates/two-column.twig
+++ b/styleguide/source/_patterns/04-templates/two-column.twig
@@ -2,6 +2,7 @@
   {% include "@organisms/by-template/emergency-alerts.twig" %}
   {% include "@organisms/by-template/header.twig" %}
 {% endblock %}
+
 <main id="main-content" tabindex="-1">
   <div class="pre-content">
     {% block preContent %}
@@ -16,7 +17,7 @@
     </div>
     <aside class="sidebar {{ sidebar.coloredHeadings ? 'sidebar--colored' : '' }}">
       {% block sidebar %}
-        {% include "@base/placeholder.twig" with {'placeholder':{'text':'sidebar'}} %}
+        {% include "@base/placeholder.twig" with {'placeholder':{'text':'Right Rail'}} %}
       {% endblock %}
     </aside>
   </div>
diff --git a/styleguide/source/_patterns/05-pages/board-decision.md b/styleguide/source/_patterns/05-pages/board-decision.md
new file mode 100644
index 0000000000..a15f1911d4
--- /dev/null
+++ b/styleguide/source/_patterns/05-pages/board-decision.md
@@ -0,0 +1,18 @@
+### Description
+Example of an Board Decision Page for Mass Gov [extending](https://twig.symfony.com/doc/2.x/tags/extends.html) the Policy Advisory template
+
+### Status
+* Stable as of 5.0.0
+
+### Pattern Contains
+* Header
+* Footer
+* Policy Advisory (template)
+
+### JavaScript Used
+* Contact List (js/modules/accordions.js)
+* Footnote List (js/modules/footnote.js)
+* Jump Links (js/modules/scrollAnchors.js)
+
+### Variables
+See Patterns above
diff --git a/styleguide/source/_patterns/05-pages/detail-for-service-howto-location.json b/styleguide/source/_patterns/05-pages/detail-for-service-howto-location.json
index ae37ebac17..29f19501df 100644
--- a/styleguide/source/_patterns/05-pages/detail-for-service-howto-location.json
+++ b/styleguide/source/_patterns/05-pages/detail-for-service-howto-location.json
@@ -1,29 +1,6 @@
 {
   "urlPath": "/?p=pages-ACTION-get-a-state-park-pass",
 
-  "breadcrumbs":{
-    "light": "true",
-    "links": [{
-      "text": "Your Government",
-      "href": ""
-    },{
-      "text": "State Agencies",
-      "href": ""
-    },{
-      "text": "Energy and Environment Affairs",
-      "href": ""
-    },{
-      "text": "Key Resources & Info",
-      "href": ""
-    },{
-      "text": "Policies & Regulations",
-      "href": ""
-    },{
-      "text": "Building Energy Codes",
-      "href": "#"
-    }]
-  },
-
   "pageHeader": {
     "divider": false,
     "title": "Building Energy Codes",
diff --git a/styleguide/source/_patterns/05-pages/detail-for-service-howto-location.md b/styleguide/source/_patterns/05-pages/detail-for-service-howto-location.md
new file mode 100644
index 0000000000..d997771406
--- /dev/null
+++ b/styleguide/source/_patterns/05-pages/detail-for-service-howto-location.md
@@ -0,0 +1,46 @@
+### Description
+This is an example of a Detail page for the Service, HowTo, and Location content type pages.
+
+### Status
+* Stable as of 5.0.0
+
+### Pattern Contains
+* Header
+* Footer
+* Two Column (template)
+* Rich Text
+* Mapped Locations
+* Video
+* Form Downloads
+* Link Lists
+
+### JavaScript Used
+* This pattern uses JavaScript for the accordions (js/modules/accordions.js)
+
+### Variables
+~~~
+pageHeader: {
+  type: pageHeader / required
+},
+
+sections: [{
+  richText: {
+    type: richText / required
+  },
+  video: {
+    type: video / optional
+  },
+  mappedLocations: {
+    type: mappedLocations / optional
+  },
+  formDownloads: {
+    type: formDownloads / optional
+  }
+}],
+
+sidebar: {
+  linkList : {
+    type: linkList / optional
+  }
+}
+~~~
diff --git a/styleguide/source/_patterns/05-pages/event-listing.md b/styleguide/source/_patterns/05-pages/event-listing.md
new file mode 100644
index 0000000000..ba92a60a65
--- /dev/null
+++ b/styleguide/source/_patterns/05-pages/event-listing.md
@@ -0,0 +1,43 @@
+### Description
+This is a filter page used to search for events.
+
+### Status
+* Stable as of 5.0.0
+
+### Pattern Contains
+* Single Column (template)
+* Page Header
+* Event Filters
+* Results Heading
+* Event Listing
+* Pagination
+
+
+### JavaScript Used
+* Not built yet
+
+
+### Variables
+~~~
+pageHeader: {
+  type: pageHeader / required
+},
+
+mainContent: {
+  eventFilters: {
+    type: eventFilters / required
+  },
+
+  resultsHeading: {
+    type: resultsHeading / required
+  },
+
+  eventListing: {
+    type: eventListing / required
+  },
+
+  pagination: {
+    type: pagination / required
+  }
+}
+~~~
diff --git a/styleguide/source/_patterns/05-pages/event.md b/styleguide/source/_patterns/05-pages/event.md
index fb129a30b7..deee90b6e8 100644
--- a/styleguide/source/_patterns/05-pages/event.md
+++ b/styleguide/source/_patterns/05-pages/event.md
@@ -7,7 +7,7 @@ Example of an Event Page for Mass Gov
 ### Pattern Contains
 * Header
 * Footer
-* Event Template
+* Event (template)
 
 ### JavaScript Used
 * This pattern uses JavaScript for the accordions (js/modules/accordions.js)
diff --git a/styleguide/source/_patterns/05-pages/event.twig b/styleguide/source/_patterns/05-pages/event.twig
index 9a16d905ef..127b993361 100644
--- a/styleguide/source/_patterns/05-pages/event.twig
+++ b/styleguide/source/_patterns/05-pages/event.twig
@@ -4,6 +4,8 @@
   {% include "@organisms/by-template/header.twig" %}
 {% endblock %}
 
+{% block sidebar %}{% endblock %}
+
 {% block footer %}
   {% include "@organisms/by-template/footer.twig" %}
 {% endblock %}
diff --git a/styleguide/source/_patterns/05-pages/executive-order.md b/styleguide/source/_patterns/05-pages/executive-order.md
new file mode 100644
index 0000000000..2b4a87fa5a
--- /dev/null
+++ b/styleguide/source/_patterns/05-pages/executive-order.md
@@ -0,0 +1,24 @@
+### Description
+Example of an Executive Order page for Mass.gov
+
+### Status
+* Stable as of 5.0.0
+
+### Pattern Contains
+* Header
+* Footer
+* Two Column (template)
+* Page Header
+* Listing Table
+* Contact List
+* Personal Message
+* Rich Text
+* Form Downloads
+* Press Listing
+* Event Listing
+
+### JavaScript Used
+* This pattern uses JavaScript for the accordions (js/modules/accordions.js)
+
+### Variables
+See Patterns above
diff --git a/styleguide/source/_patterns/05-pages/form-page-example.md b/styleguide/source/_patterns/05-pages/form-page-example.md
new file mode 100644
index 0000000000..65aca08253
--- /dev/null
+++ b/styleguide/source/_patterns/05-pages/form-page-example.md
@@ -0,0 +1,21 @@
+### Description
+Example of an Board Decision Page for Mass Gov [extending](https://twig.symfony.com/doc/2.x/tags/extends.html) the Form Page template
+
+### Status
+* Stable as of 5.0.0
+
+### Pattern Contains
+* Header
+* Footer
+* Form Page (template)
+
+### JavaScript Used
+* Form fields (js/modules/formInputs.js)
+  * General inputs and Textarea (js/modules/formInputs.js)
+  * Select Box (js/modules/dropdowns.js)
+  * Date input (js/modules/pickaday.js)
+* Basic Form Validation (js/modules/formValidation.js)
+
+
+### Variables
+See Patterns above
diff --git a/styleguide/source/_patterns/05-pages/guide.md b/styleguide/source/_patterns/05-pages/guide.md
index 5ebff2db00..e2d2da5a35 100644
--- a/styleguide/source/_patterns/05-pages/guide.md
+++ b/styleguide/source/_patterns/05-pages/guide.md
@@ -5,7 +5,9 @@ Example of a Mass Gov Guide page using the stacked row template
 * Stable as of 5.0.0
 
 ### Pattern Contains
-* Stacked Row Template
+* Header
+* Footer
+* Stacked Row (template)
 * Illustrated Header
 * Jump Links
 * Stacked Row Section
diff --git a/styleguide/source/_patterns/05-pages/howto.md b/styleguide/source/_patterns/05-pages/howto.md
index 08e8a64ccb..7218040097 100644
--- a/styleguide/source/_patterns/05-pages/howto.md
+++ b/styleguide/source/_patterns/05-pages/howto.md
@@ -7,7 +7,7 @@ This page [extends](https://twig.symfony.com/doc/2.x/tags/extends.html) the deta
 ### Pattern Contains
 * Header
 * Footer
-* Details Template
+* Details (template)
 * Rich Text
 * Tabular Data
 * Steps Unordered
diff --git a/styleguide/source/_patterns/05-pages/location-general-content.md b/styleguide/source/_patterns/05-pages/location-general-content.md
index 8d288438c6..74f33f3378 100644
--- a/styleguide/source/_patterns/05-pages/location-general-content.md
+++ b/styleguide/source/_patterns/05-pages/location-general-content.md
@@ -7,7 +7,7 @@ This page [extends](https://twig.symfony.com/doc/2.x/tags/extends.html) the loca
 ### Pattern Contains
 * Header
 * Footer
-* Location Template
+* Location (template)
 * Contact List
 * Key Actions
 * Rich Text
diff --git a/styleguide/source/_patterns/05-pages/location-listing.json b/styleguide/source/_patterns/05-pages/location-listing.json
index 35f505301d..7685a6b4fd 100644
--- a/styleguide/source/_patterns/05-pages/location-listing.json
+++ b/styleguide/source/_patterns/05-pages/location-listing.json
@@ -3,20 +3,6 @@
 
   "COMMENT":"****PRECONTENT COMPONENTS****",
 
-  "breadcrumbs":{
-    "light": "true",
-    "links": [{
-      "text": "Your Government",
-      "href": ""
-    },{
-      "text": "State Agencies",
-      "href": ""
-    },{
-      "text": "Human Services",
-      "href": "#"
-    }]
-  },
-
   "pageHeader": {
     "divider": false,
     "title": "Executive Office of Health and Human Services Locations",
diff --git a/styleguide/source/_patterns/05-pages/location-listing.md b/styleguide/source/_patterns/05-pages/location-listing.md
new file mode 100644
index 0000000000..88edf0fd77
--- /dev/null
+++ b/styleguide/source/_patterns/05-pages/location-listing.md
@@ -0,0 +1,28 @@
+### Description
+This is a filter page used to search for locations.
+
+### Status
+* Stable as of 5.0.0
+
+### Pattern Contains
+* Header
+* Footer
+* Stacked Row (template)
+* Page Header
+* Stacked Row Section
+* Location Listing
+
+### JavaScript Used
+* The interface is control by the Location Listing module (js/modules/locationListing.js)
+
+
+### Variables
+~~~
+"pageHeader": {
+  type: pageHeader / required
+},
+
+"stackedRowSections": [{
+  type: array of stackedRowSections
+}]
+~~~
diff --git a/styleguide/source/_patterns/05-pages/location-park-content.md b/styleguide/source/_patterns/05-pages/location-park-content.md
index f4e1ede5d0..a22b9617a5 100644
--- a/styleguide/source/_patterns/05-pages/location-park-content.md
+++ b/styleguide/source/_patterns/05-pages/location-park-content.md
@@ -7,7 +7,7 @@ This page [extends](https://twig.symfony.com/doc/2.x/tags/extends.html) the loca
 ### Pattern Contains
 * Header
 * Footer
-* Location Template
+* Location (template)
 * Location Icons
 * Contact List
 * Key Actions
diff --git a/styleguide/source/_patterns/05-pages/organization.json b/styleguide/source/_patterns/05-pages/organization.json
index 101f72193c..c7f64d769d 100644
--- a/styleguide/source/_patterns/05-pages/organization.json
+++ b/styleguide/source/_patterns/05-pages/organization.json
@@ -2,13 +2,6 @@
   "urlPath": "/?p=pages-ORG-Health-Services",
 
   "COMMENT":"****PRECONTENT COMPONENTS****",
-  "breadcrumbs":{
-    "light": "",
-    "links": [{
-      "text": "Health and Human Services (EOHHS)",
-      "href": "#"
-    }]
-  },
 
   "pageBanner": {
     "bgWide":"../../assets/images/placeholder/1600x400.png",
diff --git a/styleguide/source/_patterns/05-pages/organization.md b/styleguide/source/_patterns/05-pages/organization.md
index 77913cd540..18295c8f57 100644
--- a/styleguide/source/_patterns/05-pages/organization.md
+++ b/styleguide/source/_patterns/05-pages/organization.md
@@ -1,121 +1,36 @@
----
-title: Org Landing Page
----
-Description: a page pattern representing those patterns which could be used on an org landing page content type
-
-## State: alpha
-
-## Can Contain
-- [@organisms/by-template/page-banner](/?p=organisms-page-banner)
-- [@organisms/by-template/action-header](/?p=organisms-action-header)
-- [@organisms/by-author/stack-row-section](/?p=organisms-stack-row-section)
-    - Stack Row:
-         - Page Content: 
-           - [@organisms/by-author/rich-text](/?p=organisms-rich-text)
-         - Sidebar Content:
-           - [@atoms/headings/sidebar-heading](/?p=atoms-sidebar-heading)
-           - [@molecules/icon-links](/?p=molecules-icon-links)
-    - Stack Row:
-         - Page Content: 
-            - [@organisms/by-author/action-finder](/?p=organisms-action-finder)
-           - [@organisms/by-author/mapped-locations](/?p=organisms-mapped-locations)
-           - [@organisms/by-author/sections-three-up](/?p=organisms-sections-three-up)
-           - [@organisms/by-author/link-list](/?p=organisms-link-list)
-- [@meta/schema/government-organization](/?p=meta-government-organization)
- 
-## Structured Data
-
-### Schema.org property / Mayflower Schema variables map
+### Description
+This is an example of an Organization page for Mass.gov using a stacked row template
+
+### Status
+* Stable as of 5.0.0
+
+### Pattern Contains
+* Header
+* Footer
+* Stacked Row (template)
+* Page Header - location
+* Page Banner - large
+* Stacked Row Section
+* Rich Text
+* Icon Links
+* Action Finder
+* Mapped Locations
+* Section Three Up
+* Link List
+
+
+### Variables
+See Patterns above
 ~~~
-{
- "@context": "http://schema.org/",
- "@id": "{{ governmentOrganization.url }}/#governmentOrganization",
- "@type": "governmentOrganization",
- "name": "{{ governmentOrganization.name }}",
- "memberOf": {
-   "@id": "{{ governmentOrganization.memberOf.id }}"
- },
- "alternateName": "{{ governmentOrganization.alternateName }}",
- "disambiguatingDescription": "{{ governmentOrganization.disambiguatingDescription }}",
- "description": "{{ governmentOrganization.description }}",
- "logo": "{{ governmentOrganization.logo }}",
- "url": "{{ governmentOrganization.url }}",
- "address": "{{ governmentOrganization.contactInfo.address }}",
- "telephone": "{{ governmentOrganization.contactInfo.telephone }}",
- "faxNumber": "{{ governmentOrganization.contactInfo.faxNumber }}",
- "email": "{{ governmentOrganization.contactInfo.email }}",
- "sameAs": [
-     "governmentOrganization.sameAs[INDEX]"
- ]
-}
-~~~
- 
-### Schema.org property / Mayflower organisms variable map
-~~~
-Schema.org property name = Mayflower (.json) variable
+pageBanner: {
+  type: pageBanner / required
+},
 
-schema.governmentOrganization.name = pageBanner.title
-schema.governmentOrganization.memberOf.id = {{urlDomain}} + "/#organization"
-schema.governmentOrganization.alternateName = pageBanner.titleSubText
-schema.governmentOrganization.disambiguatingDescription = actionHeader.pageHeader.subTitle
-schema.governmentOrganization.description = stackedRowSections[0].pageContent[0].data.rteElements[1].data.paragraph.text
-schema.governmentOrganization.logo = actionHeader.widgets[0].data.image.src
-schema.governmentOrganization.url = {{ urlDomain }}{{ urlPath }}
-schema.governmentOrganization.contactInfo.address = actionHeader.contactUs.groups[FIRST_INDEX]items[FIRST_INDEX].value where .type = "address"
-schema.governmentOrganization.contactInfo.telephone = "+" + actionHeader.contactUs.groups[FIRST_INDEX]items[FIRST_INDEX].link WHERE .type = "phone"
-schema.governmentOrganization.contactInfo.faxNumber = "+" + actionHeader.contactUs.groups[FIRST_INDEX]items[FIRST_INDEX].link WHERE .type = "fax"
-schema.governmentOrganization.contactInfo.email = "+" + actionHeader.contactUs.groups[FIRST_INDEX]items[FIRST_INDEX].link WHERE .type = "online" && is email address?
-schema.governmentOrganization.sameAs = [
- stackedRowSections[0].sideBar[1].data.iconLinks.items[INDEX].link.href
-]     
-~~~
+pageHeader: {
+  type: pageHeader / required
+},
 
-### Rendered json+ld data object
+stackedRowSections: [{
+  type: array of stackedRowSections / required
+}]
 ~~~
-<script type="application/ld+json">
-{
- "@context": "http://schema.org/",
- "@id": "https://mayflower.digital.mass.gov/?p=templates-org-landing-page/#governmentOrganization",
- "@type": "governmentOrganization",
- "name": "Executive Office of Health and Human Services",
- "memberOf": {
-   "@id": "http://mayflower.digital.mass.gov/#organization"
- },
- "alternateName": "EOHHS",
- "disambiguatingDescription": "EOHHS oversees health and general support services to help people in Massacheusetts - from young children to seniors - meet basic needs.",
- "description": "The Executive Office of Health and Human Services is responsible through its member agencies for the delivery of a wide range of services to people with financial, health, social, protective, rehabilitation, and correctional needs. Online information is available for consumers, providers, researchers, and social workers to find out what types of assistance are offered.",
- "logo": "https://mayflower.digital.mass.gov/assets/images/images/placeholder/230x130.png",
- "url": "https://mayflower.digital.mass.gov/?p=templates-org-landing-page",
- "address": "One Ashburton Place, 11th Floor, Boston, MA 02108",
- "telephone": "+14134994262",
- "faxNumber": "+14134994266",
- "email": "email@email.com",
- "sameAs": [
-   "https://twitter.com/MassHHS",
-   "https://www.flickr.com/photos/mass_hhs/",
-   "https://blog.mass.gov/hhs"
- ]
-}
-</script>
-~~~
-
-## Resources
-- [schema.org](https://schema.org/)
-    - [schema: Government Organization](https://schema.org/GovernmentOrganization)  
-    - [schema: Government Office](https://schema.org/GovernmentOffice)  
-    - [schema: Government Service](https://schema.org/GovernmentService)  
-    - [schema: Service Channel](https://schema.org/ServiceChannel)
-    - [schema: Offer Catalog](https://schema.org/OfferCatalog)
-- [(google) structured data testing tool](https://search.google.com/structured-data/testing-tool)
-- [structured data linting tool](http://linter.structured-data.org/)
-- [structured data playground](http://json-ld.org/playground/index.html)
-- [org page schema.org playground](http://tinyurl.com/gn72pa4)
-- [Some context for civic service vocabulary being added to schema.org](https://www.w3.org/wiki/images/0/03/Services_for_schema.org_%28DRAFT_2013-06-27%29.pdf)
-
-## Future iterations
-Once we've added contacts, locations to the Org Page then we can add address and contact point information.
-
-Once we've got a better idea of how to represent topics, subtopics, services and have created content types for these as well as how-tos and guides, then we can add offer catalogs to represent those.
-
-Once we've determined if / how to show a relationship between organizations then we can add information about that here as well.
- 
\ No newline at end of file
diff --git a/styleguide/source/_patterns/05-pages/policy-advisory-directive.md b/styleguide/source/_patterns/05-pages/policy-advisory-directive.md
new file mode 100644
index 0000000000..94dd2fa2bd
--- /dev/null
+++ b/styleguide/source/_patterns/05-pages/policy-advisory-directive.md
@@ -0,0 +1,18 @@
+### Description
+Example of an Directive Page for Mass Gov [extending](https://twig.symfony.com/doc/2.x/tags/extends.html) the Policy Advisory template
+
+### Status
+* Stable as of 5.0.0
+
+### Pattern Contains
+* Header
+* Footer
+* Policy Advisory (template)
+
+### JavaScript Used
+* Contact List (js/modules/accordions.js)
+* Footnote List (js/modules/footnote.js)
+* Jump Links (js/modules/scrollAnchors.js)
+
+### Variables
+See Patterns above
diff --git a/styleguide/source/_patterns/05-pages/press-listing.md b/styleguide/source/_patterns/05-pages/press-listing.md
new file mode 100644
index 0000000000..171aa445cc
--- /dev/null
+++ b/styleguide/source/_patterns/05-pages/press-listing.md
@@ -0,0 +1,23 @@
+### Description
+This is an example of a Press Listing page [extending](https://twig.symfony.com/doc/2.x/tags/extends.html) the Two Column Reversed template
+
+### Status
+* Stable as of 5.0.0
+
+### Pattern Contains
+* Header
+* Footer
+* Two Column Reversed (template)
+* Page Header
+* Press Filters
+* Results Heading
+* Press Listing (organism)
+* Pagination
+
+### JavaScript Used
+* Page level is still to be determined
+* Select Boxes (js/modules/dropdown.js)
+* Date Range (js/modules/pickaday.js)
+
+### Variables
+See Patterns above
diff --git a/styleguide/source/_patterns/05-pages/press-release-with-image.md b/styleguide/source/_patterns/05-pages/press-release-with-image.md
new file mode 100644
index 0000000000..2fb8bbcb3c
--- /dev/null
+++ b/styleguide/source/_patterns/05-pages/press-release-with-image.md
@@ -0,0 +1,5 @@
+### Description
+This is a variant of the [Press Release](./?p=pages-press-release) Page showing an example with an optional Image.
+
+### How to generate
+* Populate the 'pageContent.figure' variable
diff --git a/styleguide/source/_patterns/05-pages/press-release-with-video.md b/styleguide/source/_patterns/05-pages/press-release-with-video.md
new file mode 100644
index 0000000000..e441b68188
--- /dev/null
+++ b/styleguide/source/_patterns/05-pages/press-release-with-video.md
@@ -0,0 +1,5 @@
+### Description
+This is a variant of the [Press Release](./?p=pages-press-release) Page showing an example with an optional Video.
+
+### How to generate
+* Populate the 'pageContent.video' variable
diff --git a/styleguide/source/_patterns/05-pages/press-release.md b/styleguide/source/_patterns/05-pages/press-release.md
new file mode 100644
index 0000000000..5c50ced7c8
--- /dev/null
+++ b/styleguide/source/_patterns/05-pages/press-release.md
@@ -0,0 +1,19 @@
+### Description
+Displays a collection of components to help describe a Press Release on Mass Gov
+
+### Status
+* Stable as of 5.0.0
+
+### Pattern Contains
+* Header 
+* Footer
+* Press (template)
+
+### Variant options
+* The press release can include an optional [image](./?p=pages-press-release-with-image) or [video](./?p=pages-press-release-with-video)
+
+### JavaScript Used
+* This pattern uses JavaScript for the accordions (js/modules/accordions.js)
+
+### Variables
+See Press Template
diff --git a/styleguide/source/_patterns/05-pages/regulation.md b/styleguide/source/_patterns/05-pages/regulation.md
new file mode 100644
index 0000000000..94dd2fa2bd
--- /dev/null
+++ b/styleguide/source/_patterns/05-pages/regulation.md
@@ -0,0 +1,18 @@
+### Description
+Example of an Directive Page for Mass Gov [extending](https://twig.symfony.com/doc/2.x/tags/extends.html) the Policy Advisory template
+
+### Status
+* Stable as of 5.0.0
+
+### Pattern Contains
+* Header
+* Footer
+* Policy Advisory (template)
+
+### JavaScript Used
+* Contact List (js/modules/accordions.js)
+* Footnote List (js/modules/footnote.js)
+* Jump Links (js/modules/scrollAnchors.js)
+
+### Variables
+See Patterns above
diff --git a/styleguide/source/_patterns/05-pages/section-landing.md b/styleguide/source/_patterns/05-pages/section-landing.md
new file mode 100644
index 0000000000..5578463b90
--- /dev/null
+++ b/styleguide/source/_patterns/05-pages/section-landing.md
@@ -0,0 +1,18 @@
+### Description
+This is an example of a Section Landing page on Mass.gov
+
+### Status
+* Stable as of 5.0.0
+
+### Pattern Contains
+* Header
+* Footer
+* Single Column (template)
+* Page Banner - columns
+* Sections Three Up
+
+### JavaScript Used
+* This pattern uses JavaScript for the accordions (js/modules/accordions.js)
+
+### Variables
+See Patterns above
diff --git a/styleguide/source/_patterns/05-pages/service.md b/styleguide/source/_patterns/05-pages/service.md
index c30c610ac7..612cb34471 100644
--- a/styleguide/source/_patterns/05-pages/service.md
+++ b/styleguide/source/_patterns/05-pages/service.md
@@ -5,9 +5,9 @@ Example of a Services template to show how it could be used as an Unemployment B
 * Stable as of 5.0.0
 
 ### Pattern Contains
-* Header Organism
-* Services Template
-* Footer Organism
+* Header
+* Footer
+* Services (template)
 
 ### Variables
 See Services Template
diff --git a/styleguide/source/_patterns/05-pages/topic-your-government.md b/styleguide/source/_patterns/05-pages/topic-your-government.md
index 57cc2a3886..05791bec67 100644
--- a/styleguide/source/_patterns/05-pages/topic-your-government.md
+++ b/styleguide/source/_patterns/05-pages/topic-your-government.md
@@ -5,8 +5,10 @@ This is an example of a Topic page on Mass.gov for the Your Government section.
 * Stable as of 5.0.0
 
 ### Pattern Contains
-* Single Column Template
-* Page Banner (columns)
+* Header
+* Footer
+* Single Column (template)
+* Page Banner - columns
 * Sections Three Up
 * Link List
 
diff --git a/styleguide/source/_patterns/05-pages/topic.md b/styleguide/source/_patterns/05-pages/topic.md
index 758ed8a0d9..c291f794f6 100644
--- a/styleguide/source/_patterns/05-pages/topic.md
+++ b/styleguide/source/_patterns/05-pages/topic.md
@@ -5,8 +5,8 @@ This is an example of a Topic page on Mass.gov.
 * Stable as of 5.0.0
 
 ### Pattern Contains
-* Single Column Template
-* Page Banner (columns)
+* Single Column (template)
+* Page Banner - columns
 * Sections Three Up
 * Link List
 
diff --git a/styleguide/source/_patterns/05-pages/video-transcript.md b/styleguide/source/_patterns/05-pages/video-transcript.md
new file mode 100644
index 0000000000..dc85b1edcd
--- /dev/null
+++ b/styleguide/source/_patterns/05-pages/video-transcript.md
@@ -0,0 +1,17 @@
+### Description
+This is an example of a Video Transcript page [extending](https://twig.symfony.com/doc/2.x/tags/extends.html) the Two Column template
+
+### Status
+* Stable as of 5.0.0
+
+### Pattern Contains
+* Header
+* Footer
+* Two Column Reversed (template)
+* Page Header
+* Back Button
+* Video
+* Rich Text
+
+### Variables
+See Patterns above
diff --git a/styleguide/source/_patterns/documentation-template.md b/styleguide/source/_patterns/documentation-template.md
index 9afb5a5933..46d6d1253c 100644
--- a/styleguide/source/_patterns/documentation-template.md
+++ b/styleguide/source/_patterns/documentation-template.md
@@ -25,4 +25,5 @@ contactList: {
   contacts:[{
     type: array of contactUs / required
   }]
+}
 ~~~
diff --git a/styleguide/source/assets/js/modules/footnote.js b/styleguide/source/assets/js/modules/footnote.js
index ea7e8b087f..a85f29d0c3 100644
--- a/styleguide/source/assets/js/modules/footnote.js
+++ b/styleguide/source/assets/js/modules/footnote.js
@@ -6,9 +6,15 @@ export default function (window,document,$,undefined) {
     let $el = $(this),
         $link = $el.find(".js-footnote-link"),
         $messageLink = $link.clone(),
-        $rtelink = $($link.attr('href')),
+        $rtelink = null,
         isMobile = checkMobile($el);
 
+    if ($link.attr('href') === "#") {
+      return;
+    } else {
+      $rtelink = $($link.attr('href'));
+    }
+
     $messageLink.text('');
 
     $el.find(".js-footnote-message p:last-child").append($messageLink);
diff --git a/styleguide/source/assets/scss/01-atoms/_forms.scss b/styleguide/source/assets/scss/01-atoms/_forms.scss
index 63a9f29005..067627530e 100644
--- a/styleguide/source/assets/scss/01-atoms/_forms.scss
+++ b/styleguide/source/assets/scss/01-atoms/_forms.scss
@@ -1,5 +1,6 @@
 input {
   border: 2px solid;
+  max-width: 100%;
   min-height: 40px;
   padding: 0 18px;
 
diff --git a/styleguide/source/assets/scss/03-organisms/_press-filters.scss b/styleguide/source/assets/scss/03-organisms/_press-filters.scss
index ef97b7792b..ad05cdd0b6 100644
--- a/styleguide/source/assets/scss/03-organisms/_press-filters.scss
+++ b/styleguide/source/assets/scss/03-organisms/_press-filters.scss
@@ -63,7 +63,7 @@
   }
 
   .ma__select-box {
-    max-width: 780px;
+    max-width: 500px;
     width: 100%;
   }
 }