diff --git a/static/lattes/_custom.scss b/static/lattes/_custom.scss
new file mode 100644
index 00000000..c3130291
--- /dev/null
+++ b/static/lattes/_custom.scss
@@ -0,0 +1,82 @@
+@import '../includes/font-montserrat';
+
+body {
+	background: #3F3F3F url(img/background-lattes-1.jpg) top left no-repeat;
+	background-size: cover;
+	background-attachment: fixed;
+}
+
+#header-wrapper {
+	background: white;
+	background: rgba(248, 248, 248, 0.8);
+	h1 {
+		padding-top: 20px;
+		a {
+			display: block;
+			background: url(img/logo-web3.png) top left no-repeat;
+			background-size: auto 100px;
+			height: 120px;
+			text-indent: -1000px;
+			overflow: hidden;
+		}
+		@media screen and (max-width: $mobile-limit) {
+			padding-left: 0;
+			padding-top: 70px;
+			a {
+				width: 100%;
+				background-size: contain;
+			}
+		}
+	}
+}
+
+@media screen and (max-width: $mobile-limit) {
+	div#nav-wrapper {
+		background: inherit;
+	}
+}
+
+div#nav {
+	margin-top: 0;
+	& > ul {
+		margin-top: 0;
+		margin-bottom: 0;
+		a {
+			text-transform: uppercase;
+		}
+	}
+}
+
+#toplinks {
+	background: white;
+	border: none;
+	box-shadow: none;
+	border-radius: 0;
+	a {
+		display: inline-block;
+		color: $font-color;
+		padding: 10px 10px 15px 10px;
+		@media screen and (max-width: $mobile-limit) {
+			font-size: 80%;
+		}
+	}
+	@media screen and (max-width: $mobile-limit) {
+		left: 0;
+		right: 0;
+		max-width: none;
+	}
+}
+
+div#main-content {
+	background: white;
+	padding: 20px 10px 0 10px;
+	@media screen and (max-width: $mobile-limit) {
+		padding: 20px 0 0 0;
+	}
+}
+
+footer {
+	div.textcell a {
+		color: white;
+	}
+}
diff --git a/static/lattes/_vars.scss b/static/lattes/_vars.scss
new file mode 100644
index 00000000..e95df169
--- /dev/null
+++ b/static/lattes/_vars.scss
@@ -0,0 +1,22 @@
+$primary-color: #1e73be;
+
+$font-color: #3F3F3F;
+$font-size: 14px;
+$font-family: Montserrat, sans-serif;
+$width: 1100px;
+$border-radius: 0;
+
+$nav-background: rgba(248, 248, 248, 0.8);
+$nav-full-width-background: true;
+$nav-color: #222;
+$nav-active-color: $primary-color;
+$nav-submenu-background: white;
+$nav-submenu-color: #222;
+$nav-item-selected-mode: bottom-border;
+$border-radius: 0px;
+$button-background: $primary-color;
+$title-background: $primary-color;
+$title-transform: uppercase;
+$title-color: white;
+$footer-background: #1c1c1c;
+$footer-color: white;
diff --git a/static/lattes/config.json b/static/lattes/config.json
new file mode 100644
index 00000000..613597e1
--- /dev/null
+++ b/static/lattes/config.json
@@ -0,0 +1,6 @@
+{
+  "label": "Lattes",
+  "variables": {
+    "theme_color": "#1e73be"
+  }
+}
diff --git a/static/lattes/img/background-lattes-1.jpg b/static/lattes/img/background-lattes-1.jpg
new file mode 100644
index 00000000..3239d22c
Binary files /dev/null and b/static/lattes/img/background-lattes-1.jpg differ
diff --git a/static/lattes/img/logo-web3.png b/static/lattes/img/logo-web3.png
new file mode 100644
index 00000000..0478e74a
Binary files /dev/null and b/static/lattes/img/logo-web3.png differ
diff --git a/static/lattes/style.scss b/static/lattes/style.scss
new file mode 100644
index 00000000..1fd447de
--- /dev/null
+++ b/static/lattes/style.scss
@@ -0,0 +1,5 @@
+@charset "UTF-8";
+
+@import 'vars';
+@import '../includes/publik';
+@import 'custom';