150 stylów napisów: czego nauczyliśmy się budując największą bibliotekę stylów

W tym tygodniu osiągnęliśmy 150 stylów napisów. Kiedy uruchamialiśmy betę w lipcu 2024, mieliśmy 10.

Nie chcę robić z tego posta „spójrz jak daleko zajęliśmy" (choć trochę niesamowite). Zamiast tego chcę podzielić się tym, czego 18 miesięcy obsesyjnego budowania stylów napisów nauczyło nas o tym, co działa.

Większość stylów nie jest używana

To jest niewygodna prawda. Spośród naszych 150 stylów około 20 z nich odpowiada za 80% użycia. Dystrybucja jest zgodna z prawem potęgowym — kilka stylów jest dziko popularnych, długi ogon jest okazjonalnie używany, a niektóre style prawie nie są wybierane.

Możesz myśleć: „To po co budować 150? Skup się na 20, które działają."

Dwa powody. Po pierwsze, 20 popularnych nie jest takie samo dla wszystkich. Twórca kanału o medytacji grawituje ku naszej kolekcji Minimal. Influencer fitness chce Social Hype. Zespół szkoleń korporacyjnych wybiera Professional. „Popularne 20" zależy całkowicie od niszy twórcy.

Po drugie, posiadanie dużej biblioteki to sposób, w jaki użytkownicy znajdują swój styl. Przeciętny użytkownik przegląda 3–4 style przed wyborem. Gdybyśmy mieli tylko 20 stylów, niektórzy użytkownicy przejrzeliby wszystkie 20 i poczuli, że żaden nie pasuje. Przy 150 każdy znajduje coś, co kliknie.

Czego nauczyła nas każda kategoria

Social Hype (30+ stylów)

To zdecydowanie nasza najpopularniejsza kategoria. Lekcja: timing to wszystko. Pogrubiony napis wielką literą, który pojawia się 50ms za wcześnie, wygląda amatorsko. Ten sam napis z precyzyjnym timingiem na poziomie słowa wygląda profesjonalnie. Spędziliśmy więcej czasu na timingu animacji niż na projektowaniu wizualnym.

Storytelling (20+ stylów)

Popularny wśród vloggerów, twórców podróżniczych i clippujących podcasty. Lekcja: powściągliwość sprzedaje. Nasze najlepiej działające style narracyjne są najbardziej stonowane. Delikatne fade-in, małe litery, subtelne pozycjonowanie. Twórcy używający tych stylów nie chcą, żeby napisy były gwiazdą — chcą, żeby były niewidzialne, ale czytelne.

Music (15+ stylów)

Podświetlanie kolorów słowo po słowie zsynchronizowane z rytmem mowy. Lekcja: tolerancja synchronizacji wynosi zero. W Social Hype, bycie 50ms do tyłu jest zauważalne. W stylach Music bycie 20ms do tyłu jest nie do przyjęcia. Gdy słowo podświetla się chwilę przed lub po jego wypowiedzeniu, iluzja karaoke natychmiast się rozsypuje. Ta kategoria napędzała większość naszej pracy nad precyzją znaczników czasowych.

Professional (20+ stylów)

Szkolenia korporacyjne, wiadomości w stylu newsroomów, prezentacje akademickie. Lekcja: nudne jest dobre. Najlepsze style profesjonalne są celowo nieefektowne. Czyste czcionki, spójne pozycjonowanie, brak animacji poza prostym fade. Styl powinien komunikować „to poważna treść" i potem zejść z drogi.

Artistic (15+ stylów)

Neonowa poświata, glitchowy tekst, komiks, tęczowe gradienty. Lekcja: te są udostępniane, nie używane. Style Artistic mają najwyższy wskaźnik „podglądu", ale niższy wskaźnik „eksportu". Ludzie uwielbiają na nie patrzeć, ale do prawdziwych treści często przełączają się na coś bardziej praktycznego. Wciąż je budujemy, bo są fajne i pokazują, co jest możliwe — ale nie są koniem roboczym niczyjego workflow contentowego.

Minimal (20+ stylów)

Czyste, bez animacji, spokojna typografia. Lekcja: minimalny jest najtrudniejszy do zrobienia dobrze. Kiedy nie ma animacji ani koloru, który by rozpraszał, każdy szczegół ma znaczenie. Wybór czcionki, rozmiar, grubość, odstępy między literami, pozycja, padding — zepsuj cokolwiek z tego a styl czuć „nie tak" w sposób, który trudno opisać słowami, ale łatwo poczuć.

Problem z czcionkami

Obecnie dostarczamy 14 rodzin czcionek. Wybieranie ich było udręczające.

Czcionki mają licencje. Większość dobrych czcionek kosztuje na użytkownika lub na projekt. Potrzebowaliśmy czcionek, które:

• Pokrywają znaki Latin + Latin Extended (dla języków europejskich)
• Wyglądają dobrze w rozmiarach napisów (nie wszystkie czcionki display dobrze się skalują w dół)
• Mają wiele grubości (potrzebujemy Regular, Bold i często Black)
• Mają liberalne licencje do użytku SaaS

Ten ostatni punkt wyeliminował około 90% kandydatów. Skończyliśmy na mieszance czcionek open-source i komercyjnie licencjonowanych, gdzie negocjowaliśmy prawa do dystrybucji SaaS.

Jeśli zastanawiasz się, dlaczego nie obsługujemy niestandardowych przesyłania czcionek — to właśnie dlaczego. Renderowanie czcionek w naszym pipeline wideo wymaga zarejestrowania czcionki w czasie budowania. Pracujemy nad rozwiązaniem, ale to nie jest trywialne.

Co dalej

Dodajemy nowe style co miesiąc na podstawie trendów. Jeśli widzisz w internecie styl napisów, który chcesz, żebyśmy zbudowali, daj nam znać. Poważnie traktujemy prośby — kilka naszych najpopularniejszych stylów zaczęło się jako sugestie użytkowników.

150 to ładna okrągła liczba, ale nie skończyliśmy. Celem nie jest posiadanie największej liczby stylów — chodzi o to, żeby każdy twórca używający CaptionBolta mógł znaleźć styl, który czuć jakby był zrobiony dla jego treści.