diff --git a/source/introduction/index.rst b/source/introduction/index.rst
index 23f439a..d00f3cd 100644
--- a/source/introduction/index.rst
+++ b/source/introduction/index.rst
@@ -1,20 +1,23 @@
 Introduction
-===========
+============
 
 .. toctree::
    :titlesonly:
    :hidden:
 
    vision
    architecture
    convergence
+   responsive
    concept
    personas
    research
 
 * :doc:`vision`
 * :doc:`architecture`
+* :doc:`convergence`
+* :doc:`responsive`
 * :doc:`concept`
 * :doc:`personas`
 * :doc:`research`
-* :doc:`convergence`
+
diff --git a/source/introduction/responsive.rst b/source/introduction/responsive.rst
new file mode 100644
index 0000000..f6ca079
--- /dev/null
+++ b/source/introduction/responsive.rst
@@ -0,0 +1,55 @@
+Responsiveness
+==============
+
+Introduction
+------------
+
+Responsiveness means that the user interface adjusts to changes in screen or 
+window size. While Plasma and especially Kirigami are highly responsive, this is 
+not a replacement for :doc:`optimized convegence <convergence>`. It is not 
+supposed to be used as a replacement for different UI and UX for different 
+​interaction methods (mouse, touch, pointer, remote, ...) or different ​form 
+factors like mobiles and televisions. Instead, it means to adapt to different 
+screen sizes in the same form factor class, like different window 
+sizes and screen resolutions in ​desktops and laptops.
+
+.. raw:: html
+
+   <video src="https://cdn.kde.org/hig/video/20180620-1/CardLayout1.webm" 
+   loop="true" playsinline="true" width="536" controls="true" 
+   onended="this.play()" class="border"></video>
+
+Examples of responsive behavior:
+
+*  Components can display more or less content, depending on the available
+   space.
+*  Margins between elements can shrink and grow
+*  Multi-column navigation layouts, grids and grid-like layouts can change the 
+   number of displayed columns
+*  Images can resize 
+
+Although elements can resize vertically, horizontal or in both directions, it 
+is recommended that row-like elements such as menu bars only 
+shrink or grow horizontally. 
+
+.. raw:: html
+
+   <video src="https://cdn.kde.org/hig/video/20180620-1/Responsive1.webm" 
+   loop="true" playsinline="true" width="536" controls="true" 
+   onended="this.play()" class="border"></video>
+   
+Action bar shrinking only in the horizontal direction.
+
+Keep in mind that not all controls or parts of a layout can and should be 
+responsive. Often it is more important to retain the size for usability, 
+familiarity and alignment and aim for :doc:`optimized convergence 
+<convergence>` 
+by selecting different 
+:doc:`navigation <../patterns/navigation/index>`, 
+:doc:`command </patterns/command/index>` and 
+:doc:`content </patterns/content/index>` patterns for different formfactors.
+
+It is recommended to test your user interface against the most common  
+screen sizes of the targeted form factor.
+
+