Вручную перемалювать карты / дом иконок (SVG, готовые к Mapbox)

1. Общая информация о задании

Необходимо вручную перерисовать (manual redraw - not auto-traced) иконки (house + map pin) на основе предоставленных PNG-референсов.

Референсы предоставляются только как визуальный ориентир.
Финальные файлы должны быть clean, lightweight SVG, оптимизированные для использования в web-приложении с интерактивной картой (Mapbox).

⚠️ Это НЕ:

• брендинг

• редизайн

• иллюстрация

• художественная интерпретация

Это precision vector redraw для продуктового UI.

2. Объем работ (ОБЯЗАТЕЛЬНО)

2.1 Иконки map pin (2 состояния)

Необходимо создать два состояния одной и той же иконки:

1. Active pin

2. Inactive pin

Требования:

• Однаковая форма

• Однаковая геометрия

• Разница только через muted treatment:

  • цвет

  • контраст

  • насыщенность

• Inactive pin должен выглядеть намеренно и on-brand, а не как дефолтно “disabled”

2.2 Иконка дома (2 состояния)

Необходимо создать два состояния иконки домика, согласованные с логикой map pins:

1. Active house icon

2. Inactive house icon (muted)

Требования:

• Та же геометрия

• Та же форма

• Без изменений структуры иконки

• Inactive состояние достигается исключительно через цвет / контраст

• Стиль и логика должны соответствовать inactive map pin

❗ Это НЕ редизайн, а state variation.

3. Требования к вектору (КРИТИЧЕСКИ ВАЖНО)

3.1 Геометрия

• Ручное рисование (Pen Tool)

• Минимальное количество anchor points

• Чистые Bézier-кривые

• Консистентные радиусы

• Аккуратные, контролируемые формы

❌ Запрещено:

• Image trace

• Auto-trace

• Expand appearance из эффектов

3.2 SVG-структура

SVG должны быть:

• Lightweight

• Low path count

• Без:

  • masks

  • clipping paths

  • filters

  • embedded raster

  • ненужных групп

• Без декоративных SVG-эффектов

SVG должны:

• Корректно рендериться в браузере

• Работать стабильно в Mapbox

• Масштабироваться без артефактов

3.3 Оптимизация под малые размеры

Иконки должны быть читабельны на:

• 16 px

• 20 px

• 24 px

Если определенные детали не читаются:
👉 их нужно упростить или перестроить, даже если они присутствуют в референсе.

4. Цвета

• Ориентация на цвета из референсов

• Допускаются незначительные коррекции для улучшения читабельности

• Active / inactive состояния должны четко отличаться

5. Финальные deliverables

Обязательные файлы:

• house-active.svg

• house-inactive.svg

• pin-active.svg

• pin-inactive.svg

Требования:

• Один SVG = один файл

• Понятные названия файлов

• Готовность к интеграции без дополнительной чистки

6. Критерии приемки работы

Работа принимается, если:

• SVG чистые и оптимизированные

• Иконки читабельны на малых размерах

• Визуальная идентичность сохранена

• Файлы готовы к продакшену без доработок

• Максимально чистая SVG-структура (удобно для разработчиков)

• Согласованная логика inactive состояний между pin и house

• Аккуратное выравнивание и оптический баланс форм