Разработка веб-приложений
Современные и масштабируемые решения под ваши задачи.
Секция: шорткод tg-section (вёрстка) + дочерние tg-card, tg-step, tg-spark, tg-connector, tg-flow-step, tg-pillar, при необходимости content-card внутри split-teasers, для info-split - tg-info-left, tg-info-card, tg-info-list. Переводы: index.en.md / index.ru.md.
- Переносы в
title/lead: пишите%BR%(сырой<br>внутри кавычек атрибутов ломает разбор шорткода). - Самозакрытие: в конце дочернего шорткода - пробел, слэш, пробел, затем
>}}в той же строке, что и имя/параметры.
services-line / bg="light"
услуги
Решения, которые
работают на вас
От идеи до результата - создаём надёжные системы и автоматизируем процессы любой сложности.
Автоматизация бизнес-процессов
Убираем рутину, повышаем эффективность.
Интеграции и API
Связываем сервисы и создаём надёжные соединения.
Поддержка и развитие
Сопровождаем и улучшаем ваши системы.
services-cards / bg="tint"
что мы делаем
пишем код,
который работает
на людей
разработка
Веб-приложения, сервисы и сайты любой сложности. Чистый код и внимание к деталям.
автоматизация
Интеграции, сценарии и боты, которые берут рутину на себя и экономят ваше время.
поддержка
Сопровождаем, улучшаем и развиваем ваши решения, когда это действительно нужно.
services-grid / bg="dark"
что мы делаем
Создаём цифровые продукты
и автоматизируем процессы,
чтобы вы могли сосредоточиться
на главном
Веб-разработка
Сайты и веб-приложения любой сложности - от лендингов до сложных систем.
Автоматизация
Настраиваем процессы и интеграции, которые экономят время и ресурсы.
Интеграции
Соединяем сервисы и системы, чтобы они работали вместе без сбоев.
Поддержка и развитие
Сопровождаем проекты после запуска и помогаем им расти.
process-numbers / bg="light"
Порядок: tg-step, tg-spark, tg-step, … (искра только между шагами, не после последнего).
как мы работаем
Прозрачный процесс
и внимание к деталям
Погружаемся
Изучаем ваш бизнес, цели и задачи, чтобы предложить лучшее решение.
Проектируем
Создаём структуру, логику и дизайн, которые решают задачи и удобны для пользователей.
Разрабатываем
Пишем чистый код и собираем решение, которое работает стабильно и быстро.
Запускаем и развиваем
Запускаем проект и остаёмся рядом, чтобы он становился только лучше.
process-flow / bg="tint"
Между этапами: tg-connector после каждого tg-flow-step, кроме последнего.
как мы работаем
понять. придумать.
создать. улучшать.
01
погружаемся
Изучаем задачу, задаём вопросы, слушаем и понимаем суть.
02
проектируем
Предлагаем решение, продумываем логику и архитектуру будущего продукта.
03
создаём
Пишем, тестируем, интегрируем. Делаем качественно и в срок.
04
улучшаем
Анализируем, собираем обратную связь и делаем ещё лучше.
process-pillars / bg="light" (как у остальных)
Карточка: number (цвет primary, --section-accent), title слева, illustration или mark справа (одинаковая высота, по верху), text снизу. Между карточками - стрелки с равными отступами, по вертикали по центру. Фон - как у остальных секций. eyebrow / title / lead у tg-section не обязательны.
01
Сначала разбираемся
Изучаем вашу реальность, чтобы понять, где теряется время, деньги и контроль.
02
Предлагаем решение
Находим точки роста и предлагаем, как лучше устроить процессы и инструменты.
03
Создаём и улучшаем
Собираем систему, внедряем и продолжаем делать её лучше вместе с вами.
split-teasers - заголовок секции + сетка тизер-карточек
Тот же двухколоночный каркас, что у services-cards: слева eyebrow / большой заголовок / лид; справа - сетка карточек с изображением сверху и текстом (до четырёх колонок на широком экране, если не задан модификатор). На узком экране колонки складываются в столбец.
На главной «Лаборатория» (home-lab-cards) использует этот layout; сетка карточек - три колонки на широком экране. Текст слева задаётся в lab/_index.*: title, короткий home_summary (или description), подпись ссылки home_cta_label. Блок «Избранные кейсы» (home-project-cards) - не split: заголовок секции сверху на всю ширину, под ним сетка карточек четыре в ряд. Фон - через bg как у остальных секций (page, light, tint, …).
Внутрь секции помещают шорткоды content-card (image, title, text, при необходимости href, eyebrow, tag). Устаревший параметр type на карточке игнорируется стилями.
info-split - текст слева + карточка со списками справа
Две основные колонки: слева tg-info-left (image, heading, опционально marker для маркеров списка - check / cross / dot, image_alt), тело - markdown-список; справа tg-info-card (bg: tint, tint2, light, page, dark). Внутри карточки повторяют tg-info-list (heading, marker) со списком в markdown.
У секции - eyebrow, title, lead и bg (по умолчанию для этого layout - page). Они выводятся в левой колонке, над блоком tg-info-left. Дальше по порядку: сначала tg-info-left, затем tg-info-card (разбор колонок технически идёт по служебному маркеру в конце вывода tg-info-left).
Кому мы подходим
Это про вас, если:
Мы берёмся, когда:
- условие один
- условие два
Не для нас:
- пример отказа