> For the complete documentation index, see [llms.txt](https://books.fablabbcn.org/communication-handbook/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://books.fablabbcn.org/communication-handbook/visual-brand-identity/design-tools.md).

# Design tools

{% tabs %}
{% tab title="Fonts" %}
**Google fonts:** open font library\
<https://fonts.google.com/>\
**FontFlipper:** Preview 800+ Google Fonts on top of your own designs, without having to download the fonts first.\
[https://fontflipper.com](https://fontflipper.com/)\
**Be Fonts**\
Free fonts library\
[https://befonts.com](https://befonts.com/)

{% hint style="success" %}
**How to install new fonts**\
Mac:\
<https://www.youtube.com/watch?v=vY0wJzWyxRI>\
PC:\
<https://support.microsoft.com/en-us/help/314960/how-to-install-or-remove-a-font-in-windows>
{% endhint %}
{% endtab %}

{% tab title="Logos" %}
**Logo Lab:** Put your logo to the test and find out where it succeeds and where improvements could be made.\
<https://logolab.app/home>\
**Logo Rank:** AI system that understands logo design. It's trained on a million+ logo images to give you tips and ideas.\
<https://brandmark.io/logo-rank/>\
**PitchProof:** Build interactive logo presentations.\
<https://www.usepitchproof.com/>

{% endtab %}

{% tab title="Graphics" %}
**Paaaterns:** Handcrafted patterns for your commercial and personal projects.\
<https://lstore.graphics/paaatterns>\
**Humaaans:** Mix-&-match illustrations of people with a design library\
[https://www.humaaans.com](https://www.humaaans.com/)\
**Frrames**\
Frames mockups for your platform designs\
[https://frrames.com](https://frrames.com/)\
**You Work For Them:** A source for all kind of design resources\
[www.youworkforthem.com](http://www.youworkforthem.com/)
{% endtab %}

{% tab title="Mock ups" %}
**Artboard Studio:** Showcase your design with an ever-growing library of mockup items, easily in your browser.\
<https://artboard.studio/pricing>\
**Shotsnapp**\
Create beautiful device mockup images for your app or website design. Share it everywhere.\
<https://shotsnapp.com/>\
**Smart Mockups**\
More mockups\
[https://smartmockups.com](https://smartmockups.com/)\
**Mockuuups Studio**\
Generate product mockups in a second.\
[https://mockuuups.studio](https://mockuuups.studio/)\
**Threed**\
Generate 3D Mockups right in your Browser\
<https://threed.io/>
{% endtab %}

{% tab title="Colour" %}
**Khroma:**\
Discover, search, and save color combinations you'll love.\
[**http://khroma.co**](http://khroma.co/)\
**Color Hunt:**\
Color Hunt is a free and open platform for color inspiration with thousands of trendy hand-picked color palettes.\
[**https://colorhunt.co**](https://colorhunt.co/)\
**Colors:**\
Create, save and share perfect palettes in seconds!\
[**https://coolors.co**](https://coolors.co/)\
**Curls:**\
Colors that work together are curated and fashioned into quality palettes that you can incorporate.\
[**https://culrs.com**](https://culrs.com/)\
**Color Leap:**\
Take a leap through time and see the colors of history.\
[**colorleap.app**](http://www.colorleap.app/)&#x20;
{% endtab %}

{% tab title="Design Suite" %}
**Canva:** graphic design tool\
<https://www.canva.com/>\
**Inkscape**: Draw freely, Open source 'Photoshop'\
[Inkscape.org](https://books.fablabbcn.org/communication-handbook/visual-brand-identity/www.inkscape.org)\
Snapa \
Infogram \
Pictochart \
Crello
{% endtab %}

{% tab title="Photo" %}
**Free photos**\
[Unsplash](https://unsplash.com/)\
[Pexels](https://www.pexels.com/)
{% endtab %}

{% tab title="Video" %}

{% endtab %}
{% endtabs %}