Świeci. Pulsuje. Żyje.

Mgławica Aurora

Trzy świetlne plamy dryfujące w nieskończonej pętli, nigdy nie powtarzając dokładnie tego samego układu — budują głębię za każdą sekcją strony.

Używane w: tło każdej strony

Wizjer Pilota

Narożne nawiasy, winieta i cienka etykieta zmieniają cały ekran w wizjer hełmu pilota — tak zaczyna się Centrum Dowodzenia i SPL001.

Używane w: Centrum Dowodzenia, SPL001

Neonowy Rozruch

Litery migoczą jak rozgrzewająca się neonówka, zanim ustawią się w spokojnym, pulsującym blasku — tak zaczyna się każdy nagłówek na tej stronie.

Używane w: nagłówek strony Efekty, hasła hero

Suwak Metamorfozy

Przeciągnij granicę i zobacz różnicę na własne oczy — ten sam suwak, którym Klinika Uśmiechu pokazuje metamorfozy pacjentów.

Używane w: Klinika Uśmiechu — sekcja Metamorfozy

Lewitujące Ekrany

Okna przeglądarki unoszą się i oddychają delikatną poświatą — hero wygląda jak żywy podgląd z sali kontrolnej.

Używane w: hero, panel administracyjny

Reflektor Kursora

Miękka poświata podąża za kursorem jak reflektor na scenie — subtelny detal, który sprawia, że strona reaguje na każdy Twój ruch.

Używane w: strony premium (kosmetyczka, kancelaria, klinika)

Fale z Bąbelkami

Fala u dołu strony wypuszcza bąbelki z aktywnością portalu — a czasem rybka po prostu je zjada. Kolor fali dopasowuje się automatycznie do każdej z 7 skórek TLEN.APP.

Używane w: stopka każdej strony TLEN.APP

Skaner na Żywo

Pasmo światła przemyka przez zrzut ekranu przy najechaniu kursorem — jakby strona była właśnie skanowana w czasie rzeczywistym.

Używane w: zrzuty ekranu w portfolio i hero

Zmienna Skóra

Jeden moduł, trzy nastroje kolorystyczne do wyboru strzałkami — pokazujemy klientom, że każdy element da się przestroić pod ich markę.

Używane w: finalne CTA

Rozbłysk Startowy

Panel wjeżdża rozmyty i przezroczysty, po czym rozbłyskuje poświatą i ostrzy się w jednej płynnej sekwencji — tak „włączają się" karty portfolio.

Używane w: portfolio, Centrum Dowodzenia

Trasa na Żywo

Linia trasy rysuje się dokładnie w tempie Twojego przewijania strony — nie za wcześnie, nie za późno, tylko dokładnie tyle, ile przewinąłeś.

Używane w: TLEN.APP — Przejazdy, sekcja „Jak to działa"

Płynne Przenikanie

Dwa zdjęcia cicho zamieniają się miejscami w tle hero — nikt nie zauważy cięcia, tylko wrażenie, że strona żyje.

Używane w: hero kosmetyczki, kancelarii, kliniki

Szklana Lewitacja

Karta ze szkła unosi się i rozświetla obramowanie pod kursorem — tak reaguje każdy kafelek usług, portfolio i cennika.

Używane w: kafelki usług, portfolio, cennik

Płynny Neon

Gradient przelewający się przez literę jak płynny neon w witrynie sklepu — najważniejsze słowa dosłownie świecą.

Używane w: logo, nagłówki, hasła hero

Zielona Macierz

Klasyczny, kinowy odcień deszczu znaków — ukłon w stronę pierwowzoru, dla stron, które chcą brzmieć wprost jak z Matrixa.

Używane w: warianty kolorystyczne teł

Fioletowa Ulewa

Ten sam deszcz znaków, przefarbowany na fiolet marki — pasuje pod sekcje, które mają brzmieć bardziej premium niż cyberpunkowo.

Używane w: warianty kolorystyczne teł

Błękitna Zamieć

Chłodny, technologiczny odcień — deszcz znaków, który wygląda bardziej jak dane niż jak neon, dobrze pasujący pod skórki „szklane" i korporacyjne.

Używane w: warianty kolorystyczne teł

Cyfrowy Deszcz

Deszcz katakany i cyfr spływający cicho za treścią — ukłon w stronę klasyki cyberpunku, ledwo zauważalny, ale zawsze obecny.

Używane w: tło każdej strony (za treścią)

Bella AI

Asystentka salonu kosmetycznego — umawia wizyty i odpowiada na pytania o zabiegi, ubrana w rose-gold barwy marki klienta.

Używane w: realizacja Bella Glow Studio

Denti AI

Asystentka kliniki stomatologicznej — wstępnie ocenia objawy i umawia wizyty, w miętowo-turkusowych barwach marki.

Używane w: realizacja Klinika Uśmiechu

Temida AI

Asystentka kancelarii prawnej — wstępnie kwalifikuje sprawę i proponuje termin konsultacji, w spokojnych barwach navy & gold.

Używane w: realizacja Wiśniewski & Partnerzy

Wstążka Nowości

Czerwony pasek na ukos przez róg karty — mówi „zobacz mnie" bez krzyku, zanim jeszcze przeczytasz treść.

Używane w: nowe funkcje, promocje, świeże ogłoszenia

Puls na Żywo

Migoczący punkt mówi: to dzieje się naprawdę, teraz — status wdrożenia albo dane spływające na panel.

Używane w: portfolio, Centrum Dowodzenia

Pierścień Powrotu

Przycisk „do góry" wyłania się dopiero, gdy jest potrzebny, a cienki pierścień wokół strzałki na żywo pokazuje, ile strony masz jeszcze przed sobą.

Używane w: każda strona TLEN.APP (prawy dolny róg)

Cyfrowy Śnieg

Najbardziej stonowany wariant — biały, niemal statyczny szum zamiast neonu, dla stron, które mają wyglądać czysto i minimalistycznie.

Używane w: warianty kolorystyczne teł

Czerwony Alarm

Ten sam spokojny deszcz, ale w niepokojącym odcieniu czerwieni — dobry pod strony ostrzegawcze, statusowe albo po prostu bardziej dramatyczne.

Używane w: warianty kolorystyczne teł

Pasek Notowań

Kursy walut, krypto i pogoda z polskich miast przewijają się w nieskończoność, z odrobiną losowego „życia" — jak pasek informacyjny w telewizji.

Używane w: stopka strony głównej TLEN.APP

Kropki Pisania

Trzy kropki podskakują naprzemiennie, sygnalizując że asystent AI właśnie formułuje odpowiedź — gest znany z ulubionych komunikatorów.

Używane w: czatboty AI (Bella AI, Temida AI, Denti AI)

Wstążka bez Końca

Rząd logotypów przewija się w nieskończoność i zwalnia dopiero pod kursorem — tak prezentujemy cały ekosystem AI w stopce strony.

Używane w: stopka strony głównej (Ekosystem AI)

Bramka Bezpieczeństwa

Niebezpieczny przycisk zostaje zablokowany, dopóki nie zaznaczysz, że rozumiesz konsekwencje — trudniej kliknąć coś nieodwracalnego przez przypadek.

Używane w: usuwanie konta na TLEN.APP