L2 Lab — Официальный Брендбук и Современная Дизайн-система

[ 01 // ПЛАТФОРМА И ДНК ]

Почему современный дизайн технологического бренда должен выглядеть как инженерия, а не как «магия нейросетей»

Анализ эталонных дизайн-систем мирового уровня (Linear, Vercel Geist, Anthropic, Bakken & Bæck, Koto) и ведущих диджитал-студий (ONY, Shuka, Embacy, Pinkman) показывает ключевой принцип современного брендинга: фиолетово-голубые градиенты и светящиеся нейросети считываются рынком как дешевый шаблон. Доверие серьезного заказчика выигрывает сдержанная архитектурная точность.

СМЫСЛ 01 // ПАРТНЕРСТВО

L × L = L² (Две фамилии)

В основе названия — две заглавные буквы L сооснователей проекта. Мы намеренно используем не сложение (L+L), а возведение в степень L²: синергия глубокой инженерной/ИИ-архитектуры и сильной коммерческой экспертизы умножает результат клиента.

СМЫСЛ 02 // АРХИТЕКТУРА

Layer 2 поверх реального бизнеса

У наших заказчиков уже есть Layer 1 — реальное производство, строительство, услуги или торговля. L2 Lab выстраивает поверх него Layer 2: скоростной цифровой контур (умный сайт, ИИ-помощник продаж 24/7 и автоматизация рутины).

СМЫСЛ 03 // ГИБКОСТЬ

Лаборатория любых задач бизнеса

Формат Lab позволяет начинать с понятного и быстрого продукта (современные сайты + ИИ-помощники за 5–10 дней) и развивать сотрудничество в любую кастомную автоматизацию — под уникальную идею или внутренний процесс клиента.

МАТРИЦА ПРОДУКТОВ (МОДУЛЬНАЯ АРХИТЕКТУРА)

Единая система направлений при росте компании

Все направления и будущие продукты наследуют префикс L2 и единую геометрию бейджа:

L2 Sites
Умные сайты для бизнеса за 5–10 дней

L2 Agents
ИИ-помощники и продажи 24/7

L2 Flow
Автоматизация любых бизнес-процессов

L2 Custom
Реализация нестандартных идей под ключ

ОРФОГРАФИЧЕСКИЙ СТАНДАРТ ИМЕНИ

Как правильно писать название бренда

В текстах фиксируется единое написание через пробел без точки посередине:

✓ L2 Lab ✓ L² ✓ Элту Лаб ✓ l2lab.ru

✕ L2.Lab ✕ L2LAB ✕ Л2 Лаб ✕ L-2 Lab

[ 02 // ЗНАК И ЛОГОТИП ]

Геометрическая монограмма L² и логотипная пара

Знак построен на модульной сетке 64×64: массивная архитектурная опора L олицетворяет фундамент реального бизнеса (Layer 1), а выверенный геометрический индекс ² в фирменном цвете Signal Vermilion обозначает интеллектуальный контур ускорения (Layer 2).

L2 Lab

02.A — ОСНОВНОЙ ГОРИЗОНТАЛЬНЫЙ ЛОГОТИП (DARK) BG: #0A0B0E

L2 Lab

02.B — ВЕРСИЯ ДЛЯ ДОКУМЕНТОВ И КП (WARM PAPER) BG: #F5F4F0

ЧЕРТЕЖ ПОСТРОЕНИЯ И ОХРАННОЕ ПОЛЕ (0.5X)

Инженерные пропорции

Толщина основного штамба L составляет ровно 9 модулей, а штрих индекса ² — 4.5 модуля (строгое соотношение 2 : 1).

Охранное поле: не менее 0.25X от высоты контейнера вокруг знака (и 0.5X для открытой монограммы без плашки).

АДАПТИВНЫЕ ОПТИЧЕСКИЕ РАЗМЕРЫ (RESPONSIVE MARK)

Читаемость от билборда до вкладки 16px

В зависимости от физического размера носителя применяется соответствующая оптическая детализация знака:

Display ≥96px
(с L-метками)

UI / Avatar
36–64px

Micro / Tab
16–24px

Mono Stencil
Тиснение/ЧПУ

L2.Lab

✕ ЗАПРЕЩЕНО 01

Не использовать фиолетово-радужные градиенты, размытое неоновое свечение и точку в названии L2.Lab.

L² Lab

✕ ЗАПРЕЩЕНО 02

Не растягивать знак непропорционально, не наклонять в «спортивный курсив» и не менять соотношение L и ².

L2 Lab

✕ ЗАПРЕЩЕНО 03

Не набирать логотип случайными шрифтами и не размещать на шумных низкоконтрастных фонах без плашки.

[ 03 // ЦВЕТ И ТОКЕНЫ ]

Двухконтурная палитра: Графит + Инженерная бумага + Signal Vermilion

Все цвета откалиброваны в перцептивно-равномерном пространстве OKLCH (стандарт W3C DTCG) и проверены по контрасту WCAG AAA/AA. Нажмите на любую карточку ниже, чтобы скопировать код цвета.

CANVAS DARK AAA 17.2:1

Obsidian Carbon

Основной фон цифровых продуктов и первого экрана

HEX: #0A0B0E OKLCH: 0.145 0.008 265

SURFACE 01 BENTO CARD

Graphite Surface

Карточки Bento-сетки, виджеты и модульные панели

HEX: #111318 OKLCH: 0.185 0.010 265

PAPER LIGHT AAA 16.8:1

Warm Engineering Paper

Светлые секции сайта, коммерческие предложения, презентации

HEX: #F5F4F0 OKLCH: 0.965 0.006 85

BRAND SIGNAL PRIMARY CTA

Signal Vermilion

Индекс L², главные кнопки целевого действия, фокусные метки

HEX: #FF5520 OKLCH: 0.660 0.220 36

Autonomous Mint · #10B981

Строго для индикации активного ИИ-помощника («онлайн 24/7»), готовых заявок и показателей выгоды в рублях.

Blueprint Cobalt · #3B82F6

Для архитектурных схем бизнес-процессов, связок с мессенджерами/CRM и информационных ссылок.

Handoff Amber · #F59E0B

Сигнал эскалации: мгновенная передача прогретого клиента живому руководителю или менеджеру.

ПРАВИЛО ПРОПОРЦИЙ ЦВЕТА НА ЭКРАНЕ (70 / 20 / 7 / 3)

70% Спокойный фон (Графит или Бумага) 20% Карточки и типографика 7% Signal Vermilion (только фокус и CTA) 3% Статусы ИИ

[ 04 // ТИПОГРАФИКА ]

Трехуровневая кириллическая система шрифтов (SIL OFL)

Связка Geologica + Golos Text + JetBrains Mono бесплатна для любого коммерческого использования, мгновенно загружается и идеально сочетает инженерный характер с читаемостью B2B-текстов.

DISPLAY / H1
Geologica Bold (700)
52px / LH 1.08 / -0.035em
Axis: SHRP 100

Умные сайты и ИИ-помощники 24/7

SECTION / H2
Geologica Bold (700)
34px / LH 1.18 / -0.025em

Автоматизируем бизнес-процессы и реализуем ваши идеи

BODY & UI
Golos Text Regular/Med
16px / LH 1.60 / Tabular

До 65% клиентов обращаются в компанию вечером или в выходные. Наш ИИ-помощник консультирует без ожидания, считает предварительную смету и сразу передает горячий контакт руководителю в удобный рабочий мессенджер.

TELEMETRY / MONO
JetBrains Mono Medium
12.5px / LH 1.65 / +0.04em

[L2-AGENT // ACTIVE] → Мгновенный ответ 24/7 · Смета рассчитана · Заявка передана в рабочий канал связи

[ 05 // ГРАФИКА И НОСИТЕЛИ ]

Координатные L-скобки (⌜ ⌟) и тактильная айдентика

Фирменный графический прием L2 Lab выводится напрямую из названия: две угловые засечки в форме буквы L (прямая └ и повернутая на 180° ┐) замыкают ключевой смысловой блок в квадрат L² — как рамка инженерного чертежа.

Фирменные носители L2 Lab — Автономные бизнес-системы

ПРАВИЛО 01 // ГРАФИКА

Чертежная сетка вместо стоков

Вместо абстрактных нейросетевых картинок мы используем тонкую координатную сетку 1px, наглядные сценарии работы и живые интерактивные виджеты.

ПРАВИЛО 02 // ДИНАМИКА

Инженерная микро-анимация

Кривая движения: cubic-bezier(0.22, 1, 0.36, 1), длительность 180–260ms. Никаких «пружинящих» мультяшных отскоков — четкая фиксация, как у точного прибора.

ПРАВИЛО 03 // ФИЗИКА

Матовые фактуры и торцевой цвет

Для визиток основателей и папок договоров: плотный графитовый хлопок 600 г/м² с окрашенным торцом Signal Vermilion (#FF5520) и теплая бумага #F5F4F0.

[ 06 // ДИЗАЙН САЙТА L2LAB.RU ]

Эталонный интерфейс сайта l2lab.ru по брендбуку

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

🔒 https://l2lab.ru — Официальный дизайн-концепт

● LIVE SYSTEM

L2 Lab

Умные сайты ИИ-помощники Кастомная автоматизация Калькулятор выгоды

ЛАБОРАТОРИЯ АВТОМАТИЗАЦИИ БИЗНЕСА • L²

Создаем умные сайты и внедряем ИИ-помощников, которые продают за вас 24/7

Запускаем продающие сайты со встроенными ИИ-консультантами за 5–10 дней и разрабатываем нестандартные системы автоматизации под любые задачи и идеи вашего бизнеса.

24/7

консультация без ожидания и очередей

5–10 дней

запуск умного сайта с ИИ под ключ

Под ключ

любая автоматизация под вашу идею

ВИДЖЕТ САЙТА + МЕССЕНДЖЕРЫ ● ОНЛАЙН-КОНСУЛЬТАНТ (22:40)

Добрый вечер! Строите дома из газобетона 120 м² под теплый контур? Какая примерно цена?

Здравствуйте! Да, строим. Дом 120 м² из газобетона 400 мм в комплектации «теплый контур» (фундамент плита + коробка + кровля + окна) выйдет ориентировочно в 4.2 – 4.6 млн ₽.

Подскажите, участок уже приобретен? Запишу вас на бесплатный выезд инженера для точной сметы.

Мгновенно в удобный канал руководителю:
Горячий лид (22:41) → Дом 120 м², газобетон, бюджет ~4.5 млн ₽, участок есть. Контакт получен, готов на встречу во вторник.

[ 07 // ГОЛОС И ПРАВИЛА ИИ ]

Tone of Voice: Инженер, который говорит на языке выгоды

Наши клиенты — собственники и руководители реального бизнеса. Они ценят конкретику, быстрые сроки запуска и открытость к диалогу. Мы исключаем как «инфобизнесовый хайп», так и пугающий технический жаргон.

Контекст	✕ Как мы НЕ говорим (Штампы и жаргон)	✓ Стандарт L2 Lab (Точно, на равных, в цифрах)
Оффер первого экрана	«Трансформируем ваш бизнес с помощью передовой синергии генеративных нейросетей нового поколения»	«Создаем умные сайты и подключаем автономных ИИ-помощников, которые консультируют клиентов без ожидания, считают стоимость и передают готовые заявки в ваш удобный рабочий канал 24/7»
Объяснение ИИ-помощника	«Мы настроим векторную базу с эмбеддингами и промпт-чейнингом для вашего чат-бота»	«Обучим ИИ-помощника по вашему прайс-листу, фотографиям работ и частым вопросам — он консультирует вежливо и точно, как лучший менеджер»
Индивидуальная автоматизация	«Делаем только типовые решения из коробки по жесткому ТЗ»	«Автоматизируем любые нестандартные процессы: расскажите вашу идею или узкое место в бизнесе — мы предложим архитектуру и реализуем ее под ключ»

AI GOVERNANCE // СОВРЕМЕННЫЙ СТАНДАРТ БРЕНДБУКА

Регламент использования генеративного ИИ внутри бренда L2 Lab

✓ Разрешено:

Генерация кода интерфейсов строго с подключением файла DESIGN.md и tokens.css; предметные фотомокапы с натуральным студийным светом (бетон, дерево, анодированный металл, матовая бумага).

⚠ Только с проверкой:

Отраслевые демо-кейсы для клиентов (все расчеты цен и параметров обязательно проверяются перед отправкой заказчику).

✕ Строго запрещено:

Растровая генерация логотипа L² (используются только эталонные SVG-файлы), стоковые картинки «роботов, жмущих руку человеку», фейковые отзывы и несуществующие метрики.

[ 08 // ПАКЕТ ФАЙЛОВ ]

Исходники логотипа, дизайн-токены и PDF-брендбук

Все файлы синхронизированы с основным сайтом l2lab.ru и готовы для использования в презентациях, мессенджерах и новых проектах.

SVG VECTOR

Инженерная формула
бизнеса в квадрате L²

Почему современный дизайн технологического бренда должен выглядеть как инженерия, а не как «магия нейросетей»

L × L = L² (Две фамилии)

Layer 2 поверх реального бизнеса

Лаборатория любых задач бизнеса

Единая система направлений при росте компании

Как правильно писать название бренда

Геометрическая монограмма L² и логотипная пара

Инженерные пропорции

Читаемость от билборда до вкладки 16px

Двухконтурная палитра: Графит + Инженерная бумага + Signal Vermilion

Трехуровневая кириллическая система шрифтов (SIL OFL)

Координатные L-скобки (⌜ ⌟) и тактильная айдентика

Чертежная сетка вместо стоков

Инженерная микро-анимация

Матовые фактуры и торцевой цвет

Эталонный интерфейс сайта l2lab.ru по брендбуку

Создаем умные сайты и внедряем ИИ-помощников, которые продают за вас 24/7

Tone of Voice: Инженер, который говорит на языке выгоды

Регламент использования генеративного ИИ внутри бренда L2 Lab

Исходники логотипа, дизайн-токены и PDF-брендбук

Logo Lockup (Dark)

Logo Lockup (Paper)

Знак L² (Avatar)

Favicon L²

tokens.css

tokens.json

DESIGN.md

PDF Брендбук

Инженерная формула бизнеса в квадрате L²

Почему современный дизайн технологического бренда должен выглядеть как инженерия, а не как «магия нейросетей»

L × L = L² (Две фамилии)

Layer 2 поверх реального бизнеса

Лаборатория любых задач бизнеса

Единая система направлений при росте компании

Как правильно писать название бренда

Геометрическая монограмма L² и логотипная пара

Инженерные пропорции

Читаемость от билборда до вкладки 16px

Двухконтурная палитра: Графит + Инженерная бумага + Signal Vermilion

Трехуровневая кириллическая система шрифтов (SIL OFL)

Координатные L-скобки (⌜ ⌟) и тактильная айдентика

Чертежная сетка вместо стоков

Инженерная микро-анимация

Матовые фактуры и торцевой цвет

Эталонный интерфейс сайта l2lab.ru по брендбуку

Создаем умные сайты и внедряем ИИ-помощников, которые продают за вас 24/7

Tone of Voice: Инженер, который говорит на языке выгоды

Регламент использования генеративного ИИ внутри бренда L2 Lab

Исходники логотипа, дизайн-токены и PDF-брендбук

Logo Lockup (Dark)

Logo Lockup (Paper)

Знак L² (Avatar)

Favicon L²

tokens.css

tokens.json

DESIGN.md

PDF Брендбук

Инженерная формула
бизнеса в квадрате L²