diff --git a/files/tutorial/client-server.svg b/files/tutorial/client-server.svg
new file mode 100644
index 00000000..559552e2
--- /dev/null
+++ b/files/tutorial/client-server.svg
@@ -0,0 +1,684 @@
+
+
+
+
diff --git a/tutos/dev/manual/basics.wiki b/tutos/dev/manual/basics.wiki
index 6b15fd05..93406f06 100644
--- a/tutos/dev/manual/basics.wiki
+++ b/tutos/dev/manual/basics.wiki
@@ -536,6 +536,8 @@ PPX annotations allow to split the code into these two programs:
Same for {{{module%shared}}}, {{{open%shared}}}, {{{type%shared}}} etc.
+{{@@class="doc-img-col-width"@@files/tutorial/client-server.svg|Client-server build system}}
+
===Client values===
Client values can be declared within server or shared code as
{{{[%client[ ( : ) ]}}}.