diff --git a/app/partials/views/components/mainTitle.jade b/app/partials/views/components/mainTitle.jade
index ca4b6fd8..a9654a07 100644
--- a/app/partials/views/components/mainTitle.jade
+++ b/app/partials/views/components/mainTitle.jade
@@ -1,3 +1,4 @@
-h1
- span(tg-bo-html="project.name")
- span.green(tg-bo-html="sectionName")
+header
+ h1
+ span(tg-bo-html="project.name")
+ span.green(tg-bo-html="sectionName")
diff --git a/app/partials/views/modules/wiki-nav.jade b/app/partials/views/modules/wiki-nav.jade
new file mode 100644
index 00000000..37f9054e
--- /dev/null
+++ b/app/partials/views/modules/wiki-nav.jade
@@ -0,0 +1,28 @@
+section.wiki-nav
+ header
+ h1 Links
+ nav
+ ul
+ li
+ a(href="", title="link-name")
+ span Link1
+ span.icon.icon-arrow-right
+ li
+ a(href="", title="link-name")
+ span Link1
+ span.icon.icon-arrow-right
+ li
+ a(href="", title="link-name")
+ span Link1
+ span.icon.icon-arrow-right
+ li
+ a(href="", title="link-name")
+ span Link1
+ span.icon.icon-arrow-right
+ li
+ a(href="", title="link-name")
+ span Link1
+ span.icon.icon-arrow-right
+ a.button.button-green(href="", title="Edit page") Edit page
+ a.button.button-gray(href="", title="Add page") Add page
+ a.button.button-red(href="", title="Delete page") Delete page
diff --git a/app/partials/views/modules/wiki-summary.jade b/app/partials/views/modules/wiki-summary.jade
new file mode 100644
index 00000000..138e73bc
--- /dev/null
+++ b/app/partials/views/modules/wiki-summary.jade
@@ -0,0 +1,21 @@
+div.summary.wiki-summary
+ ul
+ li
+ span.number 20
+ span.description document
created
+ li
+ span.number 20
+ span.description document
attached
+ li
+ span.number 125
+ span.description times
edited
+ li
+ span.number 12/05/2014
+ span.description last
edit
+ li.username-edition
+ figure.avatar
+ img(src="http://thecodeplayer.com/u/uifaces/34.jpg", alt="username")
+ span.description last modification
+ span.username Anler Hernández
+ //- Do we really need a button for this?
+ a.button.button-green(href="", title="See history") See history
diff --git a/app/partials/wiki.jade b/app/partials/wiki.jade
new file mode 100644
index 00000000..d4c2cb59
--- /dev/null
+++ b/app/partials/wiki.jade
@@ -0,0 +1,60 @@
+extends layout
+
+block head
+ title Taiga Project management web application with scrum in mind!
+
+block content
+ div.wrapper
+ sidebar.menu-secondary.extrabar
+ include views/modules/wiki-nav
+ section.main.backlog
+ //Include views/components/mainTitle
+ header
+ h1
+ span Taiga
+ span.green Wiki
+ include views/modules/wiki-summary
+ section.wiki-content.wysiwyg
+ h1 Page title
+ p.
+ Lorem fistrum pecador benemeritaar ese hombree diodeno ese que llega me cago en tus muelas.
+ Benemeritaar torpedo diodenoo la caidita mamaar sexuarl condemor te voy a borrar el cerito al ataquerl papaar papaar.
+ Pupita por la gloria de mi madre torpedo quietooor condemor apetecan.
+ Mamaar por la gloria de mi madre se calle ustée la caidita de la pradera ese que llega caballo blanco caballo negroorl ese hombree jarl.
+ No te digo trigo por no llamarte Rodrigor pecador te va a hasé pupitaa hasta luego Lucas está la cosa muy malar benemeritaar.
+ h2 Section Title
+ p.
+ No puedor mamaar a wan de la pradera diodenoo jarl diodenoo ese hombree.
+ Benemeritaar al ataquerl apetecan amatomaa ese que llega a peich al ataquerl torpedo a wan qué dise usteer mamaar.
+ Qué dise usteer condemor pupita papaar papaar quietooor pupita.
+ Papaar papaar va usté muy cargadoo está la cosa muy malar pecador jarl se calle ustée.
+ h3 Subsection title
+ p.
+ Qué dise usteer ese pedazo de no puedor te voy a borrar el cerito condemor se calle ustée no puedor a gramenawer a wan.
+ A wan no te digo trigo por no llamarte Rodrigor al ataquerl diodenoo la caidita está la cosa muy malar mamaar va usté muy cargadoo no te digo
+ trigo por no llamarte Rodrigor diodeno.
+ Se calle ustée caballo blanco caballo negroorl benemeritaar jarl amatomaa ahorarr pupita está la cosa muy malar.
+ ul
+ li text in paragraphs
+ li Qué dise usteer ese pedazo de no puedor te voy a borrar el cerito condemor se calle ustée no puedor a gramenawer a wan.
+ li Se calle ustée caballo blanco caballo negroorl benemeritaar jarl amatomaa ahorarr pupita está la cosa muy malar.
+ li text in paragraphs
+ li text in paragraphs
+ ol
+ li text in paragraphs
+ li Qué dise usteer ese pedazo de no puedor te voy a borrar el cerito condemor se calle ustée no puedor a gramenawer a wan.
+ li Se calle ustée caballo blanco caballo negroorl benemeritaar jarl amatomaa ahorarr pupita está la cosa muy malar.
+ li text in paragraphs
+ li text in paragraphs
+ p Se calle ustée caballo blanco caballo negroorl benemeritaar jarl amatomaa ahorarr pupita está la cosa muy malar.
+ a(href="") Benemeritaar torpedo diodenoo la caidita mamaar
+ blockquote
+ Pupita por la gloria de mi madre torpedo quietooor condemor apetecan.
+ pre.
+ .button {
+ color: $white;
+ display: block;
+ margin-bottom: .5rem;
+ text-align: center;
+ }
+ include views/modules/attachments
diff --git a/app/styles/components/wysiwyg.scss b/app/styles/components/wysiwyg.scss
new file mode 100644
index 00000000..09ae3872
--- /dev/null
+++ b/app/styles/components/wysiwyg.scss
@@ -0,0 +1,39 @@
+.wysiwyg {
+ h1 {
+ @extend %xlarge;
+ @extend %text;
+ margin-bottom: .5rem;
+ text-transform: uppercase;
+ }
+ h2 {
+ @extend %large;
+ @extend %bold;
+ margin-bottom: .5rem;
+ text-transform: uppercase;
+ }
+ h3 {
+ @extend %bold;
+ text-transform: uppercase;
+ }
+ ul,
+ ol {
+ list-style-position: inside;
+ }
+ ul {
+ list-style-type: disc;
+ }
+ a {
+ color: $green-taiga;
+ &:hover {
+ color: $fresh-taiga;
+ }
+ }
+ pre {
+ background: $whitish;
+ direction: ltr;
+ font-family: 'courier new', 'monospace';
+ padding: 1rem;
+ unicode-bidi: embed;
+ white-space: pre;
+ }
+}
diff --git a/app/styles/layout/wiki.scss b/app/styles/layout/wiki.scss
new file mode 100644
index 00000000..d8cfd8fb
--- /dev/null
+++ b/app/styles/layout/wiki.scss
@@ -0,0 +1,3 @@
+.wiki-content {
+ margin-bottom: 2rem;
+}
diff --git a/app/styles/main.scss b/app/styles/main.scss
index 99ec72a8..9346e44e 100755
--- a/app/styles/main.scss
+++ b/app/styles/main.scss
@@ -32,6 +32,7 @@ $prefix-for-spec: true;
@import 'components/watchers';
@import 'components/level';
@import 'components/assigned-to';
+@import 'components/wysiwyg';
//Modules
@import 'modules/nav';
@@ -64,6 +65,8 @@ $prefix-for-spec: true;
@import 'modules/login-form';
@import 'modules/register-form';
@import 'modules/forgot-form';
+@import 'modules/wiki-nav';
+@import 'modules/wiki-summary';
//Layout
@import 'layout/base';
@@ -76,6 +79,7 @@ $prefix-for-spec: true;
@import 'layout/project-colors';
@import 'layout/kanban';
@import 'layout/issues';
+@import 'layout/wiki';
//Shame
@import 'shame/shame';
diff --git a/app/styles/modules/wiki-nav.scss b/app/styles/modules/wiki-nav.scss
new file mode 100644
index 00000000..583372b4
--- /dev/null
+++ b/app/styles/modules/wiki-nav.scss
@@ -0,0 +1,30 @@
+.wiki-nav {
+ li {
+ @extend %large;
+ @extend %title;
+ border-bottom: 1px solid #cdcdcd;
+ text-transform: uppercase;
+ &:hover {
+ .icon {
+ @include transition (opacity 1s linear);
+ opacity: 1;
+ }
+ }
+ a {
+ display: block;
+ padding: 1rem 0 1rem 1rem;
+ }
+ .icon {
+ @include transition (opacity 1s linear);
+ color: $blackish;
+ float: right;
+ opacity: 0;
+ }
+ }
+ .button {
+ color: $white;
+ display: block;
+ margin-bottom: .5rem;
+ text-align: center;
+ }
+}
diff --git a/app/styles/modules/wiki-summary.scss b/app/styles/modules/wiki-summary.scss
new file mode 100644
index 00000000..32908299
--- /dev/null
+++ b/app/styles/modules/wiki-summary.scss
@@ -0,0 +1,24 @@
+.wiki-summary {
+ @include clearfix();
+ figure {
+ float: left;
+ margin-right: .5rem;
+ vertical-align: sub;
+ width: 32px;
+ }
+ .username-edition {
+ width: 240px;
+ span {
+ display: block;
+ float: none;
+ }
+ .username {
+ @extend %large;
+ color: $fresh-taiga;
+ }
+ }
+ .button {
+ color: $white;
+ float: right;
+ }
+}