diff --git a/apidoc/index.md b/apidoc/index.md
index d4ead4ed78..f0a9bec988 100644
--- a/apidoc/index.md
+++ b/apidoc/index.md
@@ -1,20 +1,41 @@
-Finding your way around
------------------------
-See the class list to the right and especially take a look at {@link ol.Map} and {@link ol.layer.Layer} because those are the central objects.
-
-In general every use of OpenLayers starts by initializing a map, then adding the required layers. Controls and interactions can be added to change the behavior of the map.
-
-Projections
------------
-A {@link ol.proj.Projection} defines which point on earth is represented by a pair of coordinates.
-Coordinates within OpenLayers can be used in various projections where some common projections are always supported,
-others can be used via [Proj4js](http://trac.osgeo.org/proj4js/).
-
-Maps and Layers
----------------
-A map in OpenLayers is essentially a staple of layers that is viewed from the top. Layers are responsible for retrieving data and displaying it.
-
-Contributing
-------------
-See [CONTRIBUTING.md](https://github.com/openlayers/ol3/blob/master/CONTRIBUTING.md) for instructions
-on building and testing OpenLayers. The file does also describe how to commit your changes to OpenLayers.
+<table><tr>
+<th width="33.3%">Map</th><th width="33.3%">View</th><th width="33.3%">Layers</th>
+</tr><tr>
+<td><p>A [map](ol.Map.html) is made of [layers](ol.layer.html), a [view](ol.View.html) to visualize them, [interactions](ol.interaction.html) to modify map content and [controls](ol.control.html) with UI components.</p>
+[Overview](ol.Map.html)<br>
+[Creation](ol.Map.html#Map)<br>
+[Events](ol.MapBrowserEvent.html)</td>
+<td><p>The view manages the visual parameters of the map view, like resolution or rotation.</p>
+[ol.View2D](ol.View2D.html) with center, projection, resolution and rotation</td>
+<td><p>Layers are lightweight containers that get their data from [sources](ol.source.html).</p>
+[ol.layer.Tile](ol.layer.Tile.html)<br>
+[ol.layer.Image](ol.layer.Image)<br>
+[ol.layer.Vector](ol.layer.Vector)</td>
+</tr><tr>
+<th>Controls</th><th>Interactions</th><th>Sources and formats</th>
+</tr><tr>
+<td>[Map default controls](ol.control.html#defaults)<br>
+[All controls](ol.control.html)
+</td>
+<td>
+[Map default interactions](ol.interaction.html#defaults)<br>
+Interactions for [vector features](ol.Feature.html)
+<ul><li>[ol.interaction.Select](ol.interaction.Select.html)</li>
+<li>[ol.interaction.Draw](ol.interaction.Draw.html)</li>
+<li>[ol.interaction.Modify](ol.interaction.Modify.html)</li></ul>
+[All interactions](ol.interaction.html)</td>
+<td>[Tile sources](ol.source.Tile.html) for [ol.layer.Tile](ol.layer.Tile.html)
+<br>[Image sources](ol.source.Image.html) for [ol.layer.Image](ol.layer.Image)
+<br>[Vector sources](ol.source.Vector.html) for [ol.layer.Vector](ol.layer.Vector)
+<br>[Formats](ol.format.Feature.html) for reading/writing vector data
+<br>[ol.format.WMSCapabilities](ol.format.WMSCapabilities.html)</td></tr>
+<tr><th>Projections</th><th>2-way bindings</th><th>Other components</th></tr>
+<tr><td><p>All coordinates and extents need to be provided in map projection (default: [EPSG:3857](ol.proj.EPSG3857.html)). To transform, use [ol.proj.transform()](ol.proj.html#transform).</p>
+[ol.proj](ol.proj.html)</td>
+<td><p>[Objects](ol.Object.html) can be kept in sync using the [bindTo()](ol.Object.html#bindTo) method.</p>
+<p>A [DOM Input](ol.dom.Input.html) class is available to bind Object properties to HTML Input elements.</p></td>
+<td>[ol.DeviceOrientation](ol.DeviceOrientation.html)<br>
+[ol.Geolocation](ol.Geolocation.html)<br>
+[ol.Overlay](ol.Overlay.html)<br>
+[ol.FeatureOverlay](ol.FeatureOverlay.html)<br></td>
+</tr></table>
diff --git a/apidoc/template/static/styles/jaguar.css b/apidoc/template/static/styles/jaguar.css
index c105655f41..ea3de11e39 100644
--- a/apidoc/template/static/styles/jaguar.css
+++ b/apidoc/template/static/styles/jaguar.css
@@ -388,3 +388,12 @@ footer {
   background-color: #468847 !important;
   color: #dff0d8;
 }
+.main .readme table p {
+  margin-top: 0;
+}
+.main .readme table p, .main .readme table td {
+  font-size: 14px;
+}
+.main .readme table ul li {
+  margin-bottom: 0;
+}