H1 (font-weight: 900)

Мир нежного белья

Использование: Главный заголовок страницы, крупные блоки акций.
Размер: Адаптивный: от ~32px на моб. до ~96px на ПК.

H2 (font-weight: 800)

Новая коллекция пижам

Использование: Заголовки разделов на главной, название категории в каталоге.
Размер: Адаптивный: от ~28px на моб. до ~60px на ПК.

H3 (font-weight: 700)

Выбор нижнего белья

Использование: Подзаголовки внутри разделов, названия товаров в карточках, заголовки форм.
Размер: Адаптивный: от ~20.8px на моб. до ~40px на ПК.

H4 (font-weight: 600, text-2xl)

Кружевные комплекты

Использование: Более мелкие заголовки, не управляемые clamp(), но требующие жирности Unbounded и стандартных размеров Tailwind.
Размер: Tailwind text-2xl (24px).

H5 (font-weight: 600, text-xl)

Уход за шелком

Использование: Меньшие заголовки.
Размер: Tailwind text-xl (20px).

H6 (font-weight: 600, text-lg)

Размерная сетка

Использование: Самые маленькие заголовки, например, в футере или боковых панелях.
Размер: Tailwind text-lg (18px).

Стандартный параграф (, font-weight: 400)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Использование: Основная масса текста, описания товаров, статей, информация о компании.
Размер: Адаптивный: от ~16px на моб. до ~18px на ПК.

Полужирный текст (font-medium)

Это полужирный текст Manrope. Используется для выделения важных частей предложения или кратких акцентов, когда не нужен полноценный заголовок.

Применяем класс font-medium (соответствует font-weight: 500).

Крупный текст (text-lg)

Используется для выделения важных абзацев или вступительного текста. Он чуть крупнее стандартного параграфа.

Применяем класс text-lg.

Мелкий текст (text-sm, font-light)

Используется для подписей к изображениям, мета-информации, дисклеймеров, или текста в футере. Мелкий и легкий для менее важного текста.

Применяем классы text-sm font-light.

Очень мелкий текст (text-xs, font-extralight)

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

Применяем классы text-xs font-extralight.

Базовый PT Mono

const productID = "KYNCHR-001-A1B2"

Применяется через утилитарный класс Tailwind font-mono.

PT Mono в мелком размере

Код товара: #XY123-Z

Применяем классы font-mono text-sm.

Основная кнопка (, font-weight: 700)

Использование: Основные призывы к действию.
Размер: Адаптивный: от ~16px на моб. до ~18px на ПК.

H2 + Параграф (вступление к разделу)

Наше нежное белье: комфорт и стиль

Мы создаем уникальные коллекции, чтобы каждая женщина чувствовала себя уверенно и комфортно. Используем только натуральные ткани и следим за каждой деталью.

Описание: Мощный заголовок Unbounded привлекает внимание, а текст Manrope легко читается. Идеально для начала нового раздела.

H3 + Список (особенности продукта)

Особенности модели "Лотос"

• Изготовлено из 100% натурального шелка Малбери.
• Гипоаллергенный материал, идеально для чувствительной кожи.
• Ручная вышивка из тончайших нитей.

Описание: Заголовок H3 четко обозначает тему, а список параграфов Manrope обеспечивает легкое чтение деталей.

Цитата (крупный текст с акцентом)

“Самое главное в белье — это нежность прикосновения и чувство уверенности, которое оно дарит.”

Описание: Используем крупный параграф (text-lg) с полужирным начертанием (font-medium) и курсивом (italic) для выделения цитат или важных фраз.

Код/техническая информация

Ваш персональный код скидки: XY-789-Z

Описание: PT Mono отлично подходит для любых данных, которые должны выделяться как "технические" или "код".