Подготавливаем макет для бейджа и ленты
Для бейджа:

1. В фигме делаем фрейм размером 1440px ширина и 940px высота.
2. Левая половина 720px шириной будет передней стороной бейджа, правая половина 720px будет задней стороной бейджа.
3. Сохраняем изображение в формате .jpg

Для ленты:

1. В фигме делаем фрейм размером 1025px ширина и 250px высота.
2. По центру размещаем ваш логотип, с наклоном влево на 90°
3. Сохраняем изображение в формате .jpg

Образцы: https://raw.githubusercontent.com/tistols/badge/main/badge.fig

Загружаем макет в 3D-модель

1. Для загрузки макета, понадобится программа Blender.
2. Скачиваем и открываем шаблон в Blender
3. В правом нижнем меню нажимаем на иконку вкладки Material
4. В появившемся меню нажимаем на крестик справа от бейдж.jpg
5. На этом же месте появится кнопка Open, нажимаем на неё и загружаем подготовленный на первом шаге макет для бейджа.
6. В верхнем меню программы нажимаем File - Export - выбираем формат gLTF 2.0 (.glb)
7. Сохраняем файл нажатием на кнопку Export glTF 2.0

Загружаем 3D-модель на хостинг или GitHub
Для загрузки на GitHub:

1. Проходим регистрацию (если у вас еще нет аккаунта)
2. Нажимаем на «+» в верхнем меню кнопка «Create new…»
3. В выпадающем списке выбираем первый пункт «New repository»
4. Пишем название папки в графе «Repository name»
5. Нажимаем на кнопку «Create repository»
6. Нажимаем на кнопку «uploading an existing file» и загружаем полученный из Blender'а файл в формате .glb
7. После загрузки, внизу нажимаем на кнопку «Commit changes», чтобы сохранить загрузку

Формируем ссылку на 3D-модель

1. Находясь на странице после загрузки изображений, копируем ссылку из поисковой строки - https://github.com/tistols/badge
2. Её нужно будет изменить на такой вид: https://raw.githubusercontent.com/ tistols/badge/main/
3. Для этого копируем ссылку на хостинг гитхаба https://raw.githubusercontent.com/
4. Подставляем название вашего профиля https://raw.githubusercontent.com/tistols/
5. Подставляем название вашей папки (repository) https://raw.githubusercontent.com/ tistols/badge/
6. Подставляем концовку https://raw.githubusercontent.com/ tistols/badge/main/

Для проверки можно открыть получившийся адрес в новой вкладке браузера (после перехода должно открыться окно с предложением сохранить файл): https://raw.githubusercontent.com/ tistols/badge/main/badge.glb

Создаем Zero Block и открываем редактор

1. Добавляем html-элемент и копируем туда код
2. В строке data-glb-urls меняем адрес ссылки на 3D модель
3. Добавляем изображение и загружаем туда картинку для ленты, копируем на неё ссылку
4. В строке data-png-urls вставляем скопированную ссылку
5. Задаем необходимые параметры позиции модели и расположения камеры

Добавляем блок T123 и копируем в него код