Brand Book — Kancelaria Czerkawski

Brand Book · wersja 1.0 · 2026

System identyfikacji wizualnej

Wytyczne dotyczące używania tożsamości wizualnej Kancelarii Radcy Prawnego Błażej Czerkawski. Niniejszy dokument dotyczy wszystkich materiałów marketingowych, komunikacji i pism wychodzących.

Filozofia marki

Powaga, zaufanie, dostępność

Tożsamość wizualna Kancelarii opiera się na trzech wartościach: powadze zawodu (stonowane barwy, klasyczna typografia), zaufaniu (spójność, czystość, dbałość o detal) oraz dostępności (czytelność, kontrast WCAG, brak żargonu marketingowego). Unikamy agresywnej estetyki, krzykliwych kolorów i elementów pasujących do branż lifestyle.

01 · Logo

Logo Kancelarii

Trzy warianty logo dla różnych zastosowań. Zawsze używaj plików SVG lub PNG wysokiej rozdzielczości — nigdy nie wektoruj ani nie rekonstruuj logo samodzielnie.

Logo pełne

Logo pełne

Monogram + nazwa — podstawowa wersja na materiały drukowane, stronę internetową i papier firmowy.

logo.svg · 420 × 120 px (skalowalne)

Pobierz SVG →
Monogram

Sam monogram (BC)

Dla małych powierzchni: awatary, pieczęcie, favicony, social media profile.

logo-mark.svg · 90 × 90 px (skalowalne)

Pobierz SVG →
Ikona aplikacji

Favicon / app icon

Ciemna zielona podstawka z odwróconym monogramem — do favicon, PWA, aplikacji mobilnej.

favicon.svg · 64 × 64 px

Pobierz SVG →

Zasady używania logo

  • Przestrzeń ochronna: dookoła logo zostaw wolną przestrzeń równą co najmniej wysokości litery „B” w monogramie.
  • Minimalna wielkość: logo pełne — min 180 px szerokości w wersji cyfrowej, 40 mm w druku. Sam monogram — min 32 px / 10 mm.
  • Kolory: używaj wyłącznie oficjalnej palety (zieleń butelkowa + mosiądz). Nie stosuj innych kolorów nawet dla kontekstu.
  • Zabronione: modyfikacje logo (rozciąganie, obracanie, zmiana proporcji, dodawanie efektów), osadzanie na niejednolitym lub wzorzystym tle, ingerencja w typografię.

02 · Paleta

Paleta kolorów

Każdy kolor w paletce został dobrany pod kątem kontrastu WCAG 2.1 AA i spójności z branżą prawniczą.

Primary · Zieleń butelkowa #1a3a2e RGB: 26, 58, 46 Tło hero, CTA, stopka, nagłówki, akcenty
Primary 2 · Zieleń średnia #2d5a3d RGB: 45, 90, 61 Linki, hover states, warianty głębszego zielonego
Primary Dark · Głęboka zieleń #0f2a1f RGB: 15, 42, 31 Stopka, gradient hero, cienie
Accent · Mosiądz #b86f3c RGB: 184, 111, 60 Przyciski CTA, akcentowe linie, podkreślenia
Accent Light · Jasny mosiądz #d4864a RGB: 212, 134, 74 Telefon CTA na ciemnym tle, eyebrow, highlighty
Background · Off-white #fafaf5 RGB: 250, 250, 245 Główne tło strony, karty
Background 2 · Kość słoniowa #f0ede4 RGB: 240, 237, 228 Sekcje alternatywne, cytaty, karty kontaktu
Text · Almost black #1a1a1a RGB: 26, 26, 26 Podstawowy tekst na jasnym tle

03 · Typografia

System typograficzny

Dwie rodziny krojów: szeryfowy klasyczny dla nagłówków (powaga, tradycja prawna) i czysty sans-serif dla treści (czytelność ekranowa).

Nagłówki

Cormorant Garamond

Szeryfowy krój klasyczny, dostępny w Google Fonts. Fallback: Georgia, „Times New Roman”, serif.

font-family: "Cormorant Garamond", Georgia, serif;
Wagi: 500, 600, 700

H1 — 3.25rem
H2 — 2.5rem
H3 — 1.625rem
H4 — 1.3125rem

Treść

Inter

Czytelny, nowoczesny sans-serif. Dostępny w Google Fonts. Fallback: -apple-system, Segoe UI, Roboto, sans-serif.

font-family: "Inter", -apple-system, sans-serif;
Wagi: 400, 500, 600, 700

Lead — 1.125rem / 1.65
Body — 1rem / 1.65
Small — 0.9375rem / 1.55
Eyebrow — 0.8125rem, uppercase

Zasady typograficzne

  • Measure: dla treści dążymy do 60–75 znaków w linii (~45em). Na szerszych ekranach kontener treści ograniczamy do max 860px.
  • Line-height: 1.65 dla treści akapitowej, 1.1–1.25 dla nagłówków.
  • Letter-spacing: -0.02em dla H1 (gęściejszy zbiór), +0.22em dla eyebrow (rozstrzelone wersaliki).
  • Minimum font-size: 16px (1rem) dla treści — dostępność WCAG.

04 · Komponenty UI

Biblioteka komponentów

Powtarzalne elementy interfejsu z pełną definicją stylu. Używaj tych klas CSS do spójności między podstronami.

Przyciski

Przycisk główny Przycisk ghost

Karty obszaru praktyki

Używane na stronie głównej i w listingach. Posiadają ikonę SVG, nagłówek, opis i link „Dowiedz się więcej”.

Nazwa obszaru

Krótki opis — 2-3 zdania maksymalnie.

Dowiedz się więcej →

Highlight box (informacja wyróżniona)

Ważne

Używaj do kluczowych informacji — terminy przedawnienia, ostrzeżenia, kluczowe fakty prawne.

05 · Ton i styl

Jak piszemy

✓ Robimy tak

  • Używamy formy grzecznościowej Państwo.
  • Piszemy rzeczowo i konkretnie — „reprezentujemy Państwa w sporach o zapłatę” zamiast „zajmujemy się szeroko pojętymi sprawami gospodarczymi”.
  • Tłumaczymy terminologię prawną (np. „zachowek — część spadku, której może dochodzić zstępny”).
  • Podkreślamy dyskrecję i tajemnicę zawodową jako fundamenty współpracy.
  • Informujemy o możliwych scenariuszach — również tych niekorzystnych.

✗ Nie robimy tak

  • Nie obiecujemy konkretnego wyniku („wygramy”, „odzyskamy 100%”) — to naruszenie etyki radcy prawnego.
  • Nie używamy niesprawdzonych superlatywów („najlepszy radca w regionie”).
  • Nie porównujemy się z konkretnymi kancelariami konkurencyjnymi.
  • Nie cytujemy klientów z identyfikującymi danymi (tajemnica zawodowa).
  • Nie używamy żargonu marketingowego ani potocznego („super”, „ekspres”, „hit”).

06 · Aplikacje

Gdzie obowiązuje ten system

Strona WWW

Podstawowe zastosowanie — czerkawski.eu. Wszystkie komponenty zdefiniowane w child theme lawpress-lite-child.

E-mail marketing

Wyłącznie z adresu sekretariat@czerkawski.eu. Stopka mailowa z logo, tel, NIP, nr OIRP.

Papier firmowy

A4, marginesy 25 mm, logo w lewym górnym rogu (40 mm), dane kancelarii w stopce fontem Inter 9pt.

Wizytówki

Format 85×55 mm. Awers: monogram + imię i tytuł. Rewers: dane kontaktowe.

Pytania o brand book?

Potrzebujesz materiałów do publikacji?

W razie pytań o użycie logo, przekazanie materiałów marketingowych lub współpracę medialną — skontaktuj się z sekretariatem.

sekretariat@czerkawski.eu