Заголовок первого уровня

Заголовок второго уровня

Заголовок третьего уровня

Заголовок четвёртого уровня

Заголовок пятого уровня

Заголовок шестого уровня

Обычный абзац с ссылкой внутри текста, полужирным начертанием, курсивом и фрагментом кода. Основной текст набран Open Sans размером 16 пикселей с межстрочным интервалом 1,5 — так же, как на действующем сайте.

Мелкий второстепенный текст: дата, счётчик просмотров, подпись.

Списки

• Маркированный список, первый пункт
• Второй пункт, чуть длиннее первого
• Третий пункт

1. Нумерованный список
2. Второй пункт

Цитата

Цитата занимает отдельный блок с левой линией акцентного цвета и фоном приподнятой поверхности.

Код

function nn_user_can_access( int $post_id ): bool {
	return user_can( get_current_user_id(), 'nn_view_pro' );
}

Таблица

Обычная ссылка Наведение — подчёркивание Текущая страница

Кольцо фокуса проверяется клавишей Tab: оно жёлтое и видно на всех интерактивных элементах.

Основное действие

Обычная Маленькая Отключённая

Главное действие на страницах сайта

Золотая кнопка тем же переливом, что у плиток разделов и ряда кнопок под шапкой. Синяя выше — кнопка дизайн-системы: формы, админка, кабинет.

Обычная Маленькая Отключённая

Второстепенное действие

Обычная Отключённая

Третьестепенное и опасное

Текстовая кнопка Удалить

Во всю ширину

Кнопка на всю ширину контейнера

Обычный PRO Тема

Широкая карточка — список материалов внутри раздела: одна в ряду, обложка во всю ширину колонки, заголовок и анонс крупнее.

Разметку и JSON-LD даёт плагин nn-breadcrumbs (шаг 7), здесь только оформление.

Разметку даёт плагин nn-recipe (шаг 12), здесь только оформление. Геометрия повторяет действующий сайт: список слева, пищевая ценность справа, отбивка точками, квадрат-отметка. Пересчёт порций и печать — на странице материала.