Давайте разберем реализацию этого макета в Zero Block максимально детально — по шагам и конкретным элементам, которые нужно добавить.
Шаг 1. Шапка: «Вход» и «Регистрация»
Вам понадобятся текстовые блоки (Text).

1. Добавьте два блока текста рядом.
2. Текст «Вход»:

• Настройте шрифт: жирный (Bold), размер по макету.
• Это активная вкладка.

1. Текст «Регистрация»:

• Шрифт обычный, цвет сделайте чуть бледнее (серый), чтобы визуально отделить от активной вкладки.

1. Линия под «Регистрацией»:

• Вставьте элемент Line (Линия) или используйте спецсимвол ─ в текстовом блоке.
• Выровняйте линию по ширине текста «Регистрация».

1. Отступы:

• В настройках блока (или через Padding в Zero Block) добавьте отступ сверху (например, 40–50 px), чтобы шапка не прилипала к краю экрана.

Шаг 2. Переключатель режимов («По логину» / «С кодом из смс»)
Используйте кнопки (Button), расположенные в одной строке.

1. Кнопка «По логину» (Активна):

• Текст: «По логину».
• Цвет фона: White (белый).
• Цвет текста: Black (черный).
• Скругление (Corner Radius): 30–50 px (как на макете, сильное скругление).
• Граница (Border): Тонкая черная (1–2 px), чтобы выделить активный режим.

1. Кнопка «С кодом из смс» (Неактивна):

• Текст: «С кодом из смс».
• Цвет фона: White.
• Цвет текста: Серый (например, #999 или #ccc).
• Скругление: То же самое (30–50 px).
• Граница: Убрать или сделать очень бледной.

1. Выравнивание:

• Разместите кнопки в одной строке (Grid или Auto Layout).
• Если нужно, задайте им фиксированную ширину (например, 50% от ширины контейнера), чтобы они стояли ровно рядом.

Шаг 3. Поля ввода («Почта» и «Пароль»)
Используйте Input Fields (Поля ввода).

1. Поле «Почта»:

• Тип: Email.
• Метка (Label): «Почта». Разместите текст слева от поля (в настройках Input можно выбрать «Label position» — Left).
• Скругление: Среднее (10–15 px).
• Цвет фона: Светло-серый (как на макете, например, #f5f5f5).

1. Поле «Пароль»:

• Тип: Password.
• Метка: «Пароль».
• Иконка «глаз»:
• Вставьте элемент Image (иконка глаза) справа внутри поля ввода.
• Важно: В чистом Zero Block не будет работать функционал показа/скрытия пароля (это JavaScript). Чтобы иконка работала, потребуется готовая модификация (скрипт) от разработчиков Tilda (например, от Nolim или Postnikov), который нужно добавить в HTML-код блока.
• Стиль: Тот же светло-серый фон, скругление.

Шаг 4. Нижний блок (Чекбокс + Ссылка + Кнопка)
Расположите эти элементы в одной строке с разным выравниванием.

1. Слева: Чекбокс «Запомнить меня»

• Элемент: Checkbox.
• Текст: «Запомнить меня».
• Состояние: Отметьте галочку (Checked), чтобы она была активна по умолчанию.
• Цвет галочки: Черный (контраст с фоном).

1. Справа: Ссылка «Забыли пароль?»

• Элемент: Text (ссылка).
• Текст: «Забыли пароль?».
• Цвет: Серый.
• Подчеркивание: Уберите (в настройках Text). Оно появится только при наведении (Hover).
• Ссылка: Можно оставить пустой или указать на страницу восстановления пароля.

1. По центру внизу: Кнопка «Войти»

• Элемент: Button.
• Текст: «Войти».
• Цвет фона: Черный (Black).
• Цвет текста: Белый (White).
• Скругление: Среднее (10–15 px).
• Ссылка: tilda://members/login (обязательно для работы входа в Tilda Members).

Шаг 5. Настройка отступов и адаптивности

1. Autoscale:

• В настройках Zero Block включите Autoscale.
• Режим: Fit to width (растягивание по ширине).

1. Отступы (Padding):

• Десктоп: Слева и справа по 40–60 px.
• Мобильная версия: Настройте в Media (адаптивность), чтобы поля ввода занимали 100% ширины экрана.

1. Сетка (Grid):

• Чтобы кнопки «По логину» и «С кодом» не съезжали на мобильных, используйте Grid или Auto Layout внутри Zero Block.
• Либо задайте им ширину в процентах (например, 50% для каждой кнопки).

1. Промежутки (Gaps):

• Настройте отступы между строками (между переключателем и полями, между полями и нижним блоком) через настройки Grid или вручную через Padding у элементов.

Итог:
Главная сложность здесь — иконка «глаз» для пароля (нужен скрипт) и сохранение пропорций на мобильных (Grid + Autoscale). Все остальные элементы собираются из стандартных инструментов Zero Block.