wildduck/graphics/README.md
Muhammad Hussein Fattahizadeh 0bb6184965
feat: add graphics
2021-02-02 22:31:48 +03:30

43 lines
1.4 KiB
Markdown

# WildDuck Graphics
## Color
Color palette pick from [Mallard](https://upload.wikimedia.org/wikipedia/commons/a/a1/Mallard2.jpg), using standard color from [Materialize Color](https://materializecss.com/color.html); .
1. ![#004d40](https://via.placeholder.com/14/004d40/004d40?text=+) `#004d40 teal darken-4`
1. ![#f57f17](https://via.placeholder.com/14/f57f17/f57f17?text=+) `#f57f17 yellow darken-4`
1. ![#3e2723](https://via.placeholder.com/14/3e2723/3e2723?text=+) `#3e2723 brown darken-4`
## Logo
<p >
Main logo of WildDuck
<br />
<br />
<img src="./wildduck.svg" width="320" alt="WildDuck" />
</p>
<p>
Logo with <b>WildDuck</b> text using <a href="https://github.com/googlefonts/roboto">Roboto Font</a>
<br />
<br />
<img src="./wildduck-type.svg" width="320" alt="WildDuck" />
</p>
<p>
Suitable for icon set, <a href="https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/pinnedTabs/pinnedTabs.html">safari pinned tab</a> and etc...
<br />
<br />
<img src="./wildduck-mono.svg" width="320" alt="WildDuck" />
</p>
## Tools
These list of tools that we used to create logo and generate optimize version.
- [node.js](https://nodejs.org/)
- [svgo](https://github.com/svg/svgo)
- [inkscape](https://inkscape.org/)
- [gimp](https://www.gimp.org/)
- [imagemagick](https://imagemagick.org/)
- [pngquant](https://pngquant.org/)