Brandbook z linku do strony.
Logo, kolory, typografia i ton komunikacji odczytane z działającej strony, z gotowymi tokenami do kodu.
- Sprawdzam, czy nie jesteś robotem (Cloudflare Turnstile)
- Łączę się ze stroną
- Pobieram style, fonty i logo
- Odczytuję kolory, typografię i interfejs
- Porównuję podstrony
- Robię zrzuty strony (Google PageSpeed Insights)
- Składam brandbook
npx sitelens brand https://twojastrona.pl Ta strona jest budowana przez JavaScript, więc online widać z niej niewiele. Pełny brandbook zrobisz w terminalu.
Google PageSpeed Insights nie zrobił zrzutów strony (limit albo błąd), więc brandbook powstał bez nich.
W oknie drukowania wybierz „Zapisz jako PDF”.
Przykładowy brandbook
Osiem stron A4 w poziomie, odczytanych ze strony sitelens.pl.
Wolisz terminal?
W terminalu brandbook ma zrzuty ciemnego motywu, przycisków i nawigacji prosto ze strony, działa też dla stron budowanych JavaScriptem i zapisuje gotowy PDF.
npx sitelens brand https://twojastrona.pl Online czy w terminalu
| Online | W terminalu | |
|---|---|---|
| Logo, kolory, typografia, ton | tak | tak |
| Wersja interaktywna i tokeny CSS, JSON, Tailwind | tak | tak |
| Zrzuty strony | z Google PageSpeed Insights | z przeglądarki na Twoim komputerze |
| Ciemny motyw | kolory tak, zrzut nie | kolory i zrzut |
| Przyciski i nawigacja | odtworzone ze stylów strony | zrzuty prawdziwych elementów |
| Strony budowane JavaScriptem | tryb ograniczony | pełny brandbook |
| przez drukowanie w przeglądarce | gotowy plik w paczce |
Pytania o brandbook
Czy mogę zrobić brandbook cudzej strony?
Tak, do analizy, na przykład konkurencji albo strony klienta przed rozpoczęciem projektu. Logo, znaki i fonty należą do ich właścicieli; brandbook tylko je opisuje.
Czy to zastępuje projektanta?
Nie. Brandbook porządkuje to, co już jest na stronie. Tego, czego strona nie mówi wprost (pole ochronne, minimalne rozmiary, opis charakteru), nie zgaduje, tylko oznacza jako propozycję do zatwierdzenia.
Czy coś zapisujecie?
Nie. Strona przechodzi przez nasz pośrednik tylko na czas odczytu, zrzuty robi Google PageSpeed Insights, a brandbook powstaje w Twojej przeglądarce.
Skąd są kolory i fonty?
Kolory pochodzą z tokenów CSS strony, czyli zmiennych w jej arkuszach stylów, a ich role z tego, gdzie i ile ich widać na stronie głównej. Kroje pochodzą z arkuszy stylów i plików fontów, które strona ładuje.