diff --git a/source/_patterns/00-atoms/09-cards/colored-card.mustache b/source/_patterns/00-atoms/09-cards/colored-card.mustache
new file mode 100644
index 0000000000000000000000000000000000000000..5ca5b78b03f17280828a4cee7dcc4b79e9f3f24c
--- /dev/null
+++ b/source/_patterns/00-atoms/09-cards/colored-card.mustache
@@ -0,0 +1,6 @@
+<div class="card shadow-none bg-grey-125 {{ classes }}">
+  <div class="card__body">
+    <h1 class="card-headline mb-8"><a href="#">{{ title }}{{^ title }}{{ headline.short }}{{/ title }}</a></h1>
+    <p class="card-body-text">{{ excerpt.short }}</p>
+  </div>
+</div>
diff --git a/source/_patterns/00-atoms/15-form-fields/05-select.mustache b/source/_patterns/00-atoms/15-form-fields/05-select.mustache
index e083712dd83d81bc565c4e6c386626f53873450b..abee1086b862a12b9031eaea07f1c6251ccb26c1 100644
--- a/source/_patterns/00-atoms/15-form-fields/05-select.mustache
+++ b/source/_patterns/00-atoms/15-form-fields/05-select.mustache
@@ -1,8 +1,8 @@
 <div class="select {{ wrapClasses }}">
-  <select class="select__control form-field__control {{ classes }}" value="" {{# disabled }}disabled{{/ disabled }} {{# readonly }}readonly{{/ readonly }}>
-    <option>Option 1</option>
+  <select class="select__control form-field__control {{ classes }}" onchange="this.dataset.chosen = this.value;" data-chosen="{{# selected }}{{ selected }}{{/ selected }}" {{# disabled }}disabled{{/ disabled }} {{# readonly }}readonly{{/ readonly }}>
+    <option {{^ selected }}selected {{/ selected }}value="">{{ placeholder }}{{^ placeholder }}Choose option{{/ placeholder }}</option>
+    <option {{# selected }}selected {{/ selected }}>{{# selected }}{{ selected }}{{/ selected }}{{^ selected }}Option 1{{/ selected }}</option>
     <option>Option 2</option>
     <option>Option 3</option>
-    <option>Option 4</option>
   </select>
-</div>
+</div>
\ No newline at end of file
diff --git a/source/_patterns/01-molecules/09-switch/binary-switch.mustache b/source/_patterns/01-molecules/09-switch/binary-switch.mustache
index 7800c606da3c639aeea7b53fa638d914626377d6..db21f36786b98de499d074cac889b0c3253a4aef 100644
--- a/source/_patterns/01-molecules/09-switch/binary-switch.mustache
+++ b/source/_patterns/01-molecules/09-switch/binary-switch.mustache
@@ -1,4 +1,4 @@
 <div class="switch">
-  <a {{# viewProvider1 }}@click="toggleView('{{ viewProvider1 }}')"{{/ viewProvider1 }} class="switch__item {{ classes }} {{^ secondActive }}switch__item--active {{ activeClasses }}{{/ secondActive }}">{{ cta1 }}{{^ cta1 }}{{ cta }}{{/ cta1 }}</a>
-  <a {{# viewProvider2 }}@click="toggleView('{{ viewProvider2 }}')"{{/ viewProvider2 }} class="switch__item {{ classes }} {{# secondActive }}switch__item--active {{ activeClasses }}{{/ secondActive }}">{{ cta2 }}{{^ cta2 }}{{ cta }}{{/ cta2 }}</a>
+  <a {{# viewProvider1 }}@click="toggleView('{{ viewProvider1 }}')"{{/ viewProvider1 }} class="switch__item {{ classes }} {{^ secondActive }}switch__item--active{{/ secondActive }}">{{ cta1 }}{{^ cta1 }}{{ cta }}{{/ cta1 }}</a>
+  <a {{# viewProvider2 }}@click="toggleView('{{ viewProvider2 }}')"{{/ viewProvider2 }} class="switch__item {{ classes }} {{# secondActive }}switch__item--active{{/ secondActive }}">{{ cta2 }}{{^ cta2 }}{{ cta }}{{/ cta2 }}</a>
 </div>