Here you will find our guidelines on using our brand. We will show
you examples of how to use and how to not use our brand. We will
also provide several images that can be used.
Please note, we are excited you are promoting our product using our
provided assets on this page but we do ask that you do not pretent
that Touch Portal is sponsoring your content or that we are in any
way affiliated.
Please follow our guidelines and do no misuse our brand. Thank You!
Our brandname is important as the products we create are associated with our brandname. Using our brandname should be done with care. If you make software, plug-ins, icon packs or anything else in which you want to use our brandname, do so with the following rules (as addition to normal laws and regulation):
| Our logo has a light and a dark variant. Depending on the background you should either use the light variant or the dark variant. |
|
|
|
Black logo 1024x1024 512x512 256x256 128x128 White logo 1024x1024 512x512 256x256 128x128 |
| Our secondary logo has a light and a dark variant. Depending on the background you should either use the light variant or the dark variant. |
|
|
|
||
|
Black logo 5120x1024 2560x512 1280x256 640x128 256x51 White logo 5120x1024 2560x512 1280x256 640x128 256x51 |
||
| Our animated logo. |
|
|
|
Animated logo 1150x1150 |
| Our "made for" logos can be used when you have created assets for Touch Portal and want to add our branding to imagery. |
|
|
|
||
|
Black logo 4730x1024 1024x222 512x111 256x55 White logo 4730x1024 1024x222 512x111 256x55 |
||
| Our "Works with" logos can be used when your softare can be controlled by Touch Portal or tooling that is capable of creating assets or content for Touch Portal. |
|
|
|
||
|
Black logo 4730x1024 1024x222 512x111 256x55 White logo 4730x1024 1024x222 512x111 256x55 |
||
| Don't use special effects on the logo to adjust its appearance. Do not bevel it, add shadow, add innershadow, add color gradients or any other effect. |
|
|
| Don't add text behind/in front/on top/underneath our
logo that may give the viewer of the logo the idea that it
is part of our logo. |
||
| Don't add words like "Partner" or any other form of affiliation to our logo in such a way it seems that there is an affiliation. Unless specific permission from our company. |
| When referencing to our app you can use our app icon. You are not allowed to use this for your own app/web or other product or as part of your app/web/product icon. |
|
|
|
App icon PNGs 1024x1024 512x512 256x256 128x128 App icon ICOs 256x256 16x16 (favicon) |
This section is an overview of the Color Palette used in Touch Portal products.
| Main text color |
#000000
|
|
| Main background color |
#ffffff
|
|
| Alternative background color |
#3e3e3e
|
|
| Touch Portal Blue |
#5884b3
|
|
| Touch Portal Pages Gradient |
#b1ff8f - #388027
|
|
| Touch Portal Icon Packs Gradient |
#8fc6ff - #276180
|
|
| Touch Portal Plug-in Gradient |
#d48fff - #5b2780
|
| Main text color |
#ffffff
|
|
| Main background color |
#1e1e1e
|
|
| Secondary background color |
#2a2a2a
|
|
| Actionable control |
#444444
|
|
| Title background |
#708090
|
|
| Secondary title background |
#333333
|
|
| Block title background |
#4682d1
|
|
| Touch Portal Action blue |
#2278d5
|
|
| Touch Portal Event green |
#7cab2e
|
|
| Touch Portal Connector red |
#ab312e
|
| Main web and application font |
Roboto
|
|
| Secondary web font |
Montserrat
|
|
| Web titles and introduction blocks |
Open Sans Condensed
|
|
| Secondary texts |
Droid Sans
|
|
| Application titles |
Oswald
|
Below is a list of images that you can use in articles, content and such to showcase Touch Portal to your readers/viewers
| Promo image 001 showing both a phone and a tablet device runnnig the mobile app of Touch Portal with the desktop application in the background. |
2560x1440 |
|
| Promo image 002 showing a tablet device runnnig the mobile app of Touch Portal with the desktop application in the background. |
1920x1080 |
|
| Promo image 003 showing a tablet device runnnig the mobile app of Touch Portal with the desktop application in the background. |
2560x1440 |
|
| Promo image 004 showing a tablet device runnnig the mobile app of Touch Portal. |
5820x3880 |
|
| Promo image 005 showing a tablet device runnnig the mobile app of Touch Portal. The page shown is for the application Aseprite. |
6000x4000 |
|
| Promo image 006 showing a tablet device runnnig the mobile app of Touch Portal. The page shown is for the application Adobe Premiere. |
5398x3563 |
|
| Twitch Banner 001 showing our secondary logo on a promo image which can be used as a banner for Twitch. |
320x80 |
|
| Twitch Banner 002 showing our secondary logo in black on a white background which can be used as a banner for Twitch. |
320x80 |
|
| Twitch Banner 003 showing our secondary logo in white on a black background which can be used as a banner for Twitch. |
320x80 |
