Dokument opisuje, jak wygląda RoasLens i jak wolno go używać: konstrukcję znaku, pole ochronne, warianty, zakazy, paletę wraz z przeliczeniem CMYK, 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 2.0Październik 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.
Sam znak jest jednobarwny: atrament na jasnym polu albo rewers na ciemnym. Marka ma natomiast jeden kolor własny — morski akcent — i to on prowadzi wzrok w interfejsie: przyciski, aktywne elementy, wyróżnienia. Tło jest granatowe, głębokie, bez czystej czerni. Barwy znaczeniowe (zysk, strata, uwaga) pozostają zarezerwowane dla liczb i stanów — kolor w tej marce nadal coś znaczy, a akcent jest jedynym wyjątkiem: oznacza „tu kliknij, tu patrz”.
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 #EEF2FA na Tle ciemnym #0A0E1A
RoasLens
E · Jednobarwny (grawer, stempel)
✕ Punkt w kolorze straty — zakazane
Ani koral, ani akcent nie należą do znaku. Barwa straty służy wyłącznie do liczb ujemnych, akcent — do interfejsu. Znak jest zawsze jednobarwny: atramentem albo w rewersie. Jedyna dopuszczalna kropka w akcencie to osobny wskaźnik obok tekstu (np. w pigułce nad nagłówkiem), nigdy punkt ogniskowy sygnetu.
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
Od października 2026 paleta jest granatowa: głębokie, chłodne tło bez czystej czerni, jasny atrament bez czystej bieli i jeden kolor własny — morski akcent — do przycisków i wyróżnień. Drugi kolor, niebieski, towarzyszy akcentowi wyłącznie w wykresach i gradiencie nagłówka. Koral straty pojawia się tylko przy liczbach ujemnych i ostrzeżeniach. Tryb ciemny jest domyślny; jasny użytkownik włącza sam.
Kontrast na Tle ciemnym. Atrament jasny — 17,2 : 1, Atrament jasny 2 — 10,9 : 1, Wyciszony ciemny — 5,6 : 1, Akcent morski — 12,1 : 1. Wszystkie przechodzą próg WCAG AA dla tekstu, trzy pierwsze także AAA. Tekst na przycisku akcentowym jest ciemny (#06101A): 12,1 : 1. Linie (#222D4A, #3A4868) są przeznaczone wyłącznie na obramowania — nie wolno składać na nich tekstu.
Tryb jasny
Tryb jasny jest lustrem zbudowanym z tych samych założeń: chłodne szarości o niebieskim odcieniu, bez czystej czerni. Akcent w jasnym motywie jest ciemniejszy (#0B7F6D), bo na białym tle jasny morski nie dałby kontrastu dla białego tekstu przycisku.
Atrament
HEX
#0B1220
RGB
11 · 18 · 32
CMYK
66 · 44 · 0 · 87
Rola
tekst główny, znak na jasnym polu
Atrament 2
HEX
#3A4760
RGB
58 · 71 · 96
CMYK
40 · 26 · 0 · 62
Rola
tekst drugorzędny
Wyciszony
HEX
#66728C
RGB
102 · 114 · 140
CMYK
27 · 19 · 0 · 45
Rola
podpisy, etykiety
Papier
HEX
#F6F8FC
RGB
246 · 248 · 252
CMYK
2 · 2 · 0 · 1
Rola
tło strony (jasny motyw)
Pasmo
HEX
#EDF1F8
RGB
237 · 241 · 248
CMYK
4 · 3 · 0 · 3
Rola
sekcje wyróżnione
Karta
HEX
#FFFFFF
RGB
255 · 255 · 255
CMYK
0 · 0 · 0 · 0
Rola
karty, formularze
Linia
HEX
#DAE0EC
RGB
218 · 224 · 236
CMYK
8 · 5 · 0 · 7
Rola
obramowania, podziały
Linia mocna
HEX
#AEB9CF
RGB
174 · 185 · 207
CMYK
16 · 11 · 0 · 19
Rola
obramowania wyraźne, pola
Akcent morski (jasny motyw)
HEX
#0B7F6D
RGB
11 · 127 · 109
CMYK
91 · 0 · 14 · 50
Rola
przyciski, aktywne elementy — ciemniejszy, żeby biały tekst miał kontrast
Akcent 2 (jasny motyw)
HEX
#2F6FE4
RGB
47 · 111 · 228
CMYK
79 · 51 · 0 · 11
Rola
wykresy, drugi kolor gradientu
Strata (jasny motyw)
HEX
#D23F33
RGB
210 · 63 · 51
CMYK
0 · 70 · 76 · 18
Rola
liczby ujemne, alerty
Kontrast na Papierze. Atrament — 17,6 : 1, Atrament 2 — 8,8 : 1, Wyciszony — 4,5 : 1; biały tekst na Akcencie jasnym — 4,9 : 1.
O odpowiednikach drukarskich. CMYK wyżej to przeliczenie z wartości ekranowych, nie wynik pomiaru. Odpowiedników Pantone dla palety 2.0 jeszcze nie wyznaczono — przed pierwszym drukiem firmowym dobierz je na fizycznym wzorniku i zapisz w tym dokumencie wartości potwierdzone przez drukarnię. Granat i morski akcent leżą poza gamutem standardowego CMYK; w druku akcent wypadnie ciemniej i mniej nasycony — to oczekiwane.
09
Kolory znaczeniowe
W produkcie kolor niesie informację. Pięć barw ma przypisane znaczenie — poza nimi interfejs pozostaje granatowo-szary. Akcent marki jest jedyną barwą „bez znaczenia finansowego”: mówi gdzie kliknąć, nie ile zostało.
Barwa
Znaczenie
HEX (ciemny / jasny)
Gdzie występuje
Akcent marki
działanie, wyróżnienie, aktywny element
#2EE6C5 / #0B7F6D
przyciski główne, kropki w pigułkach, aktywna zakładka, gradient „realny zysk”
Akcent 2
obrót, sprzedaż (nie zysk)
#4F8CFF / #2F6FE4
linia sprzedaży na wykresach, drugi kolor gradientu
Zysk / stan poprawny
wartość dodatnia, połączenie działa
#6DBB9F / #297049
kwoty zysku w panelu, odznaki „aktywny”, „połączone”
Strata
wartość ujemna, błąd, ryzyko
#FF6B5E / #D23F33
kwoty ujemne, słupki wydatków, alerty, „wyłącz”
Uwaga
wymaga sprawdzenia, nie jest błędem
#C9A24A / #7A611A
prowizje, ostrzeżenia, „obserwuj”
Informacja
kontekst neutralny
#8FA9B2 / #45636C
podpowiedzi, dane pomocnicze
Zakaz bezwzględny: barwy zysku i straty nie służą do celów estetycznych — w nagłówkach, tłach sekcji ani przyciskach bez znaczenia finansowego. Użytkownik musi móc ufać, że zieleń znaczy zysk, a koral stratę. Akcent marki wolno stosować dekoracyjnie (poświaty, gradient nagłówka, kropki), ale nigdy jako kolor kwoty — kwota w akcencie wyglądałaby jak zysk.
10
Typografia
Marka używa trzech krojów o rozdzielonych rolach. Nie dokładamy czwartego. Od wersji 2.0 nagłówki stron i sekcji składa IBM Plex Sans z ciasnym światłem (−0,03 em); Source Serif 4 została dla dużych liczb — wyniku miesiąca, kwot w kartach, cen — i dla myśli przewodniej w materiałach drukowanych.
−25 626 zł
SOURCE SERIF 4 · duże liczby, wynik miesiąca, ceny, myśl przewodnia w druku · 600 · licencja SIL OFL
Cała Twoja reklama i realny zysk
IBM PLEX SANS · nagłówki (ciasne światło), 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
IBM Plex Sans
36–60 px
1,04
600, −0,03 em
Nagłówek sekcji
IBM Plex Sans
28–42 px
1,12
600, −0,025 em
Duża liczba
Source Serif 4
34–54 px
1,0
600, cyfry tabelaryczne
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
Cała Twoja reklama i realny zysk
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.
