Шесть раскладок текста вокруг светящихся литер

Основа — раскладка «Флаг слева поверх визуала»: литеры GSR идут во весь кадр (капитель ~530px, верх на 20% высоты, база на 85%), крайняя R срезана правым краем, оптическая масса — в правых 55%. Слева, по единому левому полю 6,7%, стоит один вертикальный флаг: киккер на 15,5% высоты, H1 в три строки капс-серифом 88px с интерлиньяжем 0,86 (базовые линии 26%, 35%, 44,5%), подзаголовок 19px в колонке 420px на 52,5% и одна заливная кнопка на 61%. Рваный правый край H1 заканчивается между 39% и 48% ширины и физически ложится ПОВЕРХ G и S — зазора нет вообще: заголовок остаётся острым белым, литеры под ним гаснут до 45% мягкой растушёванной полосой, фиолетовое свечение подтекает по контуру глифов. Нижние 30% кадра пустые, всего воздуха около 55%; навигация — плавающая пилюля 60px в 24px от верха: бордовый круглый герб слева, четыре пункта справа.

При движении курсора живут только фоновые свечения и слой литер: свечение сдвигается до 24px (≤2% ширины), сами литеры — до 10px в противоход, интерференционные полосы медленно скользят вдоль стволов; текстовая колонка и кнопка не двигаются ни на пиксель, поэтому «врезка» заголовка в буквы читается как реальное перекрытие слоёв, а не как параллакс-эффект. При загрузке свечение изнутри литер разгорается с нуля за 900ms, следом по одной входят строки — киккер, три строки H1, подзаголовок, кнопка: opacity 0→1 плюс подъём 12px, 500ms, шаг задержки 70ms.

Взята раскладка «Центральная ось» (c77659f6…), но z-порядок инвертирован: литеры не наезжают на текст снизу, а уходят за него подложкой — GSR стоит на той же вертикальной оси, кап-высота 470px, буквы от 18% до 82% ширины, верх на 14%, база на 72% высоты. Поверх, строго по центру, идёт стек: киккер на 30% высоты, H1 в две строки с базами 40% и 49,5% («РАЗВИТИЯ» — серифный курсив с фиолетовым свечением), подзаголовок на 58%, одна заливная пилюля «Вводная лекция» верхом на 63,5%. Нав — плавающая капсула 60px в 20px от верха, центрирована по оси, спан 26–74% ширины: слева внутри круглый бордовый герб, справа четыре пункта. Уши симметрии закрывают сами крайние литеры G и R, поэтому боковые метки из оригинала не нужны; низ 12% пустой, только одна волосяная линейка на 88% шириной в ширину литер.

При движении курсора смещаются только слой свечения и слой литер — контрсдвиг до 18px по горизонтали и до 10px по вертикали, вертикальные интерференционные полосы медленно сползают по штрихам; текстовая колонка и кнопка не двигаются ни на пиксель, поэтому центральная ось читается как неподвижная. На загрузке сначала за 700ms разгорается свечение изнутри литер, потом по одной входят строки — киккер, строка 1, «РАЗВИТИЯ», подзаголовок, кнопка: opacity 0→1 плюс подъём 12px, 500ms, шаг 70ms. Центральная горизонтальная полоса литер в момент входа текста дополнительно притухает на 45%, чтобы белый капс сел на чистое поле.

Взял раскладку «Микро-мета по углам, волосяная рамка, переплетённая литера»: волосяная рамка с отступом 2,5% от краёв держит каркас, шапка врезана в верхнюю линейку — герб слева, четыре пункта справа. Весь текст разведён по четырём углам внутри рамки: киккер в левом верхнем (базовая 13%), подзаголовок в правом верхнем в две строки с выключкой вправо, H1 в три строки в левом нижнем (базовые 79 / 85,5 / 91%), заливная пилюля «Вводная лекция» — в правом нижнем на 86% высоты. Центр пуст: литеры GSR стоят по центральной вертикали с 19% до 81% ширины, верх на 18%, базовая линия на 76%, между текстовыми блоками и глифами зазор минимум 3% высоты — ничто не перекрывается. Ритм внутри стека растущий (16 → 28 → 36px), кегли 12 / 19 / 88px против капители литер ≈ 60% высоты кадра дают лестницу 8 : 2,2 : 1 : 0,7.

При движении курсора дышат только свет и литеры: фронтальный слой глифов смещается до 24px, задний слой свечения — в противофазе на 8–10px, вертикальные интерференционные полосы медленно проползают по штрихам; текстовые углы и кнопка не двигаются вообще. На загрузке рамка прочерчивается за 500ms, затем углы входят по одному против часовой стрелки — киккер, подзаголовок, H1, кнопка, — opacity 0→1 плюс сдвиг 12px, 500ms, шаг 80ms. Литеры проявляются первыми: свечение разгорается изнутри с 0 до пиковых 0,32 за 900ms, без масштабирования и без теней.

База — «Зеркальный разлом»: строгая центральная ось, литеры GSR во всю ширину с обрезкой левым и правым краями (капитель 400px, от 30% до 79% высоты), по оси 50% — тонкий вертикальный луч, рассекающий слово и уходящий вверх и вниз за пределы литер. Киккер «АВТОРСКАЯ МЕТОДИКА ДМИТРИЯ УСТИНОВА» снят с привычного места над H1 и поставлен на ребро: повёрнут на 90° против часовой, читается снизу вверх, базовая линия на 4% ширины, тянется от 92% высоты вверх до 50%; рядом волосяная вертикаль на 2.4% ширины с бордовой засечкой 6px, у правого края — зеркальная вертикаль без текста. H1 набран одной строкой, разорванной по осевому разлому: «ГЛУБИННАЯ СИСТЕМА» занимает 8–51% ширины, «РАЗВИТИЯ» серифным курсивом — 69–92%, обе половины на общей базовой линии 23.5% высоты, между ними пустота, пробитая только лучом. Под литерами низ экрана держит горизонталь: подзаголовок по левому полю (8%, базовая 86%) и заливная кнопка «Вводная лекция» по правому (правый край 92%) на той же линии, ниже — 85px чистой пустоты без разделителя.

Параллакс живёт только в свете: слой радиального свечения и слой литер расходятся навстречу друг другу на амплитуду до 24px, интерференционные полосы медленно сползают по штрихам, текстовая колонка, вертикальный рельс и кнопка не двигаются вообще. Вход: сначала волосяная вертикаль прочерчивается снизу вверх и за ней проявляется киккер, затем половины H1 приходят навстречу разлому со сдвигом 12px, потом литеры проступают с нарастающим свечением, последними — подзаголовок и кнопка. Каждый шаг 400–600ms, задержка между шагами 60–90ms, opacity 0→1 плюс сдвиг 8–16px.

Взята раскладка «Жёсткий вертикальный сплит 60/40 с обрезкой»: экран разрезан вертикальной волосяной линией на 60% ширины, зазора между половинами нет. Правые 40% — панель на уровень светлее (#0E0D14), в которой стоят литеры GSR такого масштаба (капитель 43vw), что всё слово физически шире экрана: оно продолжается за левой колонкой, наружу выходит только хвост — 45px правого терминала «G» у самого разреза, целая «S» по центру панели и вертикальный штамб «R», срезанный правым краем; лапки букв срезаны нижним краем кадра. Левые 60% держат весь текст по одному левому полю на 7%: плавающая нав-пилюля 60px, упирающаяся правым краем ровно в линию разреза, киккер на 30% высоты, H1 в три рваные строки 88px с интерлиньяжем 0,88 (базовые линии 40 / 49,5 / 59%), подзаголовок на 66%, одна заливная кнопка на 70%, волосяная линейка с бордовой засечкой 24px на 88% и 150px пустоты под ней. Ничего не центрировано, воздух собран в верхнюю четверть правой панели и в подвал левой колонки.

При движении курсора двигаются только слой свечения и сами литеры: подсветка внутри «S» и интерференционные полосы смещаются до 24px по горизонтали (≤2vw), панель как бы поворачивается вокруг линии разреза, левая текстовая колонка и кнопка не сдвигаются ни на пиксель. Радиальные источники (фиолетовый сверху-по-центру панели и тёплый снизу-справа) идут в противофазе к литерам — за счёт этого фрагмент буквы читается как объект в глубине, а не как наклейка. На загрузке: сперва за 500ms проявляется свечение панели и литеры выезжают из-за правого края на 16px, затем строки левой колонки входят по одной — opacity 0→1 плюс сдвиг 12px, 480ms, шаг задержки 70ms, порядок киккер → три строки H1 → подзаголовок → кнопка; росчерк под «РАЗВИТИЯ» дорисовывается последним.

Экран разрезан жёсткой вертикалью на 60% ширины: слева локальная поверхность #0E0D14, справа базовый #08070B, между ними только 1px hairline — граница держится сменой поверхности, а не линейкой. В правых 40% литеры G, S, R стоят вертикальным столбом, каждая с ростом прописной 40% высоты кадра, столб не влезает в кадр — верх «G» срезан верхним краем, низ «R» нижним, правые бока всех трёх срезаны правым краем; литеры начинаются ровно на линии разреза, без поля, поэтому объект читается больше экрана. Слева нав-капсула висит в 20px от верха и упирается правым концом точно в линию разреза (герб слева, четыре пункта справа), а текстовый стек центрирован по вертикали колонки с левым полем 10% ширины и мерой 660px: киккер с бордовым штрихом → H1 в три строки 84px (0,86 интерлиньяж, «РАЗВИТИЯ» серифным курсивом) → подзаголовок 19px → одна заливная пилюля. На 88% высоты hairline пересекает только левую панель, под ним три микро-метки бордо — горизонтальная опора без счётчиков и цифр; примерно половина левой колонки остаётся пустой.

Параллакс живёт только справа: столб литер и оба радиальных источника смещаются навстречу курсору не более чем на 24px (≤2vw), а вертикальные интерференционные полосы медленно проползают по штрихам букв, меняя яркость свечения изнутри; текстовая колонка, нав-капсула и кнопка не двигаются вообще. На загрузке литеры проявляются первыми — opacity 0→1 плюс масштаб 1,02→1,0 и разгон свечения за 900ms, затем строки входят по одной снизу вверх по иерархии: киккер, три строки H1, подзаголовок, кнопка — сдвиг 12px, 500ms, шаг задержки 70ms. Ховер на кнопке добавляет только фиолетовое цветение по контуру, без сдвига и без тени.