diff --git a/README.md b/README.md
index 57ee6b6..29d2da5 100644
--- a/README.md
+++ b/README.md
@@ -8,7 +8,7 @@ The philosophy with this website for now is to KISS(keep it stupid simple) using
 
 ## TODO
 
-- [ ] Add our logo on the website, favicon.
+- [x] Add our logo on the website, favicon.
 - [ ] Add content describing our association and other pages as needed.
 - [ ] Work on SEO (OpenGraph, Twitter meta tags...)
 - [ ] Multilingual support(English + Spanish)
diff --git a/assets/logo.jpg b/assets/logo.jpg
new file mode 100644
index 0000000..827439a
Binary files /dev/null and b/assets/logo.jpg differ
diff --git a/contacto.html b/contacto.html
index b0ab7b5..c5197ed 100644
--- a/contacto.html
+++ b/contacto.html
@@ -7,11 +7,13 @@
   <title>Contacto - Open Bokeron</title>
   <link rel="stylesheet" href="https://cdn.simplecss.org/simple.min.css">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flexboxgrid/6.3.1/flexboxgrid.min.css" type="text/css">
+  <link rel="stylesheet" href="./style.css" type="text/css">
 </head>
 
 <body>
   <!-- Common header -->
   <header>
+    <img class="icon" src="assets/logo.jpg" alt="OpenBokeron logo">
     <h1>Open Bokeron</h1>
     <p>"¡Abre tu mente, abre tu código!"</p>
     <nav>
diff --git a/favicon.ico b/favicon.ico
new file mode 100644
index 0000000..d580f24
Binary files /dev/null and b/favicon.ico differ
diff --git a/index.html b/index.html
index 162c536..65fd5b6 100644
--- a/index.html
+++ b/index.html
@@ -7,11 +7,13 @@
   <title>Open Bokeron</title>
   <link rel="stylesheet" href="https://cdn.simplecss.org/simple.min.css">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flexboxgrid/6.3.1/flexboxgrid.min.css" type="text/css">
+  <link rel="stylesheet" href="./style.css" type="text/css">
 </head>
 
 <body>
   <!-- Common header -->
   <header>
+    <img class="icon" src="assets/logo.jpg" alt="OpenBokeron logo">
     <h1>Open Bokeron</h1>
     <p>"¡Abre tu mente, abre tu código!"</p>
     <nav>
diff --git a/proyectos.html b/proyectos.html
index d46390d..683f034 100644
--- a/proyectos.html
+++ b/proyectos.html
@@ -7,11 +7,13 @@
   <title>Proyectos - Open Bokeron</title>
   <link rel="stylesheet" href="https://cdn.simplecss.org/simple.min.css">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flexboxgrid/6.3.1/flexboxgrid.min.css" type="text/css">
+  <link rel="stylesheet" href="./style.css" type="text/css">
 </head>
 
 <body>
   <!-- Common header -->
   <header>
+    <img class="icon" src="assets/logo.jpg" alt="OpenBokeron logo">
     <h1>Open Bokeron</h1>
     <p>"¡Abre tu mente, abre tu código!"</p>
     <nav>
diff --git a/proyectos/linux-party.html b/proyectos/linux-party.html
index 04842f6..3ded7fa 100644
--- a/proyectos/linux-party.html
+++ b/proyectos/linux-party.html
@@ -7,11 +7,13 @@
   <title>Linux Party - Open Bokeron</title>
   <link rel="stylesheet" href="https://cdn.simplecss.org/simple.min.css">
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flexboxgrid/6.3.1/flexboxgrid.min.css" type="text/css">
+  <link rel="stylesheet" href="./style.css" type="text/css">
 </head>
 
 <body>
   <!-- Common header -->
   <header>
+    <img class="icon" src="assets/logo.jpg" alt="OpenBokeron logo">
     <h1>Open Bokeron</h1>
     <p>"¡Abre tu mente, abre tu código!"</p>
     <nav>
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..e4e93c8
--- /dev/null
+++ b/style.css
@@ -0,0 +1,11 @@
+/* Override colors from CSS library */
+:root {
+    --accent: green;
+}
+
+/* Custom style for the logo */
+img.icon {
+    max-width: 128px;
+    max-height: 128px;
+    margin-top: 10px;
+}
