REC.ORDER · brand book 2026

01/ 11Idea

Kropka w O

Nagrywamy (REC) i układamy w całość (ORDER). Kropka z nazwy wchodzi do O i robi z niego przycisk nagrywania.

Trzy kroki

01 · Nazwa REC.ORDER. Kropka rozdziela dwa słowa.
02 · Ruch Kropka rusza do O, litery się dosuwają.
03 · Przycisk Pierścień i kropka. Czyta się RECORDER.

Co znaczy nazwa

REC: Nagrywanie. Czerwony przycisk, który zna każdy, kto trzymał w ręku aparat albo telefon. To od niego zaczyna się każda nasza realizacja.
Kropka: W nazwie rozdziela dwa słowa. W logo wchodzi do litery O i łączy je w jedno. To jedyny kolor w znaku.
ORDER: Zlecenie i porządek. Klient przychodzi z pomysłem, my układamy z niego plan, zdjęcia, montaż i gotowy materiał.

Mówimy i piszemy REC.ORDER. Logo czyta się jednym słowem, RECORDER, bo tym jesteśmy: ekipą, która nagrywa

02/ 11Logo

Przycisk

Wersaliki Archivo ExtraBold 800 w szerokości 125, światło −10/1000. Litera O jest zastąpiona idealnym okręgiem z kropką w środku. Pliki są gotowe: logo się nie przerysowuje, tylko pobiera.

Wersje

Poziome · wersja głównastrona, wideo, oferta, stopka maila

Pionowe · REC nad ◉RDERkoszulki, naklejki, kwadratowe formaty

Sygnetawatary, favicon, znak wodny

Konstrukcja

H: Wysokość wersalików. Jednostka, od której liczy się resztę.
⌀: Średnica pierścienia = wysokość litery O z nadwyżką optyczną, 1,035 H. Pierścień jest idealnym okręgiem.
t: Grubość pierścienia = 0,205 H. Tyle, ile poziome kreski liter E i R.
0,42 t: Prześwit między pierścieniem a kropką. Dzięki niemu kropka „świeci” także w wersji jednobarwnej.
●: Kropka wypełnia resztę środka (⌀ 0,45 H). Jedyny kolor w logo: Czerwień REC.

Pole ochronne i najmniejsze rozmiary

Poziomemin. 72 px szerokości · 18 mm
Pionowemin. 40 px wysokości · 10 mm
Sygnetmin. 16 px · 5 mm

Poniżej tych rozmiarów prześwit wokół kropki się zlewa i O przestaje wyglądać jak przycisk. W favicon 16 px sygnet dostaje własne tło (plik rec-order-favicon.svg).

Kolory logo i tła

Na czerni · papier + czerwieńgłówna

Na papierze · czerń + czerwień

Na zdjęciu · na ciemnym, spokojnym fragmencie

Jednobarwne czarne · pieczątka, grawer, faks

Jednobarwne białe · haft, sitodruk, nadruk na sprzęcie

Jasne zdjęcie · czarne, na gładkim niebie

Czego nie robić

Nie przebarwiaj kropki. Czerwień REC znaczy „nagrywam”; innego koloru nie ma.

Nie dopisuj kropki między REC i ORDER. Kropka już siedzi w O.

Nie rozciągaj i nie ściskaj. Pierścień musi zostać idealnym okręgiem.

Nie obracaj. Logo stoi prosto, jak horyzont w wizjerze.

Nie stawiaj na ruchliwym, jasnym zdjęciu. Szukaj ciemnego, spokojnego miejsca w kadrze.

Nie składaj innym krojem. Litery logo pochodzą z pliku, nie z klawiatury.

03/ 11Nazwa i pisownia

Pisownia

Logo czyta się RECORDER, ale nazwa firmy brzmi i pisze się REC.ORDER: wersalikami, z kropką w środku. W tekście nie ma innych form.

W tekście zawszeREC.ORDER

Recorder
Rec Order
REC ORDER
Rec.Order
rec.order
RECORDER

Zasady

Sytuacja	Tak	Nie
Tekst ciągły, nagłówki, faktury	REC.ORDER nagrywa teledyski i reklamy.	Recorder nagrywa teledyski i reklamy.
Odmiana	w REC.ORDER, dla REC.ORDER, z REC.ORDER nazwa się nie odmienia	w REC.ORDERZE, REC.ORDERu
Logo a tekst	Logo w znaku; w zdaniu REC.ORDER	„Pozdrawiamy, RECORDER” w stopce maila
Kolor kropki w nazwie	REC.ORDER w kolorze tekstu	REC.ORDER z czerwoną kropką w zdaniu
Strona internetowa	recorder.net.pl	www.Recorder.net.pl, recorder.pl
Instagram	@rec.order_	@recorder, @rec_order
Podpis osoby	Mateusz Fiedosiuk · REC.ORDER	Mateusz Fiedosiuk, Rec Order

Kropka w nazwie to zwykła kropka w kolorze tekstu. Czerwona kropka ma dwa miejsca: w logo i na końcu nagłówka. Gdy nazwa kończy zdanie, stawiamy kropkę zdania jak zwykle: „Nagrywa REC.ORDER.”

04/ 11Kolory

Czerń kadru

Czerń jak ekran przed nagraniem, papier jak kartka ze scenariuszem i czerwień, która znaczy „nagrywam”. Czerwieni jest mało, dlatego ją widać.

Czerń kadru

Tło główne strony, wideo i social mediów.

HEX #0E0E0E
RGB 14 14 14
CMYK ≈ 60 50 50 100 (czerń głęboka)

Papier

Litery logo na czerni, jasne sekcje, druk.

HEX #F2F0EA
RGB 242 240 234
CMYK ≈ 0 1 3 5

Czerwień REC

Kropka i momenty „na żywo”. Jako tekst tylko na czerni.

HEX #FF3D2E
RGB 255 61 46
CMYK ≈ 0 76 82 0

Grafit

#161615
RGB 22 22 21
CMYK ≈ 0 0 5 91

powierzchnie, karty

Grafit 2

#1F1F1D
RGB 31 31 29
CMYK ≈ 0 0 6 88

pola, przyciski na czerni

Linia

#2E2D2A
RGB 46 45 42
CMYK ≈ 0 2 9 82

cienkie linie na czerni

Szary

#A9A69E
RGB 169 166 158
CMYK ≈ 0 2 7 34

tekst drugi na czerni (7,9 : 1)

Papier 2

#E6E3DB
RGB 230 227 219
CMYK ≈ 0 1 5 10

karty na papierze

Linia jasna

#D3CFC5
RGB 211 207 197
CMYK ≈ 0 2 7 17

cienkie linie na papierze

Szary ciemny

#5E5B55
RGB 94 91 85
CMYK ≈ 0 3 10 63

tekst drugi na papierze (5,9 : 1)

Czerwień tekstowa

#C42418
RGB 196 36 24
CMYK ≈ 0 82 88 23

czerwony tekst na papierze (5,1 : 1)

Wartości CMYK są przybliżone (papier powlekany). Przed drukiem sprawdzić je na próbniku drukarni. Czerń kadru w druku zawsze jako czerń głęboka, nigdy jako sam kolor K.

Proporcje

Czerń kadru 58 Grafit 12 Papier 25 ≤ 5

Około 70% czerni, 25% papieru, najwyżej 5% czerwieni. Czerwień nigdy nie jest dużą plamą. Jedyny wyjątek to ułamek sekundy przejścia między stronami, kiedy kropka na moment wypełnia ekran (rozdział 10).

Kontrast (WCAG 2.2)

16,9 : 1

Papier na czerni · tekst

AAA

7,9 : 1

Szary na czerni · tekst drugi

AAA

5,5 : 1

Czerwień REC na czerni · wyróżnienia

AA

5,9 : 1

Szary ciemny na papierze

AA

5,1 : 1

Czerwień tekstowa na papierze

AA

3,1 : 1

Czerwień REC na papierze · tylko kropka, nigdy tekst

Nie dla tekstu

05/ 11Typografia

Archivo

Jeden krój z osią szerokości do wszystkiego, co się czyta, i DM Mono do wszystkiego, co się liczy. Oba bezpłatne (SIL OFL), z pełnym zestawem polskich znaków.

Realizacje

Teledyski, reklamy, podcasty i sesje

Jesteśmy trójką pasjonatów video. Naszym celem jest dostarczyć Wam jak najlepszej jakości usługę video i fotograficzną.

TikTok dla biznesu · 5–25 tys. zł / mies.

Archivo 800 · szer. 125 · wersaliki · 0,92 · −12/1000 Archivo 700 · szer. 112 · 0,92–1,15 Archivo 400–500 · szer. 100 · 17–18 px / 1,55 DM Mono 500 · wersaliki · +100/1000

Oś szerokości

Nagrywamy

Szerokość Archivo: 125

100 · tekst ciągły, 112 · śródtytuły i przyciski, 125 · nagłówki i logo. Wąskie szerokości (62–90) zostają do wąskich kolumn i napisów na wideo, nigdy do nagłówków.

Skala

Display · 136 / 0,92
800 · szer. 125 · −12/1000

Kadr

H1 · 84 / 0,92
800 · szer. 125

Oferta

H2 · 27 / 1,15
700 · szer. 112

YouTube dla biznesu

Lead · 21 / 1,5
400 · szer. 100

Realizujemy to, czego w danej chwili potrzebujesz.

Tekst · 17–18 / 1,55
400 · szer. 100

Najczęściej tworzymy teledyski, reklamy i sesje zdjęciowe albo pomagamy firmom rozbudować social media.

Etykieta · 12,5
DM Mono 500 · +100/1000

Podcast · 3–10 tys. zł / odcinek

Polskie znaki

ĄĆĘŁŃÓŚŹŻ
ąćęłńóśźż

ĄĆĘŁŃÓŚŹŻ ąćęłńóśźż 0123456789 „” – · / % zł

Na stronie oba kroje ładują się z Google Fonts. Do druku i programów biurowych wystarczy zainstalować te same pliki (linki w rozdziale 11). Zastępczo: Arial Black dla nagłówków i Courier New dla etykiet, tylko w dokumentach wewnętrznych.

06/ 11Kropka

Kropka

Czerwona kropka z logo pracuje w całym systemie: kończy nagłówki, wskazuje, co jest aktywne, świeci, gdy coś dzieje się na żywo. Pierścień wokół niej pokazuje postęp.

Realizacje

Kropka nagłówka · 0,2 em, odstęp 0,06 em, na linii pisma

Konsultacje
Strategia
Scenariusze
Realizacja nagrań
Montaż

Punktor · 7 px, zawsze okrągły

Na żywo · Relacja z eventu

Na żywo · kropka pulsuje 1,6 s, tylko gdy coś trwa

Etap 3 z 5Realizacja nagrań

Pierścień jako postęp · etapy zlecenia, przewijanie, ładowanie

Pobierz logo Zobacz ruch

Przycisk „nagraj” · najedź: pierścień się domyka

Aktywny element · kropka nad wybranym trybem i w menu

Zasady

Jedna czerwień w kadrze.
Na jednym ekranie czerwona jest jedna rzecz, na którą ma paść wzrok. Kropki nagłówków i punktorów są małe i ciche.
Kropka nie rośnie ponad tekst.
Nigdy nie jest większa niż tekst, który zamyka. Wyjątki: logo i start strony, gdzie kropka staje się kadrem.
Zawsze pełna i okrągła.
Bez obrysów, gradientów, cieni i poświaty. Kwadrat albo romb to już nie jest nasza kropka.
Nie jest tłem.
Czerwień nie wypełnia dużych pól. Plama koloru pojawia się tylko na ułamek sekundy w przejściu między stronami.

07/ 11Kadr i fotografia

Kadr

Najlepszym materiałem marki są zdjęcia REC.ORDER: miasto nocą w czerni i bieli, twarde kolorowe światło, nasycone czerwone packshoty i światło koncertowej sceny.

Nocny przystanek w czerni i bieli: postać w jasnym stroju na ławce pod lampami — Miasto nocą · czerń i biel

Portret w twardym czerwonym świetle z okrągłą plamą światła za głową — Twarde, kolorowe światło

Packshot pasty do zębów biała perła na nasyconym czerwonym tle — Packshot na czerwieni

Raper na scenie w białych promieniach reflektorów — Światło sceny

Portret przy niebieskim neonowym okręgu — Okrąg w kadrze

Portret w czerwonym świetle z neonowym łukiem nad głową — Jedno źródło koloru

Czerwone BMW nocą z zapalonymi reflektorami — Samochód nocą

Czarno-biały kadr: postać i jej ostry cień na szarej ścianie — Cień jako rysunek

Tak

Noc, ciemne tło, jedno mocne źródło światła.
Czerń i biel z twardym kontrastem.
Kolor z jednego miejsca: neon, reflektor, czerwone tło.
Prawdziwe realizacje, ludzie z planu, kulisy.

Nie

Zdjęcia z banków obrazów i sztuczne uśmiechy.
Przesadny HDR, winiety i filtry „pod film”.
Doklejone ziarno, rysy i ramki taśmy filmowej.
Pastelowe, płaskie światło bez cienia.

Formaty i znak wodny

Kadr 16:9 z showreelu: postać w czarno-białym korytarzu z łukami — **16:9** YouTube, strona, telewizor

Kadr 9:16: raper z mikrofonem w smudze światła — **9:16** TikTok, Reels, Shorts

Kadr 1:1: wokalista w niebieskim świetle sceny — **1:1** okładki, miniatury

Kadr 4:5: portret w pasach światła i cienia — **4:5** post na Instagramie

HAMES — DYNAMITRealizacja: REC.ORDERrecorder.net.pl · @rec.order_

Plansza końcowa teledysku, 16:9.

Znak wodny
Sygnet w prawym dolnym rogu. Wysokość 6% wysokości kadru, margines 4% wysokości kadru od dołu i od prawej. Wersja „na ciemne”; na jasnym obrazie „na jasne”.
Miniatury YouTube
Sygnet idzie w lewy górny róg, bo prawy dolny zajmuje czas trwania filmu.
Plansza końcowa
Logo poziome na środku czerni, szerokość 36% kadru. Pod nim trzy linie DM Mono w szarym: tytuł, realizacja, kontakt. Trwa 3–4 sekundy, logo wchodzi animacją startową.

08/ 11Ton głosu

Mówimy krótko

Piszemy tak, jak mówimy na planie: bezpośrednio, z energią i w liczbie mnogiej, bo REC.ORDER to trzech wspólników. Krótkie zdania, konkretne czasowniki, polski bez korpomowy.

My
Mateusz, Jakub i Michał. Piszemy „nagramy”, „zmontujemy”, „dowieziemy”, nigdy „firma oferuje”.
Na ty
Do klienta bezpośrednio, małą literą w tekstach ogólnych: „masz pomysł?”, „powiedz nam”.
Krótko
Jedna myśl w zdaniu. Czasownik na początku. Wykrzyknik najwyżej jeden na stronę.
Konkret
Co nagramy, w ile, za ile. Ceny w DM Mono: „5–25 tys. zł / mies.”, nie „5k-25k”.

Przed i po, na tekstach z obecnej strony

Masz swój pomysł? Przedstaw go nam, a my na pewno znajdziemy idealne dla Ciebie rozwiązanie!
Masz pomysł? Opowiedz nam o nim. Znajdziemy sposób, żeby go nagrać.
W REC.ORDER najważniejsze dla nas zawsze było, by klient nigdy nie czekał długo na efekt naszej pracy. Szybki czas realizacji, to nasze drugie motto.
Nie każemy czekać. Szybki czas realizacji to nasze drugie motto.
Jak wielu uważa „każdy może stworzyć ładny obrazek”. REC.ORDER to przede wszystkim gwarancja jakości.
Ładny obrazek zrobi każdy. My pilnujemy, żeby stał za nim pomysł i wynik.
Niezależnie czy potrzebujesz reklamy produktu, video rekomendacji od klienta, teledysku, filmu na Twój kanał YouTube/TikTok czy innych form Video Marketingu. Jesteśmy dla Ciebie!
Reklama produktu, teledysk, rolka na TikToka, odcinek na YouTube. Nagramy to.

Nasze słowa

nagrywamy
kadr
plan zdjęciowy
montaż
realizacja
wynik
dowieziemy

Nie używamy

kompleksowe rozwiązania
najwyższa jakość (bez dowodu)
Video Marketing wersalikami
!!!
emoji w ofercie
„firma oferuje”

09/ 11Zastosowania

W użyciu

System na kanałach, na których REC.ORDER pokazuje pracę, i na rzeczach, które jeżdżą z ekipą na plan. Układy są przykładami do dopracowania, nie gotowymi plikami do druku.

**Kanał YouTube** · awatar z sygnetem, baner 16:9 z logo w strefie bezpiecznej

**Instagram @rec.order_** · pierścień awatara, wyróżnione relacje jako kółka

Kadr pionowy z sesji w studiu: worek treningowy i softbox — **Rolka 9:16** · znak wodny 6% wysokości, margines 4%

**Miniatura YouTube** · sygnet w lewym górnym rogu

HAMES — DYNAMITRealizacja: REC.ORDERrecorder.net.pl · @rec.order_

Plansza końcowa teledysku · 3–4 s na czerni

Mateusz FiedosiukHead of Sales / Co-founder

mateusz@recorder.net.plrecorder.net.pl@rec.order_

Wizytówka 85 × 55 mm · przód na czerni, tył na papierze

Naklejka na sprzęt · sygnet na papierze, ⌀ 30 mm

Koszulka ekipy · przód: sygnet; plecy: logo pionowe i CREW

REC.ORDER · produkcja video i foto

recorder.net.pl

Favicon i karta przeglądarki · 16, 32, 48 px i ikona na ekran telefonu

Oferta · 2026

Pakiet miesięczny

TikTok dla biznesu

5–25 tys. zł / mies.

Konsultacje
Strategia
Scenariusze
Logistyka
Realizacja nagrań
Montaż

recorder.net.pl · mateusz@recorder.net.pl

Nagłówek oferty PDF · A4, papier, ceny w DM Mono

10/ 11Ruch

Przycisk
w ruchu

Język ruchu nazywa się „Przycisk”. Strona zachowuje się jak interfejs nagrywania w aparacie, a nie jak efekt filmowy: kropka włącza, pierścień odlicza postęp, tryby przełącza się jak w telefonie.

aStart logo

Litery się dosuwają, pierścień domyka się jak pasek postępu, kropka zapala się z lekkim odbiciem. Razem 1,4 s.

bKropka → kadr
Kropka rośnie w kadr 16:9 (clip-path inset z zaokrągleniem). Tak otwiera się showreel na starcie i odtwarzacz wideo. Przy zmianie strony kropka wychodzi z O w nagłówku, wypełnia ekran nazwą strony i wraca do O na nowej stronie.

cKropka pisze nagłówek

Kropka przejeżdża od lewej do prawej, odsłania tytuł i zostaje na końcu jako jego kropka.

Zdjęcie z kategorii Studyjne — dTryby
Pokrętło trybów jak w aparacie: słowa w poziomie, aktywne na środku z kropką nad nim. Zmiana trybu to krótkie mrugnięcie kadru. Kliknij albo użyj strzałek.

eRelacje
Kategorie zdjęć jako kółka relacji. Podgląd z paskami postępu, 4,8 s na zdjęcie. Przytrzymaj kadr, żeby zatrzymać; obejrzane kółko gaśnie.

Najedź na mnie

Pływający przycisk: pierścień to postęp strony.
Ta księga: 0%

fPierścień przycisku

Najechanie domyka pierścień w przyciskach CTA. Pływający przycisk kontaktu pokazuje pierścieniem, ile strony zostało.

Czasy i krzywe

Ruch	Element	Czas	Krzywa
a · Start logo	REC i RDER dosuwają się o 6%	1,1 s	expo.out
	pierścień domyka się (stroke-dashoffset), od 0,15 s	0,9 s	power3.inOut
	kropka zapala się, od 0,85 s	0,55 s	back.out(2.2)
b · Kropka → kadr	przejście: kropka z O wypełnia ekran	0,72 s	expo.inOut
	nazwa strony wjeżdża, kropka nagłówka	0,4 s + 0,35 s	power3.out, back.out(3)
	powrót do O na nowej stronie, odbicie kropki	0,85 s + 0,7 s	expo.inOut, elastic.out(1, 0.45)
	odtwarzacz: otwarcie / zamknięcie	0,7 s / 0,6 s	expo.inOut
c · Kropka pisze	odsłonięcie tytułu i przejazd kropki, potem puls ×1,45	0,95 s + 2 × 0,14 s	power3.inOut
d · Tryby	mrugnięcie kadru po 0,07 s	0,32 s	power2.out
e · Relacje	jedno zdjęcie / wejście podglądu	4,8 s / 0,55 s	liniowo / expo.out
f · Pierścień	domknięcie pierścienia / kropka ×1,18	0,6 s / 0,45 s	cubic-bezier(.65,0,.35,1) / (.16,1,.3,1)
Wejścia sekcji	treść wjeżdża o 24 px, kolejne elementy co 0,07 s	0,9 s	power3.out

Nazwy krzywych pochodzą z GSAP, którego używa strona. Odpowiedniki w CSS: expo.out ≈ cubic-bezier(.16, 1, .3, 1), expo.inOut ≈ cubic-bezier(.87, 0, .13, 1), power3.inOut ≈ cubic-bezier(.76, 0, .24, 1). Przy ustawieniu „ogranicz ruch” wszystko pokazuje się od razu, bez animacji.

Czego nie używamy: odliczania z taśmy filmowej, timecode’u i ramek wizjera, klapsa, sztucznego ziarna i migotania taśmy.

11/ 11Pliki

Pliki

Wektory SVG do druku i na stronę, PNG do dokumentów i social mediów. „Na ciemne” i „na jasne” mają czerwoną kropkę; „czarne” i „białe” są jednobarwne.