Dokument opisuje, jak wygląda RoasLens i jak wolno go używać: konstrukcję znaku, pole ochronne, warianty, zakazy, paletę wraz z odpowiednikami drukarskimi, typografię, zasady składu, ton głosu i zastosowania. Zasady są opisem tego, co realnie działa w produkcie — nie propozycją nowej tożsamości.
Wersja 1.0Lipiec 2026P.P.H.U. DEOZE Sebastian PietrzakDokument wewnętrzny
Znak RoasLens to soczewka: pierścień i punkt ogniskowy. Pierścień jest polem, w którym mieści się cały hałas danych — wydatki, kliknięcia, kampanie, prowizje. Punkt w środku to jedna liczba, dla której to wszystko się robi: ile naprawdę zostaje. Cała obietnica produktu daje się narysować dwoma okręgami.
Znak jest achromatyczny. Nie ma koloru firmowego w potocznym rozumieniu — jest czerń, biel i jedna czerwień zarezerwowana wyłącznie dla strat. To wybór świadomy: produkt ma wyglądać jak księga rachunkowa, a nie jak kolejny kolorowy dashboard. Kolor w tej marce zawsze coś znaczy, nigdy nie jest ozdobą.
Sygnet — forma podstawowa
RoasLens
Znak podstawowy — sygnet i logotyp
RoasLens
Rewers — na tle ciemnym
02
Konstrukcja i siatka
Sygnet budowany jest na siatce 32 × 32 jednostki. Wszystkie proporcje wynikają z tej siatki i nie wolno ich zmieniać — znak nie jest rysowany „na oko" przy każdym użyciu, tylko skalowany z pliku źródłowego.
Siatka konstrukcyjna 32 × 32
Element
Wartość
Pole rysunku
32 × 32
Środek
16, 16
Promień pierścienia
12,5
Grubość pierścienia
3,0
Promień punktu
5,0
Prześwit pierścień – punkt
6,0
Odstęp sygnet – logotyp
0,37 × wysokość sygnetu
Zasada nadrzędna: nigdy nie odtwarzaj znaku ręcznie. Każde użycie pochodzi z pliku źródłowego SVG. Znak przerysowany „podobnie" przestaje być tym samym znakiem.
03
Pole ochronne
Wokół znaku obowiązuje pole wolne od jakichkolwiek elementów: tekstu, zdjęć, ramek, krawędzi materiału i innych znaków. Jego szerokość równa się promieniowi punktu ogniskowego — jednostce zaczerpniętej z samego znaku, więc skaluje się razem z nim.
x = promień punktu (5 jednostek siatki)
Co to znaczy w praktyce
Przy sygnecie o wysokości 32 px pole ochronne wynosi 5 px z każdej strony. Przy wysokości 64 px — 10 px. Przy znaku drukowanym o wysokości 20 mm — nieco ponad 3 mm.
Pole ochronne obowiązuje także wobec krawędzi nośnika. Znak dosunięty do brzegu wizytówki albo do krawędzi banera łamie zasadę tak samo, jak znak dotykający zdjęcia.
Jeśli w danym układzie nie da się zachować pola ochronnego, to znak jest w tym miejscu za duży — zmniejsz go, zamiast redukować odstęp.
04
Wielkości minimalne
Poniżej podanych wartości punkt ogniskowy zlewa się z pierścieniem i znak przestaje być czytelny. Nie wolno ich przekraczać w dół — jeśli miejsca jest mniej, użyj samego sygnetu zamiast pełnego znaku.
Zastosowanie
Znak podstawowy
Sam sygnet
Ekran
120 px szerokości
20 px wysokości
Druk
28 mm szerokości
6 mm wysokości
Grawer, tłoczenie, haft
40 mm szerokości
10 mm wysokości
Ikona aplikacji, favicon
nie stosuje się
16 px (uproszczony)
20 px — minimum
32 px
48 px
✕ 12 px — poniżej minimum
05
Warianty znaku
Wariantów jest pięć i to jest lista zamknięta. Każdy inny układ wymaga zgody właściciela marki.
RoasLens
A · Podstawowy poziomy
RoasLens
B · Pionowy (wąskie układy)
C · Sam sygnet
RoasLens
D · Rewers — znak Atramentem jasnym #E9ECE4 na Tle ciemnym #101210
RoasLens
E · Jednobarwny (grawer, stempel)
✕ Punkt w kolorze straty — zakazane
Czerwień nie należy do znaku. Barwa straty służy wyłącznie do oznaczania liczb ujemnych w produkcie. Znak z czerwonym punktem sugeruje, że marka mówi o stracie — a mówi o zysku.
06
Znak na tle
Znak wymaga spokojnego tła i wyraźnego kontrastu. Na tłach jasnych stosuj wersję atramentową, na ciemnych — rewers. Na zdjęciach znak wolno umieszczać wyłącznie na obszarze jednolitym; jeśli takiego nie ma, podłóż pod znak jednolite pole.
✓ Papier
✓ Biel
✓ Rewers
Tło barwne i gradient
07
Czego nie wolno
Poniższe użycia są niedopuszczalne bez wyjątku. Lista nie jest kompletnym katalogiem błędów — wskazuje najczęstsze. W razie wątpliwości obowiązuje zasada: znak używamy tak, jak jest w pliku źródłowym.
Rozciąganie i ściskanie
Obracanie
Dowolne kolory
Zmiana grubości
RoasLens
Inny krój logotypu
ROASLENS
Wersaliki i inna pisownia
RoasLens
Cienie i efekty
RoasLens
Skracanie odstępu
Zmiana kształtu
RoasLens
Zbyt niski kontrast
RoasLens AI
Dopiski przy nazwie
Odwracanie wypełnień
Nazwa marki zapisywana jest zawsze jako „RoasLens" — jedno słowo, wielkie R i L, bez spacji, dywizu i wersalików. Zapisy „Roaslens", „ROAS Lens", „Roas-Lens" są błędne także w tekście ciągłym, w mailach i w dokumentach.
08
Kolory podstawowe
Paleta jest achromatyczna i wywodzi się z papieru księgowego. Barwy ciepłe, złamane, bez czystej bieli i czystej czerni. Jedyny kolor nasycony — czerwień straty — pojawia się wyłącznie przy liczbach ujemnych i ostrzeżeniach.
Atrament
HEX
#1A1C16
RGB
26 · 28 · 22
CMYK
7 · 0 · 21 · 89
Pantone
419 C ≈
Atrament 2
HEX
#454A3E
RGB
69 · 74 · 62
CMYK
7 · 0 · 16 · 71
Pantone
447 C ≈
Wyciszony
HEX
#616555
RGB
97 · 101 · 85
CMYK
4 · 0 · 16 · 60
Pantone
5815 C ≈
Papier
HEX
#F4F2EA
RGB
244 · 242 · 234
CMYK
0 · 1 · 4 · 4
Pantone
9083 C ≈
Pasmo
HEX
#EAE7DD
RGB
234 · 231 · 221
CMYK
0 · 1 · 6 · 8
Pantone
9084 C ≈
Linia mocna
HEX
#B4B1A2
RGB
180 · 177 · 162
CMYK
0 · 2 · 10 · 29
Pantone
Warm Gray 4 C ≈
Strata
HEX
#E0604E
RGB
224 · 96 · 78
CMYK
0 · 57 · 65 · 12
Pantone
7416 C ≈
Tło ciemne
HEX
#101210
RGB
16 · 18 · 16
CMYK
11 · 0 · 11 · 93
Pantone
Black 6 C ≈
Tryb ciemny
Produkt ma dwa tryby i użytkownik przełącza je sam. Tryb ciemny nie jest odwróceniem
palety jasnej — to jej lustro zbudowane z tych samych założeń: barwy ciepłe i złamane, bez
czystej czerni i czystej bieli. Poniższe wartości obowiązują wszędzie tam, gdzie interfejs
stoi na ciemnym tle; barwy znaczeniowe z rozdziału 09 pozostają bez zmian w obu trybach,
bo znaczą to samo niezależnie od tła.
Tło ciemne
HEX
#101210
RGB
16 · 18 · 16
Rola
tło strony
Pasmo ciemne
HEX
#171A16
RGB
23 · 26 · 22
Rola
sekcje wyróżnione
Karta ciemna
HEX
#1C201B
RGB
28 · 32 · 27
Rola
karty, panele, ramki
Linia ciemna
HEX
#2B302A
RGB
43 · 48 · 42
Rola
obramowania, podziały
Linia mocna ciemna
HEX
#4A5147
RGB
74 · 81 · 71
Rola
obramowania wyraźne, pola formularzy
Atrament jasny
HEX
#E9ECE4
RGB
233 · 236 · 228
Rola
tekst główny, znak w rewersie
Atrament jasny 2
HEX
#B6BDB0
RGB
182 · 189 · 176
Rola
tekst drugorzędny
Wyciszony ciemny
HEX
#889181
RGB
136 · 145 · 129
Rola
podpisy, etykiety, tekst pomocniczy
Kontrast. Atrament jasny na Tle ciemnym daje 15,8 : 1, Atrament jasny 2 — 9,8 : 1,
Wyciszony ciemny — 5,7 : 1. Wszystkie trzy przechodzą próg WCAG AA dla tekstu, a dwa pierwsze
także AAA. Linie (#2B302A, #4A5147) są przeznaczone wyłącznie na obramowania — nie wolno
składać na nich tekstu.
O odpowiednikach Pantone. Podane numery to najbliższe przybliżenia wyznaczone z wartości ekranowych, nie wynik pomiaru spektrofotometrem. Przed pierwszym drukiem firmowym zweryfikuj je na fizycznym wzorniku i zapisz w tym dokumencie wartości potwierdzone przez drukarnię. Kolory ciepłe złamane bywają trudne do odwzorowania i różnią się między papierem powlekanym a niepowlekanym.
09
Kolory znaczeniowe
W produkcie kolor niesie informację i nie wolno używać go dekoracyjnie. Cztery barwy mają przypisane znaczenie — poza nimi interfejs pozostaje achromatyczny.
Barwa
Znaczenie
HEX
Gdzie występuje
Zysk
wartość dodatnia, stan poprawny
#6DBB9F
kwoty zysku, znaczniki „aktywny"
Strata
wartość ujemna, błąd, ryzyko
#E0604E
kwoty ujemne, alerty, „wyłącz"
Uwaga
wymaga sprawdzenia, nie jest błędem
#C9A24A
prowizje, ostrzeżenia, „obserwuj"
Informacja
kontekst neutralny
#8FA9B2
podpowiedzi, dane pomocnicze
Zakaz bezwzględny: nie używamy barwy zysku ani straty do celów estetycznych — w nagłówkach, tłach sekcji, przyciskach bez znaczenia finansowego. Użytkownik musi móc ufać, że zielone znaczy zysk, a czerwone stratę. Kolor użyty ozdobnie niszczy tę umowę.
10
Typografia
Marka używa trzech krojów o rozdzielonych rolach. Nie dokładamy czwartego.
IBM PLEX SANS · tekst, interfejs, dokumenty · 400 / 600 / 700 · licencja SIL OFL
47 478,00 zł · ROAS 3,17×
KRÓJ MASZYNOWY SYSTEMU · liczby, kwoty, dane techniczne · cyfry o stałej szerokości
Skala
Rola
Krój
Rozmiar
Interlinia
Grubość
Tytuł strony
Source Serif 4
34–60 px
1,05
600
Nagłówek sekcji
Source Serif 4
24–36 px
1,15
600
Nagłówek karty
IBM Plex Sans
15 px
1,4
700
Tekst
IBM Plex Sans
16 px
1,65
400
Uzupełnienie
IBM Plex Sans
13,5 px
1,55
400
Etykieta
krój maszynowy
11–12 px
1,3
600, wersaliki, +0,08em
Kwoty
krój maszynowy
wg kontekstu
1,2
stała szerokość cyfr
11
Zasady składu
Justowanie
Wszystkie teksty akapitowe są justowane obustronnie, z włączonym dzieleniem wyrazów. Dotyczy to strony, panelu, dokumentów prawnych i maili. Justowanie bez dzielenia wyrazów tworzy w tekście polskim białe „rzeki", dlatego oba ustawienia występują zawsze razem, a dokument musi mieć zadeklarowany język polski.
Liczby i waluta
Separator tysięcy to spacja nierozdzielająca, separator dziesiętny to przecinek, symbol waluty stoi po liczbie: 47 478,00 zł. Wartości ujemne zapisujemy ze znakiem minus i barwą straty, nigdy w nawiasach. Procenty ze spacją: 25,6 % w tekście, bez spacji w ciasnych elementach interfejsu.
Daty
W interfejsie i dokumentach: 21.07.2026. W tekście ciągłym po ludzku: „21 lipca 2026". W nazwach plików i danych technicznych zapis odwrotny: 2026-07-21.
Typografia polska
Cudzysłów polski „…", półpauza z odstępami jako myślnik — tak jak w tym zdaniu. Nie zostawiamy spójników na końcu wiersza. Nie stosujemy podkreśleń poza odnośnikami ani wersalików do wyróżnień w tekście ciągłym.
12
Ton głosu
RoasLens mówi jak księgowy, który jest po Twojej stronie: rzeczowo, bez podniecenia, konkretną liczbą. Nie sprzedaje wrażeń — pokazuje pieniądze.
Tak mówimy
Konkretną liczbą: „zysk 47 478 zł", nie „świetne wyniki".
Wprost o tym, czego nie wiemy: „mamy 62 dni historii, więc nie porównamy tego z zeszłym rokiem".
Językiem sprzedawcy, nie agencji: obrót, marża, prowizja, zamówienie.
Krótko. Zdanie, które da się przeczytać raz.
Tak nie mówimy
Bez słów-wydmuszek: „rewolucyjny", „innowacyjny", „game changer".
Bez straszenia i presji: „tracisz pieniądze każdego dnia".
Bez żargonu, którego sprzedawca nie używa: „atrybucja multi-touch".
Bez obietnic bez pokrycia — jeśli funkcja ma ograniczenie, mówimy o nim w tym samym zdaniu.
Zasada nadrzędna: nigdy nie twierdzimy czegoś, czego dane nie potwierdzają. Jeśli liczba jest szacunkiem — piszemy „szacunkowy". Jeśli lista jest ucięta — piszemy, ile pokazano z ilu. Jeśli okres jest niepełny — mówimy, ile dni faktycznie mamy. Zaufanie do liczb jest jedynym produktem, jaki sprzedajemy.
13
Zastosowania
RoasLens
Sebastian Pietrzak
sebastian@roaslens.com
P.P.H.U. DEOZE Sebastian Pietrzak
Stopka mailowa — znak, kreska, dane
RoasLens
Wiesz, ile naprawdę zarabiasz
Grafika udostępnienia — rewers
Awatar, ikona, favicon — sygnet w polu
RoasLens
analityka i zysk
roaslens.com
Wizytówka — układ podstawowy
Zasada wspólna dla wszystkich zastosowań: znak stoi zawsze na jednolitym polu, w pełnym polu ochronnym i w jednym z pięciu dozwolonych wariantów. W ikonach o boku poniżej 24 px dopuszcza się pogrubienie pierścienia — to jedyny wyjątek od zakazu zmiany grubości, konieczny dla czytelności.
14
Materiały do pobrania
Cały komplet w jednej paczce albo pojedynczo. Materiały są aktualne na dzień wydania księgi; przy rozbieżności rozstrzyga plik źródłowy.
Pliku .cdr nie ma i nie będzie generowany automatycznie. Format CorelDRAW jest zamknięty i zastrzeżony — nie da się go zapisać bez samego programu. Zamiast podrabiać plik z takim rozszerzeniem, który mógłby się nie otworzyć albo wczytać błędne krzywe, dajemy formaty, które CorelDRAW importuje natywnie i bezstratnie: EPS (najlepszy do druku, CMYK), PDF i SVG. Po zaimportowaniu zapisz jako .cdr w wersji wymaganej przez drukarnię — np. CorelDRAW 11 albo X4. Znak to dwa okręgi, więc konwersja jest bezstratna w każdej wersji.
Materiałów wolno używać wyłącznie do oznaczania RoasLensa i materiałów z nim związanych. Nie wolno ich modyfikować ani wykorzystywać jako części innego znaku. W sprawie użycia wykraczającego poza tę księgę napisz na kontakt@roaslens.com.
