Welcome to the Triller Brand Hub

This is your one-stop-shop for everything related to the Triller brand: logo files, color palettes, fonts, and more. Please review the best practices provided here anytime the Triller brand is used.

Triller Icon - Outlined Pink

Logos

Triller’s Primary Logo is the combined wordmark + icon lockup in Triller Pink. The logo can also be used in black or white when necessary to maintain legibility.

Triller Logo - Pink
Triller Logo - Black

The Triller Wordmark can be used as a secondary logo when the Triller Primary Logo would not be legible in application.

Triller Wordmark - Pink
Triller Wordmark - Black
Triller Wordmark - White

The Triller Icon can be used as a secondary mark, and is especially useful at small sizes where the Primary Logo becomes too hard to read (such as social media profile images). The Triller Icon can also be used as a supporting brand element when the primary brand has already been established.

Triller Icon - Pink
Triller Icon - Black

Logo Usage

Do's

Dont's

Brand Colors

Primary Colors

Triller Pink should be used as the primary accent color in all applications. Triller Grey should be used as the primary neutral/background color whenever possible. Triller Purple should be used sparingly as a complimentary color to Triller Pink.

Triller Pink
#FF3960

Triller Grey
#1D1D1D

Triller Purple
#4F308D

Secondary Colors

Secondary colors should be rarely used. These are most often used as call-outs in the app (things like warning messages, UI element outlines, etc.), but are not used often in typical designs.

Vivid Blue
#2378F6

Neon Mint
#23F6D3

Lime Green
#AAE70F

Golden Yellow
#F8C405

Neutrals

Neutrals can be used for backgrounds, text, UI elements, etc. Shade should be chosen based on maintaining legibility and contrast.

White
#FFFFFF

Grey 1
#EFEFEF

Grey 2
#D8D8D8

Grey 3
#A4A4A4

Grey 4
#2A2A2A

Black
#000000

Adobe Color Swatches

The button below will download an Adobe Swatch file (ASE). Importing this file into any Adobe design program will load the entire Triller color palette.

Typography

Dreadnaughtus

Dreadnaughtus is the Triller brand accent font. It is bold, aggressive, and blocky. It can be used in marketing materials for short titles or headlines when the application calls for something more adventurous than Roboto.

It should always be used in all-caps format and should never be used for body copy. 

Dreadnaughtus Ultra

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 1 2 3 4 5 6 7 8 9 0 ! @ # $ % ^ & * ( )

Roboto

Roboto is the primary Triller brand font. Roboto bold should be used for headlines, emphasized text, and links, whereas Roboto Regular should be used for body copy, UI elements, etc.

Roboto is easy to read at all sizes and can fit a lot of copy into small areas due to being more condensed than standard fonts. It should be used in sentence-case.

Roboto Bold

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ! @ # $ % ^ & *

Roboto Regular

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 1 2 3 4 5 6 7 8 9 0 ! @ # $ % ^ & *

Plau

Plau is the Triller logo font. This font should not be used outside of the Triller logo.

Plau should always be used in all-caps in the Plau Bold weight.

Plau Bold

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 1 2 3 4 5 6 7 8 9 0 ! @ # $ % ^ & * ( )

Triller Brand Fonts

These font files are provided for example purposes only. Please ensure that you purchase the corresponding licenses if necessary when using any of the supplied fonts.

Textures

Triller leans on dark, gritty textures for many of it’s marketing materials. Things like ripped paper and subtle grunge patterns are fair game, but should always be black & white. Textures should never interfere with legibility.

Triller Textures - Ripped Paper
Triller Artists First Ad

Triller Texture Pack

The button below will download a .zip file containing several approved Triller brand textures. Keep in mind that textures should be subtle and legibility is paramount.