Wróć na stronę
Online Brandbook

DIGIKROM

e-commerce and website architect
Sebastian Kromolicki

O marce

DIGIKROM to autorska pracownia technologiczno-programistyczna, za którą stoi Sebastian Kromolicki. Specjalizujemy się w zaawansowanych wdrożeniach e-commerce, tworzeniu dedykowanych systemów i rozszerzeń. Nasza główna obietnica to dostarczanie stabilnych, innowacyjnych i skrojonych na miarę rozwiązań cyfrowych, które automatyzują procesy i realnie wspierają rozwój biznesu naszych klientów.

Historia

Marka wyrosła z pasji do programowania, optymalizacji procesów biznesowych i głębokiego zrozumienia środowiska e-commerce. Przez lata działalności zrealizowaliśmy dziesiątki wymagających projektów. W naszym portfolio znajduje się między innymi ponad 120 dedykowanych widgetów, złożone systemy zamówień oraz zaawansowane systemy raportowania DIGIKROM. To bogate zaplecze technologiczne pozwala nam dziś podejmować się najtrudniejszych wyzwań programistycznych.

Misja i charakter

Naszą misją jest bezkompromisowa cyfrowa transformacja biznesów poprzez dostarczanie niezawodnych i przemyślanych narzędzi IT. DIGIKROM komunikuje się językiem konkretu i technicznej precyzji. Nasze najważniejsze wartości to rzetelność, innowacyjność oraz nieszablonowe podejście do rozwiązywania problemów. Jesteśmy architektami solidnych fundamentów w sieci.

Logo

System znaku

DIGIKROM Logo podstawowe

Podstawowym znakiem marki jest logotyp "DIGIKROM", charakteryzujący się eleganckim, szeryfowym krojem z charakterystycznymi, wyróżnionymi na czerwono literami "I". Wersję podstawową (czarno-czerwoną) należy stosować na jasnych, jednolitych tłach. Dla ciemnego tla przewidziana jest wersja w kontrze (w pełni biała), gwarantująca odpowiedni kontrast i czytelność.

Logo "Stalowe" Logo "Stalowe"

Przestrzenny wariant Premium z teksturą szczotkowanej stali. Podkreśla solidny, technologiczny i elegancki charakter marki. Wymaga przemyślanego użycia – należy stosować go wyłącznie na jednolitych, ciemnych tłach, które uwydatnią refleksy świetlne i nadadzą głębi. Unikać stosowania na skomplikowanych fotografiach oraz w małych rozmiarach.

Otwórz plik
Logo białe Logo białe

Podstawowy wariant logotypu w kontrze. Przeznaczony do umieszczania na ciemnych tłach o jednolitym kolorze (np. na sygnaturowej czerni) lub na odpowiednio przyciemnionych zdjęciach. Zapewnia doskonały kontrast, zachowując czystość formy. Jest to kluczowa i najbardziej czytelna wersja do wykorzystania w projektach Dark Mode.

Otwórz plik
Logo czarne Logo czarne

Monochromatyczna, czarna wersja znaku. Idealna do miejsc, gdzie wariant czarno-czerwony nie sprawdzi się technologicznie (np. druk jednokolorowy) lub estetycznie. Rekomendowana do stosowania na jasnych, pastelowych lub całkowicie białych tłach. Świetnie sprawdza się również jako dyskretny znak wodny na stonowanych fotografiach.

Otwórz plik
Sygnet

Sygnet marki

DIGIKROM — sygnet Sygnet podstawowy

Rola sygnetu

Sygnet DIGIKROM to elegancki, zintegrowany monogram, który w przemyślany sposób łączy inicjały „D” i „K”. Swoją formą bezpośrednio nawiązuje do szeryfowej typografii głównego logotypu. Ostre, precyzyjne cięcia i dynamiczne krzywe symbolizują technologiczną dokładność, bezkompromisowość w tworzeniu kodu oraz dbałość o najmniejszy detal. Znak komunikuje profesjonalizm i wysoką jakość dostarczanych rozwiązań e-commerce.

Zastosowanie

Favicon w oknach przeglądarek internetowych.
Zdjęcia profilowe (avatary) w mediach społecznościowych i komunikatorach.
Mikroelementy interfejsu użytkownika (UI) w aplikacjach i na stronach.
Subtelny znak wodny na wybranych materiałach graficznych i projektach.

Pole ochronne sygnetu

Pole ochronne sygnetu wyznacza minimalną, nienaruszalną przestrzeń wokół znaku, gwarantującą jego czytelność. Dla monogramu DIGIKROM zaleca się zachowanie marginesu równego szerokości pionowego, lewego rdzenia litery „D”. W tym obszarze nie mogą znajdować się żadne inne teksty, grafiki ani krawędzie obszaru roboczego.

Minimalny rozmiar sygnetu

Ponieważ sygnet jest zoptymalizowany pod kątem mikroprezentacji, jego minimalny rozmiar w przestrzeni cyfrowej wynosi 16 x 16 px (wymiar standardowej ikony favicon). W przypadku materiałów drukowanych minimalna zalecana wielkość to 5 x 5 mm, co zapobiega zlewaniu się precyzyjnych nacięć i ostrych krzywych monogramu.

Wariant - Czerń Wariant - Czerń

Podstawowy, płaski wariant sygnetu przeznaczony do stosowania na jasnych, jednolitych przestrzeniach. Zapewnia maksymalny kontrast, budując elegancki i minimalistyczny wizerunek. Doskonale sprawdza się w oficjalnych dokumentach, codziennej komunikacji biznesowej oraz we wszystkich jasnych motywach interfejsów graficznych (tryb Light Mode).

Otwórz plik
Wariant - Czerwona Stal (3D) Wariant - Czerwona Stal (3D)

Odważny, trójwymiarowy wariant z teksturą szczotkowanego metalu w sygnaturowym odcieniu czerwieni. Zarezerwowany dla projektów o dynamicznym charakterze i materiałów promocyjnych. Wymaga ekspozycji na ciemnych tłach, które pozwolą odpowiednio wydobyć naturalne refleksy świetlne oraz głębię użytego w projekcie materiału.

Otwórz plik
Wariant - Stal (3D) Wariant - Stal (3D)

Chłodny, techniczny wariant monogramu ze strukturą szczotkowanej stali i widoczną głębią. Podkreśla inżynieryjny i solidny rodowód marki. Jest to prestiżowe uzupełnienie identyfikacji, dedykowane do ekskluzywnych projektów. Surowość metalu idealnie współgra z nowoczesnym, mrocznym interfejsem lub gładkim tłem.

Otwórz plik
Zasady

Ochrona i użycie znaku

Pole ochronne

Przestrzeń ochronna (safe zone) wokół logotypu wyznaczana jest przez wysokość małej litery „o” ze znaku podstawowego. Obszar ten wyznacza bezwzględną, minimalną odległość od innych obiektów graficznych, tekstów oraz krawędzi ekranu lub arkusza. Gwarantuje to odpowiedni oddech i pełną czytelność znaku.

Minimalny rozmiar

Aby zachować doskonałą czytelność i ostrość precyzyjnych detali typograficznych, minimalna szerokość logotypu w mediach cyfrowych wynosi 120 px. Przy realizacjach do druku minimalna szerokość to 35 mm. Skalowanie poniżej tych wartości powoduje zacieranie się sygnaturowych, czerwonych elementów.

Czego nie robić

Logotypu nie wolno rozciągać, spłaszczać ani w żaden sposób zniekształcać jego oryginalnych proporcji. Zabroniona jest zmiana sygnaturowej czerwieni oraz dodawanie cieni do wersji podstawowych. Znaku nie należy również umieszczać na pstrokatych, nieczytelnych tłach bez uprzedniego zastosowania chroniącej go apli.

Przykłady

Dobre i złe użycie

ŹLE
Skomplikowane tło i niedozwolone efekty (Glow)

Skomplikowane tło i niedozwolone efekty (Glow)

Kategoryczny błąd w użyciu podstawowej (czarno-czerwonej) wersji logotypu. Znak został umieszczony na zbyt agresywnym, ciemnym i mocno zdetalizowanym tle. Czerwone akcenty w literach "I" całkowicie zlewają się z ognistym otoczeniem, a czarne litery tracą widoczność. Aby sztucznie odciąć logo od tła, zastosowano niedozwolony efekt białego blasku (outer glow), który niszczy elegancką formę typografii. W takich przypadkach wymagane jest użycie jednolitej, białej wersji logo w kontrze oraz zastosowanie odpowiedniej apli wygładzającej przestrzeń pod znakiem.

DOBRZE
Wersja w kontrze (czysta biel) na ciemnym zdjęciu

Wersja w kontrze (czysta biel) na ciemnym zdjęciu

Prawidłowe rozwiązanie problemu skomplikowanego, ciemnego tła, pokazanego w poprzednim błędnym przykładzie. Zamiast modyfikowania podstawowego znaku i dodawania sztucznych poświat, zastosowano jednolitą, białą wersję logotypu. Dzięki naturalnemu, wysokiemu kontrastowi znak zdecydowanie odcina się od tła, zachowując perfekcyjną ostrość, elegancję szeryfowego kroju oraz pełną czytelność. To optymalny i rekomendowany sposób prezentacji marki na bogatych w detale, mrocznych grafikach.

ŹLE
Brak odpowiedniego kontrastu (białe logo na jasnym tle)

Brak odpowiedniego kontrastu (białe logo na jasnym tle)

Kardynalny błąd polegający na zastosowaniu jasnego wariantu logo (w kontrze) na bardzo jasnym, niemal białym tle panelu. Brak odpowiedniego kontrastu sprawia, że znak staje się praktycznie nieczytelny, rozmywa się i traci swój profesjonalny, ostry charakter. W przypadku jasnych teł lub apli (jak ten jasnoszary panel UI) należy bezwzględnie stosować czarną, monochromatyczną wersję logotypu lub wersję podstawową (czarno-czerwoną), co pokazuje prawidłowy przykład z tej samej serii.

DOBRZE
Zastosowanie apli i wysoki kontrast na zdjęciu

Zastosowanie apli i wysoki kontrast na zdjęciu

Prawidłowe użycie monochromatycznej (czarnej) wersji logo na niejednolitym, skomplikowanym tle. Pełna czytelność znaku została osiągnięta dzięki zastosowaniu uspokajającego tła pod postacią panelu frosted glass (apli). Dodatkowo rygorystycznie zachowano pole ochronne (marginesy) wokół logotypu, co nadaje całości ekskluzywny, "oddychający" i w pełni profesjonalny charakter zgodny z pozycjonowaniem marki.

Kolory

Paleta marki

Kolor główny

HEX
#000000
RGB
0, 0, 0
CMYK
30, 30, 30, 100

Kolor główny (Czerń): Reprezentuje elegancję, profesjonalizm i solidne technologiczne fundamenty.

Kolor dodatkowy

HEX
#ff3333
RGB
255, 51, 51
CMYK
0, 80, 80, 0

Kolor dodatkowy (Czerwień): Akcent wizualny (widoczny w literach "I"). Symbolizuje dynamikę, energię w działaniu i precyzję.

Typografia — nagłówki

Głównym krojem pisma dla nagłówków jest nowoczesny font bezszeryfowy Saira. Ze względu na swój geometryczny i techniczny charakter, znakomicie oddaje inżynieryjny profil marki DIGIKROM. W nagłówkach stosujemy mocniejsze grubości (np. Bold lub Semi-Bold), aby odpowiednio zorganizować architekturę informacji na stronie, przyciągnąć wzrok i nadać kluczowym komunikatom zdecydowany, profesjonalny ton.

Typografia — tekst

Dla dłuższych bloków tekstu, opisów funkcjonalności i artykułów konsekwentnie wykorzystujemy lżejsze odmiany fontu Saira (np. Regular lub Medium). Oparcie całej identyfikacji wizualnej na jednej, rozbudowanej rodzinie krojów pisma gwarantuje pełną harmonię projektów. Saira w tekstach akapitowych zapewnia wysoką czytelność na każdym ekranie, nie tracąc przy tym swojego technologicznego charakteru. Dbamy o odpowiednio dużą interlinię (światło między wierszami), by ułatwić użytkownikom przyswajanie złożonych opisów systemów i rozwiązań e-commerce.

Komunikacja

Ton komunikacji marki

Jak mówimy

Komunikujemy się z chirurgiczną precyzją i bezkompromisową szczerością. Jesteśmy inżynierami i architektami, a nie gładkimi sprzedawcami. Nasz język jest twardy, wysoce techniczny, bezpośredni i idealnie odzwierciedla mroczny, cyberpunkowy klimat marki. Szanujemy inteligencję klienta, dlatego od razu przechodzimy do konkretów, architektury i optymalizacji. Wiemy, że za wybitnymi, autorskimi systemami stoją pot, frustracja i czasem mocne słowa rzucone w monitor, dlatego nie lukrujemy rzeczywistości. Cenimy autentyczność i wydajność bez żadnych kompromisów.

Jak nie mówimy

Kategorycznie brzydzimy się korporacyjnym "bullshitem", miękkim językiem marketingowym i owijaniem w bawełnę. Nie wciskamy gotowych, napuchniętych od zbędnego kodu szablonów, więc nie używamy pustych frazesów, które by to sugerowały. Nie udajemy, że budowa potężnego środowiska e-commerce to łatwa zabawa w układanie klocków. Unikamy obietnic bez pokrycia, sztucznego entuzjazmu i "lania wody". Nasz przekaz nigdy nie jest ugrzeczniony na siłę – odrzucamy kompromisy, które mogłyby osłabić techniczny autorytet.

Przykładowe hasła i CTA

Hasła: "Tworzymy to, czego nie ma.", "Precyzja chirurgiczna. Zaglądamy tam, gdzie inni się boją.", "Twoje cyfrowe imperium.", "Wydajność bez kompromisów."

Zdania marki: "Bez nadmiaru, bez przypadkowych wtyczek, bez ograniczeń cudzych ekosystemów.", "Naprawiamy kod u źródła, eliminując błędy, których inni nie potrafili znaleźć."

Przyciski Akcji (CTA): "Rozpocznij projekt", "Zbrojownia" (zamiast standardowego "O nas" / "Narzędzia"), "Uruchom środowisko testowe", "Otwórz moduł aktywny", "Wejdź do systemu".

Digital

Styl graficzny i użycie cyfrowe

Styl graficzny

Styl wizualny to mroczny, techniczny i bezkompromisowy "cyberpunk premium". Bazujemy na głębokiej czerni (Dark Mode) przełamywanej agresywnymi, czerwonymi akcentami (np. neonowe poświaty), które budują przestrzenną głębię. Wykorzystujemy tekstury szczotkowanej stali, fotorealistyczne renderowanie układów scalonych, maszyn oraz surowego kodu. Aby zachować perfekcyjną czytelność interfejsu na tych wysoce złożonych tłach, stosujemy ciemne panele z efektem frosted glass (szkło mrożone) oraz ostre, techniczne ramki.

Ikony i elementy

Ikony oraz detale interfejsu mają charakter czysto inżynieryjny i surowo geometryczny. Stosujemy ostre kąty i celowo unikamy dużych zaokrągleń, co doskonale koresponduje z technicznym krojem Saira i ostrymi cięciami sygnetu. Opieramy się na precyzyjnych elementach liniowych. W stanach aktywnych (np. hover) ikony i przyciski zyskują czerwoną barwę sygnaturową, wspartą technologicznym blaskiem (glow). Odrzucamy miękkie formy na rzecz interfejsów przypominających zaawansowane HUD-y i terminale.

Social media

Ikony oraz detale interfejsu mają charakter czysto inżynieryjny i surowo geometryczny. Stosujemy ostre kąty i celowo unikamy dużych zaokrągleń, co doskonale koresponduje z technicznym krojem Saira i ostrymi cięciami sygnetu. Opieramy się na precyzyjnych elementach liniowych. W stanach aktywnych (np. hover) ikony i przyciski zyskują czerwoną barwę sygnaturową, wspartą technologicznym blaskiem (glow). Odrzucamy miękkie formy na rzecz interfejsów przypominających zaawansowane HUD-y i terminale.

Essentials

Szybkie dane marki

Stronahttp://digikrom.pl
Kontakt[email protected]
Opiekun markiSebastian Kromolicki
Kolor podstawowy#000000
Font bazowyInter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif

Środowisko: Zawsze Dark Mode, techniczny minimalizm, "cyberpunk premium". 100% własnej infrastruktury, brak klasycznych profili w social mediach.
Paliwo systemowe (Muzyka): Zaawansowany kod nie powstaje w ciszy. Odpowiedni BPM – od ciężkiej elektroniki po potężne brzmienia symfoniczne – to integralna część ekosystemu DIGIKROM. Muzyka stanowi absolutną izolację od zewnętrznego szumu i napędza analityczne skupienie. To z tej synergii dźwięku i kodu rodzą się autorskie systemy, takie jak Syncro Player czy platforma wizualna DigiTube.