diff --git a/README.md b/README.md
index 98be5d3389d87536bbfa355f58e2598e61f0ca63..6e6b875a5f32d624a50000654cb2fbee7172249f 100644
--- a/README.md
+++ b/README.md
@@ -44,6 +44,25 @@ Rozšíření která používáme:
     ├── tuning          = app na tuning administračního rozhraní Majáku
     └── users           = app s custom user modelem a SSO, apod.
 
+### Styleguide
+
+Některé weby využívají [Pirátskou UI styleguide](https://gitlab.pirati.cz/to/weby/ui-styleguide)
+pro vzhled. Idea je, že se budou sdílet nejen statické assety (CSS, JS, ...),
+ale i univerzální kusy template, které se dají includovat v různých webech
+(patička webu, karta článku do přehledu, atp.).
+
+Sdílené části využívané na více webech se umísťují do:
+
+    shared/static/styleguideXX/     = statické assety (CSS, JS, obrázky, ...)
+    shared/templates/styleguideXX/  = snippety pro include v templatech
+
+`XX` v názvu adresáře je číslo major a minor verze šablony. Např. `styleguide18`
+obsahuje věci ze šablony verze `1.8.x`. Důvodem je snažší migrace na novější
+verze šablony, které mohou obsahovat nekompatibilní změny. Každý web tak může
+(a nemusí) migrovat nezávisle dle potřeby.
+
+Různé verze šablony jsou k vidění na [styleguide.pir-test.eu](https://styleguide.pir-test.eu/)
+
 ### Kalendáře
 
 Pro práci s kalendáři v iCal formátu je připravena appka `calendar_utils`.
@@ -62,12 +81,14 @@ kalendáře. Je třeba ho pravidelně volat na pozadí (přes CRON).
 
 Appka Uniweb umí vložit do stránky Jupyter notebook a zobrazit jeho výstup.
 
-Pokud některé buňky nechceš generovat do výstupní stránky, nastav u nich tag "exclude".
+Pokud některé buňky nechceš generovat do výstupní stránky, nastav u nich tag
+"exclude".
 
 Pokud chceš generovat jen výstup dané buňky, použij tag "output"
 
-Pozor: u plotly grafů je nutno zadat tagem "output" výstup buňky s inicializací knihovny, tedy něco kde je "import plotly" apod.
-Pokud celou takovou buňku vynecháš tagem "exclude", žádné grafy se nezobrazí.
+Pozor: u plotly grafů je nutno zadat tagem "output" výstup buňky s inicializací
+knihovny, tedy něco kde je "import plotly" apod. Pokud celou takovou buňku
+vynecháš tagem "exclude", žádné grafy se nezobrazí.
 
 
 ## Deployment
diff --git a/uniweb/static/uniweb/assets/css/pattern-scaffolding.css b/shared/static/styleguide18/assets/css/pattern-scaffolding.css
similarity index 100%
rename from uniweb/static/uniweb/assets/css/pattern-scaffolding.css
rename to shared/static/styleguide18/assets/css/pattern-scaffolding.css
diff --git a/uniweb/static/uniweb/assets/css/styles.css b/shared/static/styleguide18/assets/css/styles.css
similarity index 100%
rename from uniweb/static/uniweb/assets/css/styles.css
rename to shared/static/styleguide18/assets/css/styles.css
diff --git a/uniweb/static/uniweb/assets/fonts/pirati-ui.eot b/shared/static/styleguide18/assets/fonts/pirati-ui.eot
similarity index 100%
rename from uniweb/static/uniweb/assets/fonts/pirati-ui.eot
rename to shared/static/styleguide18/assets/fonts/pirati-ui.eot
diff --git a/uniweb/static/uniweb/assets/fonts/pirati-ui.svg b/shared/static/styleguide18/assets/fonts/pirati-ui.svg
similarity index 100%
rename from uniweb/static/uniweb/assets/fonts/pirati-ui.svg
rename to shared/static/styleguide18/assets/fonts/pirati-ui.svg
diff --git a/uniweb/static/uniweb/assets/fonts/pirati-ui.ttf b/shared/static/styleguide18/assets/fonts/pirati-ui.ttf
similarity index 100%
rename from uniweb/static/uniweb/assets/fonts/pirati-ui.ttf
rename to shared/static/styleguide18/assets/fonts/pirati-ui.ttf
diff --git a/uniweb/static/uniweb/assets/fonts/pirati-ui.woff b/shared/static/styleguide18/assets/fonts/pirati-ui.woff
similarity index 100%
rename from uniweb/static/uniweb/assets/fonts/pirati-ui.woff
rename to shared/static/styleguide18/assets/fonts/pirati-ui.woff
diff --git a/uniweb/static/uniweb/assets/images/logo-round-white.svg b/shared/static/styleguide18/assets/images/logo-round-white.svg
similarity index 100%
rename from uniweb/static/uniweb/assets/images/logo-round-white.svg
rename to shared/static/styleguide18/assets/images/logo-round-white.svg
diff --git a/uniweb/static/uniweb/assets/images/logo.svg b/shared/static/styleguide18/assets/images/logo.svg
similarity index 100%
rename from uniweb/static/uniweb/assets/images/logo.svg
rename to shared/static/styleguide18/assets/images/logo.svg
diff --git a/uniweb/static/uniweb/assets/js/main.bundle.js b/shared/static/styleguide18/assets/js/main.bundle.js
similarity index 100%
rename from uniweb/static/uniweb/assets/js/main.bundle.js
rename to shared/static/styleguide18/assets/js/main.bundle.js
diff --git a/uniweb/static/uniweb/assets/js/vue.2.6.11.js b/shared/static/styleguide18/assets/js/vue.2.6.11.js
similarity index 100%
rename from uniweb/static/uniweb/assets/js/vue.2.6.11.js
rename to shared/static/styleguide18/assets/js/vue.2.6.11.js
diff --git a/uniweb/templates/uniweb/base.html b/uniweb/templates/uniweb/base.html
index 9a0e02c7acd030d9bed4d429c39b96a8691ae7d2..57a3160f53c01f35fdb2111d7aca597123bb2436 100644
--- a/uniweb/templates/uniweb/base.html
+++ b/uniweb/templates/uniweb/base.html
@@ -14,8 +14,8 @@
   {% include "shared/favicon_snippet.html" %}
 
   <!-- Styles -->
-  <link href="{% static "uniweb/assets/css/styles.css" %}" rel="stylesheet" media="all" />
-  <link href="{% static "uniweb/assets/css/pattern-scaffolding.css" %}" rel="stylesheet" media="all" />
+  <link href="{% static "styleguide18/assets/css/styles.css" %}" rel="stylesheet" media="all" />
+  <link href="{% static "styleguide18/assets/css/pattern-scaffolding.css" %}" rel="stylesheet" media="all" />
   <link href="{% static "shared/vendor/fancybox/jquery.fancybox.min.css" %}" rel="stylesheet">
 
   <style type="text/css">
@@ -38,7 +38,7 @@
           <div class="container container--wide navbar__content max-w-screen-xl" :class="{'navbar__content--initialized': true}">
             <div class="navbar__brand my-4 flex items-center lg:pr-8 lg:my-0">
               <a href="/">
-                <img src="{% static "uniweb/assets/images/logo-round-white.svg" %}" class="w-8" />
+                <img src="{% static "styleguide18/assets/images/logo-round-white.svg" %}" class="w-8" />
               </a>
               <a href="/" class="pl-4 font-bold text-xl lg:border-r lg:border-grey-300 lg:pr-8">{{ page.root_page.seo_title }}</a>
             </div>
@@ -74,7 +74,7 @@
         <div class="footer__main py-4 lg:py-16 container container--default">
           <section class="footer__brand">
             <a href="https://www.pirati.cz">
-              <img src="{% static "uniweb/assets/images/logo.svg" %}" alt="logo pirátské strany" class="w-32 md:w-40 pb-6" />
+              <img src="{% static "styleguide18/assets/images/logo.svg" %}" alt="logo pirátské strany" class="w-32 md:w-40 pb-6" />
             </a>
             <p class="para hidden md:block md:mb-4 lg:mb-0 text-grey-200">
               <span class="copyleft inline-block">&copy;</span> {% now "Y" %} Piráti. Všechna práva vyhlazena. Sdílejte a nechte ostatní sdílet za stejných podmínek.
@@ -115,8 +115,8 @@
     </ui-app>
   </footer>
 
-  <script src="{% static "uniweb/assets/js/vue.2.6.11.js" %}"></script>
-  <script src="{% static "uniweb/assets/js/main.bundle.js" %}"></script>
+  <script src="{% static "styleguide18/assets/js/vue.2.6.11.js" %}"></script>
+  <script src="{% static "styleguide18/assets/js/main.bundle.js" %}"></script>
   <script src="{% static "shared/vendor/jquery/jquery-3.4.1.min.js" %}"></script>
   <script src="{% static "shared/vendor/lazysizes/lazysizes.min.js" %}"></script>
   <script src="{% static "shared/vendor/fancybox/jquery.fancybox.min.js" %}"></script>