Brand guidelines & Press Kit

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!

Logo

Primary logo

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



Secondary logo (banner)

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



Animated logo

Our animated logo.
Animated logo
1150x1150



Made For Touch Portal

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



Works with Touch Portal

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



Do's & dont's

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.



App Icon

Android & iOS app icon

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)

Colors & Fonts

This section is an overview of the Color Palette used in Touch Portal products.

Web

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


Application

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


Fonts

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

Imagery

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