160 бесплатных дудлов от руки в SVG и PNG для vibe-проектов

Кажется, это было на моём пятом лендинге, когда я понял, что все они получились какими-то скучными. У всех один и тот же шрифт, дизайн карточек, hero-секция с градиентом и парящими элементами. Ничего плохого в этом нет, но и запоминающегося тоже.

Тут и пригождаются дудлы. Как деталь, а не как ключевой элемент. Маленькая звёздочка рядом с заголовком, голова монстрика на карточке с ценой, стрелочка в сторону кнопки CTA. Эти маленькие вольности делают страницу более живой и менее похожей на шаблон. Вот подборка из 160+ нарисованных от руки дудлов от профессионального иллюстратора Марии Летты.

Облака, кактусы, звёзды, монстры, пончики, ракеты, пиццы, сердечки, кроссовки, карандаши, бриллианты, коты, руки, радуги, стрелки, мобильные телефоны. Всё нарисовано от руки, всё векторное, всё в едином стиле. Лежит в директории /doodles/ (в поддиректориях svg/ и png/), названо от doodle-01 до doodle-152. Загляните в превью на GitHub, чтобы посмотреть на каждый дудл перед скачиванием.

1Как добавить дудлы в проект

Скопируйте URL с GitHub в контекст своего агента и скажите ему, где и какой именно дудл нужен. Например: «добавь нарисованный от руки дудл из этой подборки где-нибудь рядом с заголовком в hero-секции — подойдёт звезда или ракета». Агент прочитает README, найдёт нужный паттерн файла и разместит соответствующий дудл. Если хотите выбрать дудл сами, загляните в директорию /preview/ на GitHub. Там есть превью-изображения с наборами элементов.

curl -sO https://raw.githubusercontent.com/MariaLetta/mega-doodles-pack/master/doodles/svg/doodle-01.svg

git clone --filter=blob:none --sparse https://github.com/MariaLetta/mega-doodles-pack.git
cd mega-doodles-pack && git sparse-checkout set doodles/svg

CC BY-SA 4.0. Можете свободно использовать эти дудлы в коммерческих проектах. Просто не забудьте указать авторство Марии Летты и лицензировать свои производные работы на тех же условиях. Если вы просто используете SVG-файл на своём сайте, не распространяя дудлы как пакет, ссылки в подвале сайта или в README будет достаточно.