Komunikaty serwerowe idea4me
idea4me · brief graficzny

Komunikaty serwerowe do oprawy graficznej

Katalog wszystkich ekranów systemowych, które nasze serwisy pokazują użytkownikom - błędy, przerwy techniczne, logowanie, sejf. Cel: jeden spójny system wizualny w stylistyce idea4me, zamiast przypadkowych, surowych stron.

14 komunikatów · 4 grupy Stylistyka idea4me (navy + akcent) Strony full-page + komponenty
Dla grafika

Zasady wspólne dla wszystkich ekranów

Wszystkie komunikaty mają wyglądać jak jedna rodzina - ten sam układ, paleta i logo. Różni je treść i ikona/ilustracja.

Stylistyka

Paleta idea4me: granat (navy) + akcent niebieski. Logo idea4me w nagłówku każdego ekranu. Ton spokojny, profesjonalny - nie infantylny.

Układ

Wyśrodkowana karta na czystym tle: ikona/ilustracja → nagłówek → 1-2 zdania → przycisk akcji (np. „Wróć na stronę główną", „Zaloguj się"). Minimalna stopka.

Format techniczny

Strony full-page responsywne (mobile-first). Grafik dostarcza projekt + ikony/ilustracje (SVG/PNG), my składamy w HTML - albo gotowy HTML, jak wygodniej.

Wersje językowe

Serwisy międzynarodowe (sklep FHZ, landingi, oferty) → PL + EN (w razie potrzeby DE). Panele wewnętrzne (infra, Kompas, pricemonitoring, CRM4) → tylko PL.

Ikonografia

Spójny zestaw ikon/ilustracji, jeden styl kreski, kolor akcentu. Każdy typ komunikatu ma swój rozpoznawalny motyw (np. przerwa techniczna = narzędzia, 404 = zgubiona ścieżka).

Do dostarczenia

Projekt każdego ekranu z listy poniżej + zestaw ikon + wersje językowe. Opcjonalnie wariant jasny i ciemny.

Serwerowy czy dedykowany? Decyduje, czy strona jeszcze żyje

Kluczowa zasada: jeśli aplikacja padła (błędy 5xx: 500, 502, 504, a także 429), nie ma jak pokazać własnego ekranu - robi to serwer. Takie błędy mają tylko wariant serwerowy (niebieska kropka). Gdy strona wciąż działa (404, 403), może dodatkowo pokazać własną, dedykowaną wersję (zielona kropka).

Serwerowy

Generyczny idea4me, pokazywany przez serwer. Dla naszych paneli oraz zawsze, gdy aplikacja padła (500 / 502 / 504 / 429) i sama nie może nic wyświetlić. Jeden spójny wygląd - to jedyny wariant takich błędów.

Dedykowany dla strony

Tylko tam, gdzie strona nadal działa (404, 403) lub przy celowych stanach (maintenance, „w budowie"). W brandingu konkretnego serwisu - logo, kolory, typografia - żeby ekran wyglądał jak część tej strony.

Na czym polega różnica

Ten sam błąd (404), dwie oprawy

Treść identyczna - różni się tylko wygląd: raz nasza uniwersalna (idea4me, niebieska kropka), raz w brandingu konkretnej strony klienta (zielona kropka).

Serwerowy uniwersalny idea4me
⚠
404
Nie znaleźliśmy tej strony
Wróć na stronę główną
Dedykowany branding strony (przykład: sklep)
🏑
404
Nie znaleźliśmy tej strony
Wróć do sklepu
Zakres

Lista komunikatów

Priorytet: wysoki = widoczne najczęściej / już potrzebne · średni · niski.

kropka niebieska = wariant serwerowy (idea4me) kropka zielona = dedykowany dla strony
A

Strony błędów

500 / 502 / 504 / 429 = tylko serwerowe · 404 / 403 = też dedykowane
404

Nie znaleziono strony

wysoki
KiedyZły adres URL albo strona przeniesiona/usunięta.
Nie znaleźliśmy tej strony. Mogła zostać przeniesiona lub usunięta.→ Wróć na stronę główną
full-pagePL+EN na sklepach
500

Błąd serwera

wysoki
KiedyAwaria aplikacji po naszej stronie.
Coś poszło nie tak po naszej stronie. Już to sprawdzamy - spróbuj ponownie za chwilę.→ Odśwież stronę
full-page
403

Brak dostępu

średni
KiedyZasób zablokowany / brak uprawnień.
Nie masz dostępu do tej strony. Jeśli to pomyłka - skontaktuj się z nami.
full-page
502 / 504

Serwis chwilowo niedostępny

średni
KiedyBackend nie odpowiada (przeciążenie, restart).
Serwis jest chwilowo niedostępny. Spróbuj ponownie za moment.
full-page
429

Za dużo żądań

niski
KiedyLimit zapytań (ochrona przed przeciążeniem/botami).
Za dużo żądań w krótkim czasie. Odczekaj chwilę i spróbuj ponownie.
full-page
B

Strony stanu (celowe)

zawieszona = serwerowa · przerwa / „w budowie" = też dedykowane
503

Przerwa techniczna

wysoki
KiedyPrace serwisowe lub czasowa blokada strony. Już używane - mamy tymczasową, surową wersję do zastąpienia.
Trwają prace techniczne. Wkrótce wracamy. Przepraszamy za utrudnienia.
full-pageSEO-safe (503)
SOON

Strona w budowie

średni
KiedyNowy serwis/sklep przed oficjalnym startem.
Już wkrótce. Przygotowujemy dla Ciebie nową stronę.→ (opcjonalnie) zapis na powiadomienie
full-pagePL+EN
HOLD

Strona zawieszona

niski
KiedyZawieszenie strony (zaległość, naruszenie, bezpieczeństwo).
Ta strona została tymczasowo zawieszona. W sprawie przywrócenia skontaktuj się z nami.
full-page
C

Ekrany paneli i logowania

tylko wariant serwerowy (idea4me)
LOGIN

Ekran logowania

wysoki
KiedyWejście do panelu (infra, Kompas, pricemonitoring, CRM4…).
Logo · pola „Login" i „Hasło" · przycisk „Zaloguj się" · link „Nie pamiętasz hasła?"
panel full-pagewzór dla wszystkich paneli
RESET-1

Przypomnij hasło

wysoki
KiedyUżytkownik zapomniał hasła - podaje e-mail.
Podaj adres e-mail, a wyślemy link do ustawienia nowego hasła.→ Wyślij link
panel
RESET-2

Ustaw nowe hasło

średni
KiedyUżytkownik kliknął link resetu - wpisuje nowe hasło.
Ustaw nowe hasło (dwa pola: hasło + powtórzenie).→ Zapisz hasło
panel
RESET-X

Link wygasł / nieprawidłowy

średni
KiedyLink do resetu przeterminowany lub użyty.
Ten link do resetu wygasł lub jest nieprawidłowy. Poproś o nowy.→ Wyślij nowy link
panel
SESSION

Sesja wygasła

średni
KiedyAutomatyczne wylogowanie po bezczynności.
Twoja sesja wygasła. Zaloguj się ponownie.→ Zaloguj się
panel / modal
D

Sejf jednorazowy

sejf.idea4me.pl - tylko wariant serwerowy (idea4me)
SEJF-OK

Hasło gotowe do pobrania

średni
KiedyOdbiorca otwiera link z sejfu.
Ta wiadomość jest do jednorazowego odczytu. Po zamknięciu zniknie na zawsze.→ Pokaż zawartość
full-page
SEJF-X

Link wykorzystany / wygasł

średni
KiedyLink z sejfu już otwarty albo przeterminowany.
Ten link został już wykorzystany lub wygasł. Poproś nadawcę o nowy.
full-page