Где взять такой Mockup?

в большинстве там 100% фон отдельным слоем идет.

Как правильно организовать пути и заливки в иконках svg при подготовке к вёрстке?

не путайте слои (Layers) и контуры, которые пути (paths)
слои в иллюстраторе и слои в фотошопе немного разные вещи.
Если я понял правильно, вам нужно сделать максимум 2 составных контура (pats), цвета у которых будут разные и изменяемые по hover.
Если все так и есть - сделайте следующее:
1. Сохраните файл как svg (ничему никаких имен в самом illustrator не надо присваивать, сохраните файл БЕЗ ИМЕН).
2. Откройте svg файл в текстовом редакторе, например, notepad++
Вы видите примерно следующий код.

<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 15.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="..... xml:space="preserve">
<path d="M67.47,73.8........................"/>
<path d="M165.11,96.8........................"/>
</svg>

3. Убедились, что путей - path - у вас 2, как и было задумано - и определили, какой из них есть какой - вот тут присвойте каждому свой класс. Сразу после path и перед координатами добавьте class="name", для каждого свой, вот так -

<path class="name1" d="....."/>
<path class="name2" d="....."/>

4. Сохраните файл в notepad++.
5. Передайте верстальщику.
Вот и все, теперь верстальщик к любому классу сможет в любой нужный момент применить любой нужный ему цвет, по дефолту, по наведению, а также трансформацию, анимацию, и кучу всего того прекрасного, что дает нам css и svg.

Однако, верстальщик сказал скинуть ему два варианта иконки и не пудрить ему мозги. )

Я не знаю ни его мыслей, ни квалификации. Я бы делал так, как я написал. И мне не надо было бы 2 варианта. Можно только предполагать, зачем они ему. Когда сделает, можно будет сравнить и сделать выводы. )

Какие макеты верстать новичку?

самое интересное, что это реальная вебстудия в одном из самых известных городов Германии.

Как убрать промежутки между полигонами при экспорте из Illustrator в SVG?

Посмотрите еще вот это решение
Сейчас на работе посмотрел, действительно все файлы имеют такие промежутки, но что характерно, некоторые практически незаметны вообще. А другие существенно больше.
Вот мне кажется это в этих настройках и скрыто где то.

Как убрать промежутки между полигонами при экспорте из Illustrator в SVG?

у меня на домашней машине вин 7, illustrator cs5, артефакты эти одинаково заметны в исходном ai и svg файлах.
На работе буду только во вторник, все файлы там, посмотрю и скажу тогда, есть ли там что то подобное, поскольку я там ничего такого не замечал.
Но похоже, проблема такая реально существует не только с этим файлом и не только у вас, вот например тут нашел один вариант решения, если срочно, то вроде вполне рабочее.
Суть в 2-х словах: выделить все- объект - контур-параллельный контур.(object-path-path offset)
Смещение выбрать минимально возможное, которое позволит удалить артефакты. В вашем файле при смещении на 0.0005 см уходят почти все, чуть заметно в левом нижнем углу, при 0.001 см я уже практически ничего не видел. Ну надо поиграть, вообще устроит результат или нет.
В общем просто создается просто копия каждого контура под существующим, нижний больше верхнего на величину смещения.
Недостаток такого метода - удалять верхние контуры чтобы не увеличивать размер файла, или вручную в illustrator, или можно каким-нибудь регэкспом уже в svg.

Какова должна быть ответственность удалённого работника перед иностранным работодателем?

Ну так это нормально, в принципе, это все то же самое, практически, что я в офисе подписывал. Ну может не один в один конечно, но мне уже несколько раз приносили изменения и дополнения, чтоб не дай бог картинку какую на сайт не поставил без копирайтов, или, в связи с новыми gdpr, данные какие-то какого-то клиента кому-то не передал. Ты же не собираешься ничего такого делать, верно? А если твои руки и совесть будут чисты, как твои работодатели смогут повесить на тебя какие-то штрафы? То есть как они смогут выиграть у тебя в суде? Если ты переживаешь, что проблемы такого масштаба могут быть из-за срыва сроков - так сроки ты будешь согласовывать сам, исходя из твоего видения. Если все же переживаешь именно по этому вопросу, ну так оговаривай этот пункт детально.

И по поводу контракта - я имел в виду, можешь затереть свои данные, данные фирмы, и где то показать. Тогда я смог его бы показать человеку, работающему так же удаленно. Или может просто взять образец его контракта и сравнить. В любом случае, это могло бы быть полезным для тебя и для других в будущем.

Можно ли задать режим CMYK для цвета текта в текстовых полях PDF-формуляра, чтобы эти поля распечатывались бы в типографии?

Во-первых, в этой типографии работают идиоты

это он-лайн типография, девочка загрузила туда макет, выплюнулась ошибка сразу, и предпросмотр, в котором эти поля оказались пустыми.

В-третьих, вместо полей можно просто научить юзеров использовать функцию акробата Edit PDF (Редактировать ПДФ) - это не сложнее, чем редактировать файл ворда, и при этом сохраняется исходный цвет (только что проверил)

не нашел где, у меня тут версия Acrobat X pro 10.0, довольно древняя.
Я когда гуглил, видел скрины с новыми версиями, как минимум на одном под macos были реально настройки с выбором цветового режима - rgb или cmyk
Еще видел, что где то в те годы, рекомендации были сохранять документ используя скрипты, в которых принудительно задавался цветовой режим cmyk. Но боюсь, что этот вариант нашим секретаршам вынесет весь и без того невеликий мозг...

Как правильно организовать пути и заливки в иконках svg при подготовке к вёрстке?

Смотрите, а если в одной иконке будет две заливки разного цвета, то верстальщик сможет при необходимости поменять цвет только одной заливки?

нет, сколько угодно, только надо будет добавить для каждого контура свой id или класс(лучше класс, если планируется для всех иконок одинаковое поведение и цвета, или id, если каждая иконка будет оригинальна в плане цвета и тп). Хотя если верстальщик знаком c svg он это и сам может добавить.
<path class="my_icon" .....</path>

Какова должна быть ответственность удалённого работника перед иностранным работодателем?

тк у них все равно нет никаких вариантов, привести реально в действие этот пункт и отсудить возможные убытки у удаленщика который например живет в России и плевать хотел на английские суды.

Так о том и речь, что человек, как мне кажется, боится не судов, а то что ему тупо не заплатят, аргументируя, какой вред он нанес работодателю.
По сути, если это контракт на конкретный проект, то вероятность, что тебя используют, конечно существует.
К тому же не известен порядок оплаты, вполне возможно, что на каком то последнем этапе и захотят сэкономить.
Другое дело, если это контракт на ставку, на аутсорсе, т.е. ты будешь как бы в штате, получать стабильную ежемесячную зарплату только работать удаленно. Тут кидалова скорее всего не будет, и если ты не рассчитываешь на умышленный вред работодателю, то все нормально. Я работаю штатно, в офисе, и тоже подписываю время от времени такие бумаги, особенно часто по авторскому праву и коммерческой тайне.

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

Сколько нужно времени чтобы загрузить сайт с локальной сети на хостинг?

Ну как работает ftp протокол тут объяснять не буду - вики
упрощенно говоря, важно то, что скачивается каждый файл по отдельности - запрос - ответ - передача, запрос - ответ - передача, и так далее по всем папкам и файлам.
Сегодня сайты, особенно на популярных cms, содержат десятки тысяч файлов, и вот это все скачивается по отдельности. Вес файлов конечно влияет на время в целом, но время на запросы-ответы каждого отдельного файла много превышает время собственно передачи файлов.
Поэтому и рекомендуется работать с архивом, один архив, пусть даже с большим весом, скачается гораздо быстрее, чем стопятьсот маленьких.

Сколько нужно времени чтобы загрузить сайт с локальной сети на хостинг?

2 варианта:
1- тот, кто это делает, работает почасово, и чем больше по времени это займет тем больше он заработает )))
2- он действительно переливает сайт по фтп пофайлово в пассивном режиме, и фтп-клиент показывает, что осталось еще 24 часа )))
Теоретически, может быть сайт действительно очень большой, и на хостинге будет ограничего время работы скриптов, например, чтобы распаковать архив. Я бы бежал от такого хостера.
Вашего исполнителя нужно сначала послушать, как он аргументирует это. А потом уже судить ))

Где рисуется такая анимация?

прошу прощения, не увидел. увидел ответ только по поводу гифок.
В вашем ответе подумал, что ссылка на платформу gsap, не проверив саму ссылку... сорри за невнимательность.
Эта анимация попалась на глаза буквально недавно, может с месяц назад, вот и поспешил ответить. )

Не подключаются svg так, как нужно?

ну значит кто делал макет не удалил картинку.
Вообще иконки популярных брендов-трендов в векторе брать готовые, зачем придумывать что то? Если подключен например font-awesome, то как шрифт, или есть масса мест, где бесплатно качественные иконки имеются. Например тут

Не подключаются svg так, как нужно?

ну так да - предполагаю, что вы в иллюстраторе открыли png-иконку твиттера, и по ней прорисовывали птичку(хотя зачем? векторного твиттера ж на каждом углу).
Ну да ладно. Теперь, подключая svg, автоматом подгружается и картинка, которой видно в той же папке, где и svg, нет.

Как ускорить загрузку веб-страниц?

Пожалуйста
Workshop

Можно ли сделать готовые для печати интерактивные визитки?

Собственно, я сделал практически все что хотел в акробате, единственное, не смог найти, как точно спозиционировать форму. Вот я вижу направляющие, но нигде не вижу их точные позиции по x и y.
И еще небольшая проблема: вот я позиционирую текстовое поле, это имя-фамилия, его необходимо выводить горизонтально по центру. Это легко, но я хочу имя и фамилию выделить разными по толщине шрифтами из одного семейства. Например, имя жирным, фамилию тонким или регулярным. В настройках поля не нахожу как это сделать, а если делать 2 разных поля, то неясно, как их тогда разместить по центру... пока оставил все одним шрифтом, пороюсь еще, может найду что надо...

Можно ли сделать готовые для печати интерактивные визитки?

Германия, мы заказываем на Flyer Alarm, там пока все строго по списку.

Можно ли сделать готовые для печати интерактивные визитки?

Нерон Лордов,
так я и есть на западе, но у нас тут требуют все в cmyk... все как и прежде и как всегда.

Можно ли сделать готовые для печати интерактивные визитки?

да, я вижу, что в indesign есть интерактив, но при сохранении (экпорте) файла в инетрактивный пдф выскакивает предупреждение, что макет будет переведет из cmyk в rgb, что собственно и говорит мне о том, что его уже нельзя будет использовать для печати.
В Акробате я знаю, если другого варианта не найду, буду делать в акробате.

Верстка с нуля: какие основные этапы работы?

у меня так - мне лично удобно верстать на bootstrap, я довольно долго, давно и успешно, использовал 3 версию. По 4 - ее так долго готовили, что когда она зарелизилась, то оказалась уже как бы несколько морально устарела. Т.е. она на флексах, а ты уже вовсю юзаешь гриды...