diff --git a/public/img/clothes-ref/cold/boots.jpg b/public/img/clothes-ref/cold/boots.jpg
new file mode 100644
index 0000000..83fa86b
Binary files /dev/null and b/public/img/clothes-ref/cold/boots.jpg differ
diff --git a/public/img/clothes-ref/cold/coat.jpg b/public/img/clothes-ref/cold/coat.jpg
new file mode 100644
index 0000000..28a7293
Binary files /dev/null and b/public/img/clothes-ref/cold/coat.jpg differ
diff --git a/public/img/clothes-ref/cold/hoodie.jpg b/public/img/clothes-ref/cold/hoodie.jpg
new file mode 100644
index 0000000..186f5b6
Binary files /dev/null and b/public/img/clothes-ref/cold/hoodie.jpg differ
diff --git a/public/img/clothes-ref/cold/jeans.jpg b/public/img/clothes-ref/cold/jeans.jpg
new file mode 100644
index 0000000..3de4bac
Binary files /dev/null and b/public/img/clothes-ref/cold/jeans.jpg differ
diff --git a/public/img/clothes-ref/cold/scarf.jpg b/public/img/clothes-ref/cold/scarf.jpg
new file mode 100644
index 0000000..717a0eb
Binary files /dev/null and b/public/img/clothes-ref/cold/scarf.jpg differ
diff --git a/public/img/clothes-ref/lazy/pants.jpg b/public/img/clothes-ref/lazy/pants.jpg
new file mode 100644
index 0000000..a1fc86f
Binary files /dev/null and b/public/img/clothes-ref/lazy/pants.jpg differ
diff --git a/public/img/clothes-ref/lazy/undies.jpg b/public/img/clothes-ref/lazy/undies.jpg
new file mode 100644
index 0000000..72314b1
Binary files /dev/null and b/public/img/clothes-ref/lazy/undies.jpg differ
diff --git a/public/img/clothes-ref/warm/hoodie.jpg b/public/img/clothes-ref/warm/hoodie.jpg
new file mode 100644
index 0000000..8eeeed9
Binary files /dev/null and b/public/img/clothes-ref/warm/hoodie.jpg differ
diff --git a/public/img/clothes-ref/warm/shorts.jpg b/public/img/clothes-ref/warm/shorts.jpg
new file mode 100644
index 0000000..5e38f89
Binary files /dev/null and b/public/img/clothes-ref/warm/shorts.jpg differ
diff --git a/public/img/clothes-ref/warm/sneakers.jpg b/public/img/clothes-ref/warm/sneakers.jpg
new file mode 100644
index 0000000..923b2d2
Binary files /dev/null and b/public/img/clothes-ref/warm/sneakers.jpg differ
diff --git a/public/img/clothes-ref/warm/tank-top.jpg b/public/img/clothes-ref/warm/tank-top.jpg
new file mode 100644
index 0000000..7a52a56
Binary files /dev/null and b/public/img/clothes-ref/warm/tank-top.jpg differ
diff --git a/public/img/clothes-ref/workout/gloves.jpg b/public/img/clothes-ref/workout/gloves.jpg
new file mode 100644
index 0000000..69a2f2d
Binary files /dev/null and b/public/img/clothes-ref/workout/gloves.jpg differ
diff --git a/public/img/clothes-ref/workout/hoodie.jpg b/public/img/clothes-ref/workout/hoodie.jpg
new file mode 100644
index 0000000..57bea54
Binary files /dev/null and b/public/img/clothes-ref/workout/hoodie.jpg differ
diff --git a/public/img/clothes-ref/workout/shorts.jpg b/public/img/clothes-ref/workout/shorts.jpg
new file mode 100644
index 0000000..d62f573
Binary files /dev/null and b/public/img/clothes-ref/workout/shorts.jpg differ
diff --git a/src/App.vue b/src/App.vue
index f17e3fa..9e4145c 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -118,6 +118,9 @@
       <h2>Clothing Styles</h2>
       <template v-for="(style, index) in clothingStyles">
         <h3 :key="style.name">{{ style.name }}</h3>
+
+        <gallery :key="style.name + index" :images="clothes[index]"></gallery>
+
         <ul :key="index">
           <li v-for="(part, index) in style.clothes" :key="index">
             {{ part }}
@@ -155,7 +158,6 @@
         and abilities but comes at a cost.
       </p>
 
-      <rich-figure></rich-figure>
 
       <p>
         He enters Overdrive by engulfing himself in a pillar of flames which
@@ -240,7 +242,8 @@ export default {
     return {
       appName: "Sebin Nyshkim Character Reference Page",
       muscleRefs: this.getMuscleRefPics(17),
-      kittens: this.getKittens(17)
+      kittens: this.getKittens(17),
+      clothes: this.getClothesPics()
     };
   },
   mixins: [Sebin, Helper]
diff --git a/src/mixins/Helper.js b/src/mixins/Helper.js
index 56df1ca..ce8b97d 100644
--- a/src/mixins/Helper.js
+++ b/src/mixins/Helper.js
@@ -11,6 +11,36 @@ export default {
       return muscles;
     },
 
+    getClothesPics() {
+      const warm = [
+        "/img/clothes-ref/warm/tank-top.jpg",
+        "/img/clothes-ref/warm/shorts.jpg",
+        "/img/clothes-ref/warm/hoodie.jpg",
+        "/img/clothes-ref/warm/sneakers.jpg"
+      ];
+
+      const cold = [
+        "/img/clothes-ref/cold/coat.jpg",
+        "/img/clothes-ref/cold/scarf.jpg",
+        "/img/clothes-ref/cold/hoodie.jpg",
+        "/img/clothes-ref/cold/jeans.jpg",
+        "/img/clothes-ref/cold/boots.jpg"
+      ];
+
+      const workout = [
+        "/img/clothes-ref/workout/hoodie.jpg",
+        "/img/clothes-ref/workout/gloves.jpg",
+        "/img/clothes-ref/workout/shorts.jpg"
+      ];
+
+      const lazy = [
+        "/img/clothes-ref/lazy/pants.jpg",
+        "/img/clothes-ref/lazy/undies.jpg"
+      ];
+
+      return [warm, cold, workout, lazy];
+    },
+
     getKittens(count) {
       let kittens = [];
 
diff --git a/src/mixins/Sebin.js b/src/mixins/Sebin.js
index 731f256..7117356 100644
--- a/src/mixins/Sebin.js
+++ b/src/mixins/Sebin.js
@@ -42,16 +42,17 @@ export default {
         {
           name: "Cold Weather",
           clothes: [
-            "lorem ipsum dolor sit amet",
-            "lorem ipsum dolor sit amet",
-            "lorem ipsum dolor sit amet",
-            "lorem ipsum dolor sit amet"
+            "Coat",
+            "Checkered scarf with short cords",
+            "Hoodie",
+            "Loose Jeans",
+            "Boots"
           ]
         },
         {
           name: "Workout",
           clothes: [
-            "Tight Tank Top",
+            "Sleeveless Hoodie (hood goes on)",
             "Fingerless Gloves",
             "Short Shorts",
             "(barefoot)"