diff --git a/scss/base/_base.scss b/scss/base/_base.scss
new file mode 100644
index 0000000..d9387ad
--- /dev/null
+++ b/scss/base/_base.scss
@@ -0,0 +1 @@
+@import "global";
diff --git a/scss/base/_global.scss b/scss/base/_global.scss
new file mode 100644
index 0000000..d7ac9a3
--- /dev/null
+++ b/scss/base/_global.scss
@@ -0,0 +1,8 @@
+/*
+ * @file
+ * Define the global css.
+ */
+
+li {
+  list-style-type: none;
+}
diff --git a/scss/layout/_content.scss b/scss/layout/_content.scss
new file mode 100644
index 0000000..e69de29
diff --git a/scss/layout/_footer.scss b/scss/layout/_footer.scss
new file mode 100644
index 0000000..8b13789
--- /dev/null
+++ b/scss/layout/_footer.scss
@@ -0,0 +1 @@
+
diff --git a/scss/layout/_header.scss b/scss/layout/_header.scss
new file mode 100644
index 0000000..e69de29
diff --git a/scss/layout/_layout.scss b/scss/layout/_layout.scss
new file mode 100644
index 0000000..ddcbaa1
--- /dev/null
+++ b/scss/layout/_layout.scss
@@ -0,0 +1,3 @@
+@import "header";
+@import "content";
+@import "footer";
diff --git a/scss/page/_page.scss b/scss/page/_page.scss
new file mode 100644
index 0000000..e69de29
diff --git a/scss/settings/_color.scss b/scss/settings/_color.scss
new file mode 100644
index 0000000..e69de29
diff --git a/scss/settings/_settings.scss b/scss/settings/_settings.scss
new file mode 100644
index 0000000..7888388
--- /dev/null
+++ b/scss/settings/_settings.scss
@@ -0,0 +1,2 @@
+@import "color";
+@import "variables";
diff --git a/scss/settings/_variables.scss b/scss/settings/_variables.scss
new file mode 100644
index 0000000..d52d385
--- /dev/null
+++ b/scss/settings/_variables.scss
@@ -0,0 +1,30 @@
+
+$font-weight--thin: 100;
+$font-weight--light: 300;
+$font-weight--regular: 400;
+$font-weight--medium: 500;
+$font-weight--semibold: 600;
+$font-weight--bold: 700;
+$font-weight--black: 900;
+
+$font-size--xxxs: 8px;
+$font-size--xxs: 10px;
+$font-size--xs: 12px;
+$font-size--s: 14px;
+$font-size--base: 16px;
+$font-size--l: 18px;
+$font-size--xl: 20px;
+$font-size--xxl: 22px;
+$font-size--subtitle-sm: 24px;
+$font-size--title-sm: 28px;
+$font-size--subtitle: 30px;
+$font-size--title: 36px;
+
+$bp-smaller-than-mobile: "max-width: 767px";
+$bp-larger-than-mobile: "min-width: 768px";
+$bp-smaller-than-tablet: "max-width: 1023px";
+$bp-larger-than-tablet: "min-width: 1024px";
+$bp-smaller-than-desktop: "max-width: 1200px";
+$bp-larger-than-desktop: "min-width: 1200px";
+$bp-larger-than-desktop-lg: "min-width: 1400px";
+
diff --git a/scss/style.scss b/scss/style.scss
index e69de29..10a7911 100644
--- a/scss/style.scss
+++ b/scss/style.scss
@@ -0,0 +1,4 @@
+@import "base/base";
+@import "page/page";
+@import "layout/layout";
+@import "typography/typography";
diff --git a/scss/typography/_typography.scss b/scss/typography/_typography.scss
new file mode 100644
index 0000000..e69de29
diff --git a/templates/system/page.html.twig b/templates/system/page.html.twig
index d006051..d3dff85 100644
--- a/templates/system/page.html.twig
+++ b/templates/system/page.html.twig
@@ -5,7 +5,7 @@
  */
 #}
 
-<header class="header" id="header" aria-label="{{ 'Site header'|t }}">>
+<header class="header" id="header" aria-label="{{ 'Site header'|t }}">
   <div class="layout-container header__container">
     <div class="header__branding">
       {{ page.header }}