Przemalować na wektor

Potrzebne jest wykonanie ręcznego przerysowania (manual redraw) ikon w gotowym do produkcji SVG, odpowiednim do interaktywnej mapy (Mapbox).

1. Ikona domu (kolorowa / aktywna) — to logo

2. Pin mapy aktywny (kolorowy / aktywny) — pin z tym samym domem w środku

3. Przykłady nieaktywne (dom/pin) — tylko aby pokazać poziom “przygaszenia”, NIE jako osobny projekt/geometria

1) Co należy zrobić (główny zakres)

A) Ikona domu — AKTYWNA

• Przerysować ręcznie w czysty wektor od zera (Narzędzie pióra, staranna geometria)

• Bez auto-śledzenia

Plik: house-active.svg

B) Pin mapy — AKTYWNY

• Przerysować ręcznie kształt pinu od zera

• W środku ma być ten sam dom, co w house-active.svg (nie rysować domku na nowo)

Plik: pin-active.svg

2) Stany nieaktywne — KRYTYCZNIE WAŻNE (bez przerysowywania)

Główna zasada

Wersje nieaktywne NIE przerysowywać.
Mają być wykonane kopią aktywnej, gdzie zmieniają się tylko kolory/kontrast.

✅ Geometria ma być 100% identyczna (te same ścieżki, te same krzywe, te same proporcje).
❌ Zabronione jest zmienianie kształtu, grubości, promieni, detali lub “dopasowywanie” konturu.

Nieaktywne PNG, które daję, — tylko dla zrozumienia, jaki poziom przygaszenia jest potrzebny.

3) DWA poziomy nieaktywne (A/B) — to, co należy dostarczyć

2 warianty przygaszenia, dlatego trzeba zrobić dwa poziomy przygaszenia:

Nieaktywne A (łagodnie przygaszone)

• bardziej “łagodne”, jaśniejsze/mniej kontrastowe

• wygląda intencjonalnie, ale ciszej

Nieaktywne B (wyższy kontrast przygaszony)

• też przygaszone, ale trochę bardziej kontrastowe/ciemniejsze, aby nie znikać na jasnych stylach mapy

• nie “wyłączone”, a “przygaszone, ale czytelne”

Pliki (obowiązkowo)

• pin-inactive-A.svg

• pin-inactive-B.svg

Pliki (bardzo pożądane dla spójności systemu)

• house-inactive-A.svg

• house-inactive-B.svg

4) Kolejność pracy (aby system był spójny)

1. Najpierw zrobić house-active.svg

2. Następnie zrobić pin-active.svg, używając tego samego domu w środku

3. Następnie stworzyć nieaktywne A/B jako kopie odpowiednich aktywnych SVG, zmieniając tylko kolory

5) Wymagania dotyczące SVG (Mapbox / produkcja)

• Ręczne przerysowanie, bez Image Trace / auto-śledzenia

• Niska liczba ścieżek, minimum punktów

• Bez: maski, clipPath, filtry, efekty, osadzone rastrowe

• Preferowane solidne wypełnienia
  (jeśli potrzebny “akcent” na liściu — lepiej 2 proste warstwy/kształty, niż skomplikowany gradient)

• Czytelność na 16 / 20 / 24 px (ikona ma być “czytelna” w małych rozmiarach)

6) Kryteria akceptacji

• Aktywne i nieaktywne mają identyczną geometrię, różnica tylko w kolorach

• Dom samodzielny i dom wewnątrz pinu — ten sam kształt

• SVG czyste, lekkie, gotowe do integracji w produkt (Mapbox)

7) Wymagane materiały (podsumowanie w punktach)

Obowiązkowo:

• house-active.svg

• pin-active.svg

• pin-inactive-A.svg

• pin-inactive-B.svg

• house-inactive-A.svg

• house-inactive-B.svg