diff --git a/site/filters.json b/site/filters.json
index de5138e..1181e23 100644
--- a/site/filters.json
+++ b/site/filters.json
@@ -87,7 +87,7 @@
         },
         {
             "name": "Juno",
-            "is_done": false,
+            "is_done": true,
             "usage": "juno"
         },
         {
@@ -203,4 +203,4 @@
     ],
 
     "images": ["atx", "bike", "cacti", "lakegeneva", "tahoe"]
-}
\ No newline at end of file
+}
diff --git a/source/scss/cssgram.scss b/source/scss/cssgram.scss
index aee0b81..cfd9916 100644
--- a/source/scss/cssgram.scss
+++ b/source/scss/cssgram.scss
@@ -21,4 +21,5 @@
 @import 'rise';
 @import 'slumber';
 @import 'brannan';
-@import 'valencia';
\ No newline at end of file
+@import 'valencia';
+@import 'juno';
diff --git a/source/scss/juno.scss b/source/scss/juno.scss
new file mode 100644
index 0000000..d4dfe97
--- /dev/null
+++ b/source/scss/juno.scss
@@ -0,0 +1,38 @@
+/*
+ * Juno
+ *
+ */
+ @import 'shared';
+ // mixin to extend juno filter
+ // @mixin juno
+ // @param $filters... {filter} - Zero to many css filters to be added
+ // @example
+ //   img {
+ //     @include juno;
+ //   }
+ //   or
+ //   img {
+ //     @include juno(blur(2px));
+ //   }
+ //   or
+ //   img {
+ //     @include juno(blur(2px)) {
+ //       /*...*/
+ //     };
+ //   }
+@mixin juno($filters...) {
+  @extend %filter-base;
+  filter: contrast(1.2) saturate(0.8) $filters;
+  &:before {
+    background: linear-gradient(to bottom,rgba(255,255,255,0.2), rgba(74, 195, 111, 0.2), transparent);
+    mix-blend-mode: overlay;
+  }
+
+  @content;
+}
+
+// juno Instagram filter
+%juno,
+.juno {
+  @include juno;
+}