Перемалювати в вектор

Потрібно зробити ручний векторний редрау (manual redraw) іконок у production-ready SVG, придатний для інтерактивної карти (Mapbox). 

1. House icon (кольоровий / active) — це logo mark

2. Map pin active (кольоровий / active) — пін із тим самим house всередині

3. Приклади inactive (house/pin) — лише щоб показати рівень “muted”, НЕ як окремий дизайн/геометрія

1) Що потрібно зробити (основний обсяг)

A) House icon — ACTIVE

• Перемалювати вручну в чистий вектор з нуля (Pen tool, акуратна геометрія)

• Без auto-trace

Файл: house-active.svg

B) Map pin — ACTIVE

• Перемалювати вручну форму піну з нуля

• Всередині має бути той самий house, що й у house-active.svg (не малювати домік заново)

Файл: pin-active.svg

2) Inactive стани — КРИТИЧНО ВАЖЛИВО (без перемальовування)

Головне правило

Inactive-версії НЕ перемальовувати.
Вони мають бути зроблені копією active, де змінюються тільки кольори/контраст.

✅ Геометрія має бути 100% ідентична (ті самі path, ті ж криві, ті ж пропорції).
❌ Заборонено змінювати форму, товщини, радіуси, деталі або “підганяти” контур.

Inactive PNG, які я даю, — тільки для розуміння, який рівень приглушення потрібен.

3) ДВА рівні inactive (A/B) — те, що потрібно здати

2 варіанти muted, тому потрібно зробити два рівні приглушення:

Inactive A (soft muted)

• більш “м’який”, світліший/менш контрастний

• виглядає intentional, але тихіше

Inactive B (higher contrast muted)

• теж muted, але трохи контрастніший/темніший, щоб не зникати на світлих стилях карти

• не “disabled”, а “muted but readable”

Файли (обов’язково)

• pin-inactive-A.svg

• pin-inactive-B.svg

Файли (дуже бажано для консистентності системи)

• house-inactive-A.svg

• house-inactive-B.svg

4) Порядок роботи (щоб система була консистентна)

1. Спочатку зробити house-active.svg

2. Потім зробити pin-active.svg, використовуючи той самий house всередині

3. Потім створити inactive A/B як копії відповідних active SVG, замінивши лише кольори

5) Вимоги до SVG (Mapbox / production)

• Manual redraw, без Image Trace / auto-trace

• Low path count, мінімум точок

• Без: masks, clipPath, filters, effects, embedded raster

• Перевага solid fills
  (якщо потрібен “акцент” на листку — краще 2 прості шари/фігури, а не складний градієнт)

• Читабельність на 16 / 20 / 24 px (іконка має “читатись” на малих розмірах)

6) Критерії приймання

• Active та inactive мають ідентичну геометрію, різниця тільки в кольорах

• House standalone і house всередині pin — та сама форма

• SVG чисті, легкі, готові до інтеграції в продукт (Mapbox)

7) Deliverables (підсумок списком)

Обов’язково:

• house-active.svg

• pin-active.svg

• pin-inactive-A.svg

• pin-inactive-B.svg

• house-inactive-A.svg

• house-inactive-B.svg