diff --git a/_pages/media.html b/_pages/media.html
index 7d875e14..bbf4bc0c 100644
--- a/_pages/media.html
+++ b/_pages/media.html
@@ -52,12 +52,26 @@ <h3>Font</h3>
         </div>
       </div>
 
+      <div class="row">
+        <div class="col s12">
+          <h3>Mascot</h3>
+          Meet Crys, the mascot of Crystal. It's smart and likes shiny things, so feed it with your best shards!
+      
+          <div class="media-gallery">
+            {% include media/gallery_item.html img="media/crys-mascot.svg" name="Download SVG" %}
+            {% include media/gallery_item.html img="media/crys-mascot.png" name="Download PNG" %}
+          </div>
+        </div>
+      </div>
+
       <hr class="squares"/>
 
       <div class="row media-guidelines">
         <div class="col s12">
           <h2>Guidelines</h2>
 
+          Unless stated otherwise, with Crystal logos we mean any of the media presented in this page (icons and mascot).
+
           <h3>What can you do with the Crystal logos and brand:</h3>
           <ul class="guidelines dos">
           <li>Print them on any merchandise you want, as long as you don’t sell it.</li>
@@ -67,6 +81,16 @@ <h3>What can you do with the Crystal logos and brand:</h3>
           <li>Use them for educational purposes, as long as it’s available for free. </li>
           </ul>
 
+          <h3>What can you do with the Crystal mascot:</h3>
+          <ul class="guidelines dos">
+          <li>Create a variety of postures for Crys.</li>
+          <li>Change the mascot’s body angles, typically to convey energy and movement so the character remains lively and interesting.</li>
+          <li>Develop a variety of facial expressions and body language that may be utilized to represent various feelings and behaviors.
+            We understand it might be a challenge to add different expressions to the mascot without having eyes; however this is your opportunity to get creative.
+          </li>
+          <li>Place the mascot on a background with a different color.</li>
+          </ul>
+
           <h3>Don’t do these things with the Crystal logos and brand:</h3>
           <ul class="guidelines donts">
           <li>Change their colors, dimensions or add your own text.</li>
@@ -76,6 +100,12 @@ <h3>Don’t do these things with the Crystal logos and brand:</h3>
           <li>Use the logo in a way that could suggest sponsorship or endorsement by Crystal.</li>
           </ul>
 
+          <h3>Don’t do these things to Crys:</h3>
+          <ul class="guidelines donts">
+          <li>Add facial features like eyes.</li>
+          <li>Change its polyhedron look.</li>
+          </ul>
+
           <h3>Don’t hesitate to contact us if:</h3>
           <ul class="guidelines general">
           <li>You want permission to sell Crystal merchandise.</li>
diff --git a/assets/media/crys-mascot.png b/assets/media/crys-mascot.png
new file mode 100644
index 00000000..80791ab3
Binary files /dev/null and b/assets/media/crys-mascot.png differ
diff --git a/assets/media/crys-mascot.svg b/assets/media/crys-mascot.svg
new file mode 100644
index 00000000..d941989b
--- /dev/null
+++ b/assets/media/crys-mascot.svg
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 480 420" style="enable-background:new 0 0 480 420;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:url(#SVGID_1_);}
+	.st1{fill:#121212;}
+	.st2{fill:#646565;}
+	.st3{fill:#BBBBBB;}
+	.st4{fill:url(#SVGID_00000171681199241388530230000017937359999625848998_);}
+	.st5{fill:url(#SVGID_00000059996004501675533560000000706853879749595806_);}
+	.st6{fill:#242424;}
+</style>
+<polygon points="414.3,245.6 415,191.7 457.6,143.6 428.8,55.3 338.9,48.7 296.2,107.1 304.7,132.9 22.4,147.5 176.5,222.8 
+	242.2,222.8 173.6,265.1 240.8,275.8 254.1,302.1 261.2,318.4 284.1,329 307.6,370.4 318.2,370.4 294.3,325.1 298.3,302.4 
+	314,302.6 321.2,319.3 344.1,329.9 367.7,371.3 378.3,371.3 354.3,326 358.4,303 "/>
+<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="373.2339" y1="59.7273" x2="348.3508" y2="139.3934">
+	<stop  offset="0" style="stop-color:#767575"/>
+	<stop  offset="1" style="stop-color:#323232"/>
+</linearGradient>
+<polygon class="st0" points="338.9,48.7 311.2,137.5 397.7,102.5 "/>
+<polygon class="st1" points="397.7,102.5 428.8,55.3 457.6,143.6 "/>
+<polygon class="st2" points="425.2,148 394.9,127.5 394.9,179.4 "/>
+<polygon class="st3" points="394.9,179.4 353.6,144 394.9,127.5 "/>
+<linearGradient id="SVGID_00000147915795435267937540000008862437388155481785_" gradientUnits="userSpaceOnUse" x1="22.3946" y1="143.166" x2="304.7368" y2="143.166">
+	<stop  offset="0" style="stop-color:#393939"/>
+	<stop  offset="1" style="stop-color:#323232"/>
+</linearGradient>
+<polygon style="fill:url(#SVGID_00000147915795435267937540000008862437388155481785_);" points="304.7,132.9 276.1,153.4 
+	22.4,147.5 "/>
+<linearGradient id="SVGID_00000103945016317472888670000006762491284923975080_" gradientUnits="userSpaceOnUse" x1="173.6457" y1="243.9485" x2="257.6832" y2="243.9485">
+	<stop  offset="0" style="stop-color:#393939"/>
+	<stop  offset="1" style="stop-color:#323232"/>
+</linearGradient>
+<polygon style="fill:url(#SVGID_00000103945016317472888670000006762491284923975080_);" points="242.2,222.8 257.7,224.4 
+	173.6,265.1 "/>
+<polygon class="st6" points="428.8,55.3 397.7,102.5 338.9,48.7 "/>
+<polygon class="st6" points="296.2,107.1 311.2,137.5 338.9,48.7 "/>
+</svg>