, ,

TikTok Brand Guidelines: The Glitch, Cyan & Magenta

·

Brand Guidelines · Field Guide

TikTok Brand Guidelines

A black screen, a music note, and a cyan-and-magenta “glitch” that makes the whole brand feel like it’s mid-beat-drop.

FIG 1.0 — CHROMATIC GLITCH (HOMAGE)
Aa
FIG 1.1 — SOUND WAVEFORM

Two ideas: an RGB-split chromatic glitch and a sound wave. Homage renderings — a type/sound study, deliberately not the TikTok note glyph or wordmark.

Launched
2017ByteDance
Cyan
#25F4EEthe glow
Magenta
#FE2C55the pop
Typeface
TikTok Sansopen source
01

The glitch

TikTok’s whole look is one clever visual effect borrowed from a concert stage.

The logo is a stylised music note (an eighth-note / quaver) rendered in solid black — but the magic is the treatment around it: a chromatic-aberration “glitch,” where a cyan ghost shifts one way and a magenta/red ghost shifts the other, like an RGB channel split or a badly-registered 3D print. It reads instantly as sound, motion, energy — concert lighting on a dark stage. It’s a smart bit of brand-building: the effect is more memorable than the shape itself, and it works on the note, on type, on anything. The whole identity lives on a black background so those two neons glow.

02

From Douyin to the world

The app you know as TikTok started as a Chinese product and grew by absorbing a rival.

TikTok is owned by ByteDance. It launched first in China as Douyin in 2016, then internationally as TikTok in 2017. The pivotal moment came in August 2018, when ByteDance merged the lip-sync app Musical.ly into TikTok (it had bought Musical.ly the year before) — instantly folding in a huge, engaged Western audience. From there it became the defining short-form video platform of its era, and its neon-on-black identity spread as fast as the app did.

03

Colour: black, cyan & magenta

Two electric neons on pure black — a palette built to look good on a phone in the dark. Click a swatch to copy the hex.

The palette is tiny and unmistakable: black #000000, a bright cyan #25F4EE, a hot magenta/red #FE2C55, and white. (Treat the hexes as widely-cited references — TikTok’s exact Pantone equivalents circulate via third-party sources.) The two neons are near-opposites on the colour wheel, which is exactly why the chromatic-split effect reads so strongly. It’s the visual equivalent of a bass drop: high-contrast, a little chaotic, impossible to ignore. Copy the working values below.

Copy
Cyan
#25F4EE
≈ Pantone 319
Copy
Magenta
#FE2C55
≈ Pantone 1787
Copy
Black
#000000
Copy
Off-black
#1B1B20
Copy
White
#FFFFFF
04

Type: TikTok Sans

TikTok did something unusual with its typeface — it gave it away.

TikTok commissioned a bespoke variable typeface, TikTok Sans — a geometric sans begun with Swiss foundry Grilli Type in 2023 and later expanded and open-sourced under the SIL Open Font License, distributed via Google Fonts (this page is set in it). Two honest notes: TikTok Sans is the interface and caption font, not the logo wordmark (the “TikTok” logotype is older custom lettering), and while the font is free to use, the name and logo remain trademarks. Open-sourcing a brand typeface is a genuinely generous, community-minded move. The specimen below is set in the real thing.

Make your day

Geometric, friendly and screen-native — type built for captions that fly past at speed. (Specimen set in the real TikTok Sans, OFL.)

TikTok Sans (Grilli Type, 2023)Open source · OFLUI, not the logo

05

An identity built to move

TikTok’s brand was designed for a medium the old rulebooks never planned for — sound and motion.

Most brand systems are built for print or a static screen; TikTok’s was built to move and to be heard. The chromatic-aberration glitch is really a still frame of an animation — the cyan and magenta ghosts slide apart and snap back like a beat hitting — and the whole identity assumes it will be experienced in a scrolling, full-bleed, vertical black canvas. The interface is the branding: edge-to-edge video on black, with the note and the neons pulsing at the corners rather than a logo sitting politely on a page.

Sound is treated as part of the identity too, which is unusual. The platform is organised around music and audio, and the visual language — the waveform motif, the concert-lighting neons — deliberately evokes a stage rather than a feed. That coherence is why the look spread so fast: a brand engineered for short, kinetic, sound-on clips feels native everywhere the app appears, from the launch screen to a billboard to a creator’s own edits. It is a genuinely modern approach to identity — less a fixed logo, more a behaviour the brand performs in motion — and it matches exactly how a generation raised on the For You page actually experiences media.

06

Explore & save

Keep TikTok’s system on hand — save it to a board in the Made Good inspiration library.

TikTok identity set

Pin the glitch effect, the neon palette and the open type to your own board.

AaAaAa
The Glitch
Homage
Aa
TikTok Sans
Open source
Neon on Black
The palette

♡ Save to a board

07

Source & notes

Editorial reference. This article reports publicly documented design history of TikTok; it is not affiliated with, or endorsed by, TikTok / ByteDance. The TikTok note logo and wordmark are protected trademarks — the graphics here are deliberately not those (a chromatic-aberration “Aa” and a sound waveform) and are not reproduced from TikTok assets. The colour hexes (cyan #25F4EE, magenta #FE2C55) are widely-cited references rather than a published spec; Pantone equivalents are approximate. TikTok Sans is used under the SIL Open Font License; it is the UI/caption typeface (begun with Grilli Type, 2023), not the logo wordmark. Douyin launched 2016, TikTok internationally 2017, with Musical.ly merged in August 2018.