diff --git a/docs/blog/2019-05-28-hola.md b/docs/blog/2019-05-28-hola.md
deleted file mode 100644
index 4adbc327..00000000
--- a/docs/blog/2019-05-28-hola.md
+++ /dev/null
@@ -1,11 +0,0 @@
----
-slug: hola
-title: Hola
-author: Gao Wei
-author_title: Docusaurus Core Team
-author_url: https://github.com/wgao19
-author_image_url: https://avatars1.githubusercontent.com/u/2055384?v=4
-tags: [hola, docusaurus]
----
-
-Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque elementum dignissim ultricies. Fusce rhoncus ipsum tempor eros aliquam consequat. Lorem ipsum dolor sit amet
diff --git a/docs/blog/2019-05-29-hello-world.md b/docs/blog/2019-05-29-hello-world.md
deleted file mode 100644
index d50d601c..00000000
--- a/docs/blog/2019-05-29-hello-world.md
+++ /dev/null
@@ -1,17 +0,0 @@
----
-slug: hello-world
-title: Hello
-author: Endilie Yacop Sucipto
-author_title: Maintainer of Docusaurus
-author_url: https://github.com/endiliey
-author_image_url: https://avatars1.githubusercontent.com/u/17883920?s=460&v=4
-tags: [hello, docusaurus]
----
-
-Welcome to this blog. This blog is created with [**Docusaurus 2 alpha**](https://docusaurus.io/).
-
-<!--truncate-->
-
-This is a test post.
-
-A whole bunch of other information.
diff --git a/docs/blog/2019-05-30-welcome.md b/docs/blog/2019-05-30-welcome.md
deleted file mode 100644
index d35d57b7..00000000
--- a/docs/blog/2019-05-30-welcome.md
+++ /dev/null
@@ -1,13 +0,0 @@
----
-slug: welcome
-title: Welcome
-author: Yangshun Tay
-author_title: Front End Engineer @ Facebook
-author_url: https://github.com/yangshun
-author_image_url: https://avatars0.githubusercontent.com/u/1315101?s=400&v=4
-tags: [facebook, hello, docusaurus]
----
-
-Blog features are powered by the blog plugin. Simply add files to the `blog` directory. It supports tags as well!
-
-Delete the whole directory if you don't want the blog features. As simple as that!
diff --git a/docs/blog/2021-06-27-welcome.md b/docs/blog/2021-06-27-welcome.md
new file mode 100644
index 00000000..1c544617
--- /dev/null
+++ b/docs/blog/2021-06-27-welcome.md
@@ -0,0 +1,27 @@
+---
+slug: welcome
+title: Welcome
+author: Mauro Erta
+author_title: Front End Engineer @ VLK STUDIO
+author_url: https://github.com/mauroerta
+author_image_url: https://avatars.githubusercontent.com/u/13780027?v=4
+tags: [welcome, morfeo, design, system]
+---
+
+Hello everyone and welcome!
+In this blog, we will post updates, news, and tutorials about [morfeo](https://morfeo.dev), but you can always find complete documentation in the [Docs](/docs/Introduction/getting-started) section.
+
+### Work with us
+
+If you want to help us improve morfeo, be sure you've read the [contributing](https://github.com/VLK-STUDIO/morfeo/blob/main/CONTRIBUTING.md) file.
+There are a lot of ways you can help us to improve morfeo and grow as a community, for example:
+
+- Improve documentation
+- Add new functionalities
+- [Fix a bug](https://github.com/VLK-STUDIO/morfeo/issues)
+- Write an article about morfeo
+- Give us a feedback
+
+If you're a developer and you want to contribute [PRs are welcome!](https://github.com/VLK-STUDIO/morfeo)!
+If you're not a developer or you don't want to contribute in this way, it could be extremely useful to know your thoughts about morfeo,
+how we can improve the library, or just feedback. For this kind of contribution, we will always be available in the [slack channel](https://morfeo.slack.com/).
diff --git a/docs/docusaurus.config.js b/docs/docusaurus.config.js
index 8e7ab286..1e2f3411 100644
--- a/docs/docusaurus.config.js
+++ b/docs/docusaurus.config.js
@@ -10,6 +10,9 @@ module.exports = {
   organizationName: 'VLK-STUDIO',
   projectName: 'morfeo',
   themeConfig: {
+    colorMode: {
+      defaultMode: 'dark',
+    },
     navbar: {
       title: '',
       logo: {
diff --git a/docs/src/components/HomepageFeatures/HomepageFeatures.module.css b/docs/src/components/HomepageFeatures/HomepageFeatures.module.css
index 20e3ab95..9dae469c 100644
--- a/docs/src/components/HomepageFeatures/HomepageFeatures.module.css
+++ b/docs/src/components/HomepageFeatures/HomepageFeatures.module.css
@@ -40,3 +40,16 @@
     flex-direction: column;
   }
 }
+
+@media (max-width: 966px) {
+  .preview {
+    flex-direction: column;
+  }
+  .codeContainer span {
+    text-align: center;
+  }
+
+  .codeContainer {
+    margin-top: var(--space-xs);
+  }
+}