website: more samples

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;

docs/samples/index.html

@@ -109,6 +109,17 @@ hills.
     <img src="img/04.png" srcset="img/04@2x.png 2x" width="888">
     <img src="img/05.png" srcset="img/05@2x.png 2x" width="888">
     <img src="img/sfs-pid-30.png" srcset="img/sfs-pid-30@2x.png 2x" width="888">
+    
+    <img class="im640 poster" src="img/poster-regular.png" srcset="img/poster-regular@2x.png 2x" width="640">
+    <img class="im640 poster" src="img/poster-medium.png" srcset="img/poster-medium@2x.png 2x" width="640" height="800">
+    <img class="im640 poster" src="img/poster-semi-bold.png" srcset="img/poster-semi-bold@2x.png 2x" width="640" height="800">
+    <img class="im640 poster" src="img/poster-bold.png" srcset="img/poster-bold@2x.png 2x" width="640" height="800">
+    <img class="im640 poster" src="img/poster-extra-bold.png" srcset="img/poster-extra-bold@2x.png 2x" width="640" height="800">
+    <img class="im640 poster" src="img/poster-black.png" srcset="img/poster-black@2x.png 2x" width="640" height="800">
+    <img class="im640 poster" src="img/poster-melvetica.png" srcset="img/poster-melvetica@2x.png 2x" width="640" height="800">
+    <img class="im640 poster" src="img/poster-semi-bold-2.png" srcset="img/poster-semi-bold-2@2x.png 2x" width="640" height="800">
+    <img class="im640 poster" src="img/poster-extra-bold-2.png" srcset="img/poster-extra-bold-2@2x.png 2x" width="640" height="800">
+    
     <img src="img/dark-phone.jpg" srcset="img/dark-phone@2x.jpg 2x" width="888">
     <img src="img/06.png" srcset="img/06@2x.png 2x" width="888">
     <img src="img/07.png" srcset="img/07@2x.png 2x" width="888">