improvement: add brand new logo to the project (#435)

README.md

@@ -1,3 +1,5 @@
+<p align="center"><img src="/art/socialcard.png" alt="Social Card of Spatie's Browsershot"></p>
+
 # Convert a webpage to an image or pdf using headless Chrome
 
 [![Latest Version](https://img.shields.io/github/release/spatie/browsershot.svg?style=flat-square)](https://github.com/spatie/browsershot/releases)
@@ -358,7 +360,7 @@ Browsershot::url('https://example.com')
     ->blockUrls($urlsList)
     ->save($pathToImage);
 ```
-    
+
 #### Block Domains
 You can completely block connections to specific domains using the `blockDomains()` method.
 Useful to block advertisements and trackers to make screenshot creation faster.
@@ -804,6 +806,8 @@ If using headless Chrome does not work for you take a look at at `v1` of this pa
 - [Freek Van der Herten](https://github.com/freekmurze)
 - [All Contributors](../../contributors)
 
+And a special thanks to [Caneco](https://twitter.com/caneco) for the logo ✨
+
 ## License
 
 The MIT License (MIT). Please see [License File](LICENSE.md) for more information.

art/README.md

@@ -0,0 +1,58 @@
+<p align="center">
+    <img src="/art/socialcard.png" width="1280" title="Social Card of Spatie's Browsershot">
+</p>
+
+# Spatie's Browsershot Art
+
+The logo was inspired by the [Spatie](https://spatie.be) brand, and the well known minimal design of Laravel packages.
+
+## Fonts
+
+The logo is using the following fonts:
+
+- [Inter 500](https://fonts.google.com/specimen/Inter#500)
+- [Inter 600](https://fonts.google.com/specimen/Inter#600)
+
+## Colors
+
+|                            |#hex     |rgb()             |
+|---                         |---      |---               |
+|![100](/art/palette/100.png)|`#E8F1F4`|`rgb(232,241,244)`|
+|![200](/art/palette/200.png)|`#C6DDE4`|`rgb(198,221,228)`|
+|![300](/art/palette/300.png)|`#A3C8D4`|`rgb(163,200,212)`|
+|![400](/art/palette/400.png)|`#5E9EB3`|`rgb(94,158,179)` |
+|![500](/art/palette/500.png)|`#197593`|`rgb(25,117,147)` |
+|![600](/art/palette/600.png)|`#176984`|`rgb(23,105,132)` |
+|![700](/art/palette/700.png)|`#0F4658`|`rgb(15,70,88)`   |
+|![800](/art/palette/800.png)|`#0B3542`|`rgb(11,53,66)`   |
+|![900](/art/palette/900.png)|`#08232C`|`rgb(8,35,44)`    |
+
+## Requirements
+
+- A screen or a printer
+
+## Installation
+
+- Open the file
+- *Right-click* on the image
+- Choose **"Save image as…"** option
+
+## Maintainers
+
+Spatie's **Browsershot** logo is designed and maintained by [Caneco](https://twitter.com/caneco).
+
+## License
+
+All rights reserved, but with the following extra conditions:
+
+- It is **OK** to use the Spatie's Browsershot logo in the following cases:
+    - In marketing materials for technical events, e.g. meetups, hackathons, conferences and workshops that are related to Laravel.
+    - In open source projects related to Laravel.
+    - In technical articles/videos/books/papers for educational purposes.
+    - To illustrate a commercial product.
+
+- It is **NOT OK** to use the Spatie's Browsershot logo in the following cases without prior written consent from the copyright owners:
+    - Using the Spatie's Browsershot logo in a commercial product for purposes other than illustrating its integration.
+    - Sell physical products that uses the Spatie's Browsershot logo or its variants, e.g. t-shirts.
+
+By any means the owner reserves the right of final explanation for any use case not explicitly stated above.