Design System — Le`team

Цвета

Background

#12110E

Основной фон

White

#EFEFEF

Основной текст

Accent

#EEBF3B

Акцент, кнопки, детали

Типографика — DM Sans

H1 clamp(2.4–4.8rem) · 800 · lh 1.2

Digital объединение
Le`team

H2 clamp(1.6–2.4rem) · 800 · lh 1.15

Наша команда

Body 1rem · 400 · lh 1.55

Мы — команда цифровых специалистов. Разрабатываем продукты и помогаем бизнесу расти.

Tag / Label 0.75rem · 700 · ls 0.2em

Команда

Nav / UI 0.82rem · 500–700

о нас · этапы работ · тарифы · портфолио

Структура сайта

index.html

Главная

Точка входа. Представляет компанию и ведёт к заявке.

H1: Digital объединение Le`team

Чем занимаемся (4 услуги)

Наша команда (4 карточки)

Наши ценности

Оставьте номер

Если (возражения)

about.html

О нас

Команда и ценности компании.

Наша команда (4 карточки)

Наши ценности

Оставьте номер

stages.html

Этапы работ

Процесс работы от брифа до результата.

01 Исследования

02 Методология

03 Создание сайта

04 Контекстная реклама

05 Аудит ТВКК

Оставьте номер

tariffs.html

Тарифы

Пакеты услуг и условия сотрудничества.

В разработке

portfolio.html

Портфолио

Кейсы команды.

В разработке

privacy.html

Политика конфиденциальности

Правовой документ. ИП Мягков Д.О.

6 разделов

mdo@myagkovteam.ru

Компоненты

Навбар

Фиксированный. Логотип LE. слева, ссылки по центру, CTA-кнопка справа. На мобилке — бургер.

Все страницы

Password Gate

SHA-256 хэш. Сессия сохраняется в localStorage по ключу le-auth.

Все страницы

Team Card

Аватар (инициалы), имя, роль, описание. Сетка 4 колонки → 1 на мобилке.

index.html · about.html

Service Card

Номер, название, описание. Сетка 4 → 1 колонка. max-width описания 420px.

index.html

CTA Block

Заголовок, подпись, форма (имя + телефон + кнопка), политика конфиденциальности.

index.html · about.html · stages.html

If Grid

2 колонки с блоками возражений. Иконка →, вопрос, ответ.

index.html

Инструкция для заказчика

Как войти

При открытии сайта появится поле для пароля. Введите 7474 и нажмите «войти». Браузер запомнит авторизацию — вводить повторно не нужно.

Мобильная версия

Сайт адаптирован под телефон. Откройте с мобильного устройства или сузьте окно браузера — меню переключится на бургер.

Форма заявки

Кнопка «оставить номер для звонка» и форма пока не отправляют данные — подключение будет на финальном этапе перед запуском.

Тексты

Текущие тексты взяты с myagkovteam.ru. Если нужно что-то уточнить или переписать — пришлите правки списком с указанием страницы.

Статус страниц

Главная — готова

О нас — готова

Этапы работ — готова

Тарифы — в разработке

Портфолио — в разработке

Политика конф. — готова

Как давать правки

Напишите список в любом формате. Укажите страницу и что именно изменить. Скриншот с пометками тоже подойдёт.

Интерактивная анимация на canvas. SVG-логотип самолёта разбивается на частицы — белые и акцентные (#EEBF3B). Частицы реагируют на курсор и притяжение при наведении. Возможное применение: hero-секция, лоадер, фоновая анимация.