Тест интерфейса: Демонстрация возможностей новой типографики Lexis AI

В этом вводном абзаце мы тестируем базовый шрифт статьи. Текст должен быть крупным, контрастным, глубокого графитового цвета, который легко читается на любом экране. Здесь мы сразу проверим жирное выделение текста для расстановки акцентов и элегантный курсив для выделения вводных слов или иностранных терминов.

Также проверим, как вплетается в ткань повествования обычная текстовая ссылка — она должна аккуратно подчеркиваться фирменным синим цветом с небольшим отступом.

Почему ИИ совершил прорыв в распознавании речи?

Это заголовок второго уровня (H2). Он автоматически окрасился в благородный индиго со стартовой страницы, имеет правильный межстрочный интервал и плотность. Попробуем совместить несколько стилей: например, зачеркнутый текст, который больше не актуален, и крайне важное подчеркнутое утверждение, на которое стоит обратить внимание.

Когда мы пишем технические статьи, нам часто нужно использовать строчный код (inline code) для обозначения переменных, названий функций, путей к файлам (например, src/components/Navbar.astro) или названий моделей вроде Whisper-Large-V3. Как видишь, он выделяется аккуратной светло-серой плашкой.

Работа со сложными контекстами

А это подзаголовок третьего уровня (H3). Он чуть меньше, имеет глубокий темный цвет и служит для разделения логических блоков внутри одной большой темы.

Вот пример того, как выглядит наше новое дизайнерское примечание (блок цитаты):

Важное архитектурное правило: Использование изолированных глобальных стилей в Astro позволяет нам жестко зафиксировать контрастность текста. Теперь никакие сторонние темы или плагины браузера не смогут сделать текст блеклым или нечитаемым. Всё под полным контролем.

Проверка работы списков

В статьях мы будем постоянно группировать данные. Списки должны иметь четкие отступы, а их markers обязаны соответствовать дизайн-системе.

Пример маркированного списка (Unordered List):

• Автоматическое вытягивание категорий из фронтенда
• Мгновенная фильтрация на стороне клиента без перезагрузок
• Полная адаптивность под мобильные устройства и планшеты
• Поддержка SEO-оптимизированных тегов

А теперь проверим, как ведут себя цифры в нумерации. Обрати внимание, что точки и цифры также окрашиваются в синий цвет, отделяясь от основного текста.

Пример нумерованного списка (Ordered List):

1. Создаем новый файл в формате .md или .mdx внутри папки контента.
2. Прописываем метаданные в верхней части (заголовок, категорию, дату).
3. Пишем текст статьи, используя стандартный синтаксис Markdown.
4. Astro автоматически собирает страницу и обновляет фильтры в блоге.

В самом конце статьи текст плавно переходит к финалу, оставляя приятное визуальное ощущение от чтения качественной журнальной верстки.