01 · Paleta heraldyczna
Bursztyn ustrojowy
#4A3508 · płaszczyzny, 11,6:1 z bielą
Granat pisma i akcji
#0A2E5C · 12,3:1 na piasku
Złoto gwiazd
#F2B705 · tylko plamy i akcenty
Złoto tekstowe
#7A5B00 · 5,8:1 na piasku
Piasek wieży
#F4E9D0 · tła sekcji
Alert kryzysowy
#B3261E · wyłącznie ostrzeżenia
Reguła, która ratuje dostępność
Złoto #F2B705 na piasku daje kontrast 1,7:1 — nigdy nie służy jako kolor tekstu na jasnym tle. Na bursztynie osiąga 6,4:1 i tam pracuje jako kolor nagłówków i wyróżnień.
Lockup znaku
[HERB]
Powiat Pleszewski
Starostwo Powiatowe w Pleszewie
Herb zawsze z pola ochronnego równego 1/4 jego wysokości, minimalna wysokość 48 px. W makietach podstawiony placeholder — docelowo oryginalny plik wektorowy powiatu.
02 · Typografia w koncepcjach
A · Urząd w zasięgu ręki
Inter — jeden krój, pełna czytelność
Neutralny grotesk, bardzo szerokie wsparcie polskich znaków, zero kosztów licencyjnych.
B · Powiat w kadrze
Source Serif + Inter
Szeryf w nagłówkach buduje ton redakcyjny i odróżnia serwis od typowych stron urzędowych.
C · Żyzna kraina
Fraunces + Plus Jakarta Sans
Ciepły, lekko kaligraficzny display do haseł promocyjnych; sans do treści użytkowych.
D · Panel mieszkańca
IBM Plex Sans — ton narzędziowy
Wyraźne cyfry i skróty, dobrze znosi gęste kafelki z danymi i godzinami.
E · Heraldyczny prestiż
EB Garamond + Lato
Antykwa nawiązująca do pieczęci z przełomu XVII i XVIII w., z których wywodzi się herb.
Minimalny rozmiar tekstu treści: 17 px (desktop) i 16 px (mobile). Interlinia 1,6. Maksymalna szerokość kolumny tekstu 72 znaki.
03 · Co naprawiamy
Dwie równoległe nawigacje
Menu górne i menu boczne mają rozłączne zbiory pozycji, a część linków prowadzi do BIP. Użytkownik nie wie, gdzie szukać. Nowa struktura: jedno menu główne z pięcioma wejściami.
Ściana 20 banerów
Prawa kolumna to lista banerów o tej samej wadze wizualnej — od BIP po azbest. Efekt: ślepota banerowa i brak hierarchii. Nowa zasada: maksymalnie 6 skrótów na pierwszym ekranie.
Blokada skalowania
Obecny meta viewport ustawia maximum-scale=1.0 i user-scalable=no, co łamie WCAG 1.4.4. Osobny widget dostępności nie zastępuje poprawnie zbudowanej strony.
Treść ukryta w grafikach
Komunikaty publikowane jako plakaty JPG są niedostępne dla czytników ekranu i niewyszukiwalne. Każda aktualność dostaje lead tekstowy.
04 · Wspólna baza wszystkich wariantów
- Pasek ostrzeżeń kryzysowych nad nagłówkiem, widoczny tylko gdy jest komunikat
- Wyszukiwarka spraw jako element pierwszego ekranu, nie ikona w rogu
- Sześć gmin w stopce — odpowiednik sześciu gwiazd herbu
- Obszar dotykowy minimum 44 × 44 px, widoczny focus na klawiaturze
- Mobile first: 1 kolumna do 640 px, 2 do 1024 px, 12-kolumnowa siatka wyżej