История логотипа TikTok — нота, глитч и сцена в темноте · Trace Logo's
3 мин чтения 3

История логотипа TikTok — нота, глитч и сцена в темноте

Логотип TikTok — нота с неоновым сине‑красным «раздвоением» на чёрном фоне — узнаётся мгновенно и не похож ни на один знак соцсетей. Что интересно, придуман он не для TikTok: знак родился в Китае, у приложения Douyin, и его легенда — одна из самых красивых в современном брендинге. Разбираем историю.

Коротко

Знак создан в 2016 году для китайского Douyin (материнская компания ByteDance): нота, вдохновлённая атмосферой тёмного концертного зала, где светится только сцена. Сине‑красное «раздвоение» имитирует хроматическую аберрацию — эффект расслоения света. 2018 — после покупки Musical.ly знак становится глобальным лицом TikTok; дальше — только полировка деталей. Файлы — на странице бренда.

2016Тёмный зал и светящаяся сцена

По официальной легенде, дизайнер Douyin искал образ, передающий ощущение музыки в темноте, — и отталкивался от картинки рок‑концерта: чёрный зал, светящаяся сцена, вибрирующий звук. Так появилась нота на чёрном фоне со «сдвоенным» контуром — бирюзовым и красным, как расслоение света в дыму. Чёрный фон — принципиален: TikTok, как и Netflix, проектировался для тёмного экрана видео, где яркая иконка на чёрном горит сильнее любой белой плитки — те же законы иконок приложений.

Глитч как фирменный приём

«Раздвоение» контура — имитация хроматической аберрации: расслоения цветов на границах, знакомого по старым экранам и 3D‑очкам. Приём попал в нерв эпохи: глитч ассоциируется с видео, цифровой культурой и «сломанной» эстетикой интернета. Важно, что эффект несёт смысл — движение и вибрацию звука, — а не просто украшает: статичный знак выглядит «дрожащим», как кадр клипа — наглядный пример того, когда эффект оправдан в логотипе.

2018Слияние с Musical.ly

Глобальная история знака началась, когда ByteDance купил Musical.ly — популярное у подростков приложение с розово‑оранжевой иконкой‑нотой — и слил его с TikTok. Из двух брендов выжил один: аудитория Musical.ly проснулась с новой иконкой на экране. Кейс поучителен: поглощённый бренд с многомиллионной аудиторией растворился без долгого переходного периода — ByteDance посчитал, что единый глобальный знак дороже локальной привычки — подробнее о том, как проходят такие слияния, мы писали отдельно.

Почему нота, а не буква

В категории, где победили буквы, TikTok удержал предметный символ — и выиграл: нота отличает его в ряду однобуквенных соседей. Риск «слишком узкой» метафоры (нота = музыка, а TikTok давно шире) компенсирован абстрактностью исполнения: глитч‑нота читается скорее как «звук и движение», чем как «песни» — та же страховка, что у волн Spotify.

Как глитч воспроизводится технически

Сине‑красное раздвоение — не два контура, наложенных на глаз, а точная конструкция: бирюзовый и красный силуэты сдвинуты от белого ядра на равные расстояния по диагонали, имитируя разложение белого света на компоненты. Из‑за этого у знака жёсткие требования к фону: на белом «свечение» пропадает, поэтому основная версия живёт на чёрном, а для светлых носителей существует упрощённая одноцветная нота. Урок для практиков: эффектный приём всегда тянет за собой пакет дополнительных версий — закладывайте сразу и состав комплекта, и то, что требует печать.

Шрифт и текстовая часть

Слово «TikTok» набрано жирным гротеском с характерной деталью — «ножка» буквы «k» словно подрезана, добавляя слову ту же «сбитость», что и глитч в ноте. С 2023 года у компании есть собственная гарнитура TikTok Sans, унифицировавшая типографику интерфейса и маркетинга. Логика знакомая по Netflix и YouTube: платформа масштаба TikTok экономит на лицензиях и получает уникальность, заказав шрифт один раз — о том, как шрифт вообще работает на бренд, мы писали отдельно.

Хронология

ГодыЗнакСобытие
2016нота с глитчем (Douyin)запуск в Китае
2017тот же знак для TikTokмеждународная версия
2018знак становится единымслияние с Musical.ly
2020‑еполировка деталейглобальное доминирование
Урок кейса

TikTok показывает силу «атмосферной» идеи: знак родился не из перебора форм, а из образа‑сцены (тёмный зал, светящаяся нота). Если знак никак не находится, попробуйте сменить вопрос с «какая форма нам нужна?» на «какая картинка передаёт ощущение продукта?» — методы поиска идеи мы собрали отдельно.

Логотип TikTok в SVG и PNG — на странице бренда. Другие истории серии: Instagram, YouTube, Spotify, Telegram.

Библиотека логотипов и эмодзи Скачивайте SVG/PNG бесплатно и экспортируйте в Figma
Открыть каталог