diff --git a/_i18n/en.yml b/_i18n/en.yml
index ed311ed..3442511 100644
--- a/_i18n/en.yml
+++ b/_i18n/en.yml
@@ -2,6 +2,25 @@
 # For multiple paragraph content add two line breaks
 pages:
 
+  graphics:
+    title: Dash Official Website | Dash Crypto Currency
+    description: Dash is Digital Cash
+
+    hero-image:
+    hero-heading: Promotional Graphics
+    hero-text:
+      Dash Evolution, the first cryptocurrency you can use on web and mobile without an intermediary.
+      These graphics can be used for display in online services, retail establishments, press or other promotional purposes
+    licence: The Dash logo and wordmark are licensed for use under a Creative Commons Attribution-ShareAlike 4.0 International License.
+    licence-link-text: Creative Commons Attribution-ShareAlike 4.0 International License.
+    licence-link: https://creativecommons.org/licenses/by-sa/4.0/
+
+    logos-header: Logos & Icons
+    merchants-header: Merchant Buttons
+    dontaion-header: Donation Buttons
+    community-header: Community
+    indent-header: Dash Visual Identity
+
   evolution:
     title: Dash Official Website | Dash Crypto Currency
     description: Dash is Digital Cash
diff --git a/_includes/hero/graphics.html b/_includes/hero/graphics.html
new file mode 100755
index 0000000..5ce16fb
--- /dev/null
+++ b/_includes/hero/graphics.html
@@ -0,0 +1,28 @@
+<div class="hero" id="hero">
+	<div class="hero__background">
+		{% srcset hero/home.jpg ppi:1,2 class="hero__background-image" %}
+			{% srcset_source width:1920 %}
+			{% srcset_source width:1280 %}
+			{% srcset_source width:1024 %}
+			{% srcset_source width:800 %}
+		{% endsrcset %}
+	</div>
+
+	<!-- Navigation -->
+	{% include nav-desktop.html %}
+	{% include base.html %}
+
+	<!-- Hero content -->
+	<div class="hero__content">
+		<h1 class="hero__title">{% t pages.graphics.hero-heading %}</h1>
+		<p class="hero__lead">{% t pages.graphics.hero-text %}</p>
+		<p class="hero__lead">
+			{% t pages.graphics.licence %}
+			<a href="{% t pages.graphics.licence-link %}">{% t pages.graphics.licence-link-text %}</a>
+		</p>
+
+	</div>
+
+	<!-- Hero stripe -->
+	<div class="hero__stripe"></div>
+</div>
diff --git a/assets/img/graphics/dash_logo_s.png b/assets/img/graphics/dash_logo_s.png
new file mode 100755
index 0000000..a6a6648
Binary files /dev/null and b/assets/img/graphics/dash_logo_s.png differ
diff --git a/graphics/index.html b/graphics/index.html
new file mode 100755
index 0000000..4553264
--- /dev/null
+++ b/graphics/index.html
@@ -0,0 +1,37 @@
+---
+layout: default
+title: pages.graphics.title
+description: pages.graphics.description
+---
+{% include hero/graphics.html %}
+
+
+<div class="page page--wallets">
+	<section class="section">
+		<div class="section__content">
+			<h2>{% t pages.graphics.logos-header %}</h2>
+			<div class="row">
+				<div class="col-xs-12 col-md-3">
+					<div class="b-graphic-tile">
+						<div class="thumbnail">
+							<div class="logo-container">
+								<img src="/assets/img/graphics/dash_logo_s.png"/>
+							</div>
+							<div class="caption">
+								<h4>{{ wallet.logo_url }}</h4>
+								<div class="fine-print">
+								   png
+								</div>
+							</div>
+							<div class="wallet-links-container">
+								<div class="link">
+									<a href="{{link.url}}" target="_blank">123123 </a>
+								</div>
+							</div>
+						</div>
+					</div>
+				</div>
+			</div>
+		</div>
+	</section>
+</div>
diff --git a/src/scss/_junk-drawer.scss b/src/scss/_junk-drawer.scss
index e1a97a4..e94983a 100644
--- a/src/scss/_junk-drawer.scss
+++ b/src/scss/_junk-drawer.scss
@@ -162,6 +162,7 @@ a.blog_link {
 	margin-top: 30px;
 	margin-bottom: 0;
 }
+
 .b-modal{
 	&__close {
 		position: absolute;
@@ -249,8 +250,6 @@ a.blog_link {
 	}
 }
 
-
-
 .b-get-section {
 	background-image: url(../../assets/img/update/bg2.png);
 	color: white;
@@ -277,6 +276,7 @@ a.blog_link {
 		color: $color-blue;
 	}
 }
+
 .ctabox_small-font{
 	p{
 		padding-left: 20px;
@@ -293,3 +293,69 @@ a.blog_link {
 .evo-prototype-section{
 	background-image: url(../../assets/img/evolution/bg2.png);
 }
+
+.b-graphic-tile {
+	animation: fadein 0.4s;
+	cursor: pointer;
+	text-align: center;
+	margin: $wallet-tile-spacing auto;
+	border: 1px solid $color-gray;
+	min-height: $wallet-tile-min-height;
+	max-width: $wallet-tile-max-width;
+	overflow: hidden;
+	transition:.25s;
+
+	& .thumbnail{
+		& .logo-container {
+			margin: $wallet-tile-spacing auto;
+			padding: $wallet-tile-spacing*.3;
+			display: block;
+			overflow: hidden;
+			img {
+				max-height: 80px;
+			}
+		}
+		& .caption {
+			line-height: 1 !important;
+			margin: $wallet-tile-spacing;
+			h4 {
+				padding: 0 0 $wallet-tile-spacing 0;
+			}
+			& .fine-print {
+				overflow-y: auto;
+				min-height: $wallet-tile-caption-fine-print-height;
+				max-height: $wallet-tile-caption-fine-print-height*2;
+				margin: 0 0 $wallet-tile-spacing 0;
+				font-size: $wallet-tile-caption-fine-print-font-size;
+				line-height: 1.5 !important;
+				color: $color-gray-dark;
+			}
+		}
+		& .wallet-links-container {
+			width: 100%;
+			& .link {
+				border-top: solid 1px $color-gray;
+				margin: 0 auto;
+				width: 90%;
+				display: block;
+				transition:1.25s;
+				&:hover, &:focus {
+					background-color: lighten($wallet-tile-hover-background-base-color,3);
+					border-color:  white;
+				}
+				& a {
+					display: block;
+					margin: 0;
+					padding: $wallet-tile-spacing*.3;
+					height: 100%;
+					width: 100%;
+					transition:.5s;
+					&:hover, &:focus {
+						@include gradient-horizontal-three-colors($start-color: $wallet-tile-hover-background-base-color,$mid-color: lighten($wallet-tile-hover-background-base-color,9),$end-color:$wallet-tile-hover-background-base-color );
+						transition:.5s;
+					}
+				}
+			}
+		}
+	}
+}