diff --git a/source/introduction/index.rst b/source/introduction/index.rst
--- 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
--- /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>`. Responsiveness 
+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, but rather to adapt to different 
+screen size in the same form factor class, like different 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 for responsive behavior:
+
+*  Components can display more or less content, depending on the available
+   space.
+*  Margins between elements can shrink and grow
+*  Grids and grid like layouts can change the number of displayed columns
+*  Images can resize 
+
+Although elements can resize vertically, horizontal or in both direction, it is 
+recommended that row like elements, like a menu bar, 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 horizontal only.
+
+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.
+
+