diff --git a/Palto/Palto/static/Palto/css/base.css b/Palto/Palto/static/Palto/css/base.css
new file mode 100644
index 0000000..9830d27
--- /dev/null
+++ b/Palto/Palto/static/Palto/css/base.css
@@ -0,0 +1,15 @@
+/* tweaks */
+body {
+ margin: 0;
+}
+
+/* font */
+* {
+ font-family: "Century Gothic", sans-serif;
+}
+
+/* links */
+*:link, *:visited {
+ color: blue; /* TODO: should be palette based color */
+ text-decoration: none;
+}
diff --git a/Palto/Palto/static/Palto/css/navigation.css b/Palto/Palto/static/Palto/css/navigation.css
new file mode 100644
index 0000000..225b277
--- /dev/null
+++ b/Palto/Palto/static/Palto/css/navigation.css
@@ -0,0 +1,28 @@
+nav {
+ display: flex;
+ align-items: center;
+ margin: 4px 16px;
+}
+
+#navigation-header {
+ display: flex;
+ margin-right: auto;
+ align-items: center;
+ gap: 10px;
+}
+
+#navigation-title {
+ font-size: 150%;
+}
+
+#navigation-icon {
+ width: 20%;
+}
+
+#navigation-buttons {
+ display: flex;
+ margin-left: auto;
+ align-items: center;
+ gap: 10px;
+}
+
diff --git a/Palto/Palto/static/Palto/font/CenturyGothic.ttf b/Palto/Palto/static/Palto/font/CenturyGothic.ttf
new file mode 100644
index 0000000..93faeb3
Binary files /dev/null and b/Palto/Palto/static/Palto/font/CenturyGothic.ttf differ
diff --git a/Palto/Palto/templates/Palto/base.html b/Palto/Palto/templates/Palto/base.html
index f6d2f27..c389599 100644
--- a/Palto/Palto/templates/Palto/base.html
+++ b/Palto/Palto/templates/Palto/base.html
@@ -3,11 +3,22 @@
+ {# base meta #}
-
+
{% block title %}Palto{% endblock %}
+
+ {# base style #}
+
+
{# navigation #}
diff --git a/Palto/Palto/templates/Palto/navigation.html b/Palto/Palto/templates/Palto/navigation.html
index 074a3bf..7207012 100644
--- a/Palto/Palto/templates/Palto/navigation.html
+++ b/Palto/Palto/templates/Palto/navigation.html
@@ -1,11 +1,17 @@
{% load static %}