diff --git a/docs/samples/img/poster-black.png b/docs/samples/img/poster-black.png
new file mode 100644
index 000000000..f001be013
Binary files /dev/null and b/docs/samples/img/poster-black.png differ
diff --git a/docs/samples/img/poster-black@2x.png b/docs/samples/img/poster-black@2x.png
new file mode 100644
index 000000000..a03222254
Binary files /dev/null and b/docs/samples/img/poster-black@2x.png differ
diff --git a/docs/samples/img/poster-bold.png b/docs/samples/img/poster-bold.png
new file mode 100644
index 000000000..56d9da0e8
Binary files /dev/null and b/docs/samples/img/poster-bold.png differ
diff --git a/docs/samples/img/poster-bold@2x.png b/docs/samples/img/poster-bold@2x.png
new file mode 100644
index 000000000..1dec351a9
Binary files /dev/null and b/docs/samples/img/poster-bold@2x.png differ
diff --git a/docs/samples/img/poster-extra-bold-2.png b/docs/samples/img/poster-extra-bold-2.png
new file mode 100644
index 000000000..a8aa14f06
Binary files /dev/null and b/docs/samples/img/poster-extra-bold-2.png differ
diff --git a/docs/samples/img/poster-extra-bold-2@2x.png b/docs/samples/img/poster-extra-bold-2@2x.png
new file mode 100644
index 000000000..cf22950a2
Binary files /dev/null and b/docs/samples/img/poster-extra-bold-2@2x.png differ
diff --git a/docs/samples/img/poster-extra-bold.png b/docs/samples/img/poster-extra-bold.png
new file mode 100644
index 000000000..828c306f6
Binary files /dev/null and b/docs/samples/img/poster-extra-bold.png differ
diff --git a/docs/samples/img/poster-extra-bold@2x.png b/docs/samples/img/poster-extra-bold@2x.png
new file mode 100644
index 000000000..98e40cb86
Binary files /dev/null and b/docs/samples/img/poster-extra-bold@2x.png differ
diff --git a/docs/samples/img/poster-medium.png b/docs/samples/img/poster-medium.png
new file mode 100644
index 000000000..9a11f7f82
Binary files /dev/null and b/docs/samples/img/poster-medium.png differ
diff --git a/docs/samples/img/poster-medium@2x.png b/docs/samples/img/poster-medium@2x.png
new file mode 100644
index 000000000..fb59a7b90
Binary files /dev/null and b/docs/samples/img/poster-medium@2x.png differ
diff --git a/docs/samples/img/poster-melvetica.png b/docs/samples/img/poster-melvetica.png
new file mode 100644
index 000000000..0e437f79f
Binary files /dev/null and b/docs/samples/img/poster-melvetica.png differ
diff --git a/docs/samples/img/poster-melvetica@2x.png b/docs/samples/img/poster-melvetica@2x.png
new file mode 100644
index 000000000..52815c9af
Binary files /dev/null and b/docs/samples/img/poster-melvetica@2x.png differ
diff --git a/docs/samples/img/poster-regular.png b/docs/samples/img/poster-regular.png
new file mode 100644
index 000000000..cbece7ab0
Binary files /dev/null and b/docs/samples/img/poster-regular.png differ
diff --git a/docs/samples/img/poster-regular@2x.png b/docs/samples/img/poster-regular@2x.png
new file mode 100644
index 000000000..cbba231e7
Binary files /dev/null and b/docs/samples/img/poster-regular@2x.png differ
diff --git a/docs/samples/img/poster-semi-bold-2.png b/docs/samples/img/poster-semi-bold-2.png
new file mode 100644
index 000000000..df349da35
Binary files /dev/null and b/docs/samples/img/poster-semi-bold-2.png differ
diff --git a/docs/samples/img/poster-semi-bold-2@2x.png b/docs/samples/img/poster-semi-bold-2@2x.png
new file mode 100644
index 000000000..2249ca16f
Binary files /dev/null and b/docs/samples/img/poster-semi-bold-2@2x.png differ
diff --git a/docs/samples/img/poster-semi-bold.png b/docs/samples/img/poster-semi-bold.png
new file mode 100644
index 000000000..893c13802
Binary files /dev/null and b/docs/samples/img/poster-semi-bold.png differ
diff --git a/docs/samples/img/poster-semi-bold@2x.png b/docs/samples/img/poster-semi-bold@2x.png
new file mode 100644
index 000000000..67a598bb2
Binary files /dev/null and b/docs/samples/img/poster-semi-bold@2x.png differ
diff --git a/docs/samples/index.css b/docs/samples/index.css
index f98928da0..6114ae255 100644
--- a/docs/samples/index.css
+++ b/docs/samples/index.css
@@ -227,7 +227,15 @@ div.live {
}
.sample-images img, .sample-images svg {
- margin: 100px 0;
+ margin: 100px auto;
+}
+.sample-images .poster {
+ border-radius: 1px;
+ box-shadow: 0px 1px 25px rgba(0,0,0,0.05);
+ filter: drop-shadow(0px 1px 1px rgba(0,0,0,0.1));
+}
+.sample-images img.im640, .sample-images svg.im640 {
+ width:640px;
}
.sample-images > img:first-child, .sample-images > svg:first-child {
margin-top:50px;
diff --git a/docs/samples/index.html b/docs/samples/index.html
index 4369be05a..1eb6fe0f9 100644
--- a/docs/samples/index.html
+++ b/docs/samples/index.html
@@ -109,6 +109,17 @@ hills.
+
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+
