A. Elementy edytora WordPres

1. Typografia.

Nagłówek stopnia pierwszego — H1

Nagłówek stopnia drugiego — H2

Nagłówek stopnia trzeciego — H3

Nagłówek stopnia czwartego — H4

Eyebrow nad nagłówkiem (rozmiar L)

Paragraf powiększony (rozmiar M) — większy, ważniejszy. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Zwykły paragraf. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Paragraf powiększony (rozmiar S). Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Wyrównanie do lewej – domyślne. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Wycentrowanie. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Wyrównanie do prawej. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Tekst pogrubiony. Tekst kursywą. Tekst z linkiem. Tekst kolorowy.

Lista nieuporządkowana

  • Pierwszy punkt listy. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  • Drugi punkt listy. Ut enim ad minim veniam, quis nostrud exercitation.
  • Trzeci punkt listy. Duis aute irure dolor in reprehenderit.

Lista uporządkowana

  1. Pierwszy krok — uzupełnij wniosek online.
  2. Drugi krok — wgraj dokumenty (lub przynieś do oddziału).
  3. Trzeci krok — rozmowa z doradcą.
  4. Czwarty krok — decyzja w 5-10 dni roboczych.
Button primary
Button primary
Link arrow
Button primary
Button primary
Link arrow
Button primary
Button primary
Link arrow

2. Kolorystyka.

White – #FFFFFF

Silver – #FAFAFA

Pea – #A4D237

Light green – #A4D237

Green brand – #027930

Darkgreen – #12332A

Darkgreen deep – #0A2620

Gradient

3. Zdjęcia

4. Kolumny.

Nagłowek

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Nagłowek

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Nagłowek

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Nagłowek

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Nagłowek

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Nagłowek

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Nagłowek

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Nagłowek

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

Nagłowek

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.

Nagłowek

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.

Nagłowek

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.

Nagłowek

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.

Nagłowek

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.

Nagłowek

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.

Nagłowek

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.

4. Kolumny – białe wypełnienie.

Nagłowek

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Nagłowek

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Nagłowek

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Nagłowek

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Nagłowek

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Nagłowek

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.

Nagłowek

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.

Nagłowek

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.

Nagłowek

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod.

5. Media i tekst

Lorem ipsum dolor

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

6. Akordeon

Mollit consequuntur consequuntur explicabo minim animi consectetur anim. Adipiscing quisquam consequat pariatur dolorem occaecat exercitation ut odio adipiscing. Ullamco eiusmod vitae sint aspernatur modi. Anim sunt officia deleniti quia corrupti tempor magna laboris molestias.

Aspernatur beatae aliqua laborum quisquam magnam aliquip do veniam. At et et praesentium accusamus ratione beatae incididunt inventore modi ullamco nesciunt neque sed at. Exercitation atque enim enim incididunt anim ad.

Cillum ad officia adipisci quos. Anim provident accusamus ab nesciunt eius beatae magni consequat. Vero esse velit aliquip occaecat sunt corrupti culpa.

Okładka – pełna szerokość

Testowa okładka 1.

Nowoczesna bankowość z lokalnymi wartościami. SGB Mobile, BLIK, doradca, którego znasz z imienia.

Button primary
Button primary

Okładka – zwykła szerokość

Testowa okładka 2.

Nowoczesna bankowość z lokalnymi wartościami. SGB Mobile, BLIK, doradca, którego znasz z imienia.

Button primary
Button primary
ROLNIK O NAS:
„Tutaj decyzja zapadła w 3 dni. Sezonu nie odkłada się na potem.”

B. Skróty kodowe

DO-POBRANIA – Pliki do pobrania

Testowe pliki do pobrania

CTA – Call to action

Porozmawiajmy

Porozmawiajmy. Po naszemu.

Krótkie pytanie? Większa decyzja? Jesteśmy po Twojej stronie — w aplikacji, w oddziale, przez telefon.

Umów rozmowę z doradcą

DORADCY

Doradca z imienia

Doradca, który Cię zna.

Decyzje zapadają tutaj — z osobą z konkretnego oddziału. Nie z infolinii.

JANIKOWO

[Imię] z Janikowa

Konta, karty, kredyty osobiste

„Najlepiej, jak klient mówi: «Nareszcie wiem, co się dzieje.”

Umów rozmowę
GNIEWKOWO

[Imię] z Gniewkowa

Kredyty firmowe i leasing

„W środę zadzwonił klient. W piątek miał decyzję.”

Umów rozmowę
TRZEMESZNO

[Imię] z Trzemeszna

Kredyty hipoteczne, ubezpieczenia

„Hipoteka to nie czterotygodniowa walka z papierami.”

Umów rozmowę

AKTUALNOSCI

Aktualności

Społeczność

22 września 2025

Partnerstwo z OSP Gniewkowo

Wsparcie sprzętowe i sponsoring zawodów. Bo bezpieczeństwo regionu zaczyna się od ludzi.

Czytaj więcej
Wydarzenie

15 sierpnia 2025

Bank Piastowski na dożynkach w Janikowie

Tradycyjnie tegoroczne dożynki były miejscem spotkań z mieszkańcami. Dziękujemy za wspólnie spędzony czas.

Czytaj więcej
SpołecznośćSport

03 sierpnia 2025

Wspieramy LKS Junior — nowy sezon

80 dzieci trenuje regularnie. Boisko, stroje, transport na mecze — wszystko ze wsparciem banku.

Czytaj więcej
Wszystkie aktualności

MINISLIDER – np. polecane

Kredyt agro z dopłatami

Przed sezonem, na czas.

ARiMR, KPO, dopłaty regionalne — doradca agro pomoże z wnioskiem.

Umów rozmowę

Kredyt hipoteczny

Twój dom, krok po kroku.

Decyzja w 5-10 dni roboczych. Doradca, który Cię poprowadzi od pierwszej rozmowy po klucze.

Umów rozmowę

Wiedza i doświadczenie

Bank z doradcą — po naszemu.

Decyzje kredytowe zapadają lokalnie, nie w odległej centrali. Każdy doradca zna realia regionu, sezonowość, branże — i Twoje imię.

Umów rozmowę

C. Wzorce

3x bloki

Eyebrow

Nagłówek H3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Eyebrow

Nagłówek H3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Eyebrow

Nagłówek H3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

3x bloki (ciemne tło)

Eyebrow

Nagłówek H3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Eyebrow

Nagłówek H3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Eyebrow

Nagłówek H3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

3x bloki z linkami

Eyebrow

Nagłówek H3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Tekst linku

Eyebrow

Nagłówek H3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Tekst linku

Eyebrow

Nagłówek H3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Tekst linku

Linki do produktów

Konto osobiste

ROR z BLIK-iem, kartą i bankowością mobilną. Bez ukrytych opłat.

Sprawdź szczegóły

Karty

Debetowa, kredytowa, wielowalutowa. Wszystkie z płatnościami zbliżeniowymi.

Sprawdź szczegóły

Kredyty

Gotówkowy, hipoteczny, konsolidacyjny, odnawialny. Decyzja w 5-10 dni. 

Sprawdź szczegóły

Oszczędności

Lokaty i konto oszczędnościowe. Dla planu krótkiego i dłuższego. 

Sprawdź szczegóły

Ubezpieczenia

Mieszkania, NNW, na życie, OC. Pokażemy, co naprawdę przyda się Tobie.

Sprawdź szczegóły

Kantor online

Wymiana walut bez wychodzenia z domu. EUR, USD, GBP, CHF i więcej.

Sprawdź szczegóły

Historia