diff --git a/docs/favicon.png b/docs/favicon.png
new file mode 100644
index 0000000000..9f65ea5600
Binary files /dev/null and b/docs/favicon.png differ
diff --git a/docs/misc/boxmodel.png b/docs/misc/boxmodel.png
index be3fe4f3ef..9859698d0d 100644
Binary files a/docs/misc/boxmodel.png and b/docs/misc/boxmodel.png differ
diff --git a/docs/overview/coords.md b/docs/overview/coords.md
index 4bd6184712..ca4cfea922 100644
--- a/docs/overview/coords.md
+++ b/docs/overview/coords.md
@@ -23,6 +23,8 @@ An object's "box" is built from the following parts:
 - padding: space between the sides of the object and its children. 
 - content: the content area which size if the bounding box reduced by the size of the paddings.
 
+![The box models of LVGL: The content area is smaller then the bounding box with the padding](/misc/boxmodel.png)
+
 The border is drawn inside the bounding box and doesn't take an extra space. (It's different from CSS in which increasing the border width makes the object larger.)
 
 The outline is drawn outside of the bounding box.
diff --git a/docs/overview/index.md b/docs/overview/index.md
index a8f0c66f05..313b6a94bf 100644
--- a/docs/overview/index.md
+++ b/docs/overview/index.md
@@ -12,16 +12,19 @@
    :maxdepth: 2
 
    object
+   coords
+   style
+   scroll
    layer
    event
-   style
    indev
    display
    font
    image
    file-system
    animation
-   task
+   timer
    drawing
+   new_widget
 ```
 
diff --git a/docs/overview/style.md b/docs/overview/style.md
index 0024508acf..4a715c2781 100644
--- a/docs/overview/style.md
+++ b/docs/overview/style.md
@@ -225,6 +225,9 @@ In the documentation of the widgets you will see sentences like "The widget use
 - Border
 - Outline
 - Shadow
+- Padding
+- Width and height transformation
+- X and Y translation
 
 
 ## Transitions