WP Blocks Style Guide

WordPress core blocks

Жива бібліотека блоків

Ця локальна сторінка показує, як стандартні блоки Gutenberg працюють у типографіці, кольорах, склі, радіусах і станах Social Economy Ukraine.

Типографіка

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

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

Соціальна економіка поєднує підприємництво, суспільний вплив і сталі рішення. У цьому абзаці є жирне накреслення, курсив і текстове посилання.

Маркерований список із брендованим маркером
Другий пункт із комфортним вертикальним ритмом
Вкладені елементи залишаються читабельними

Дослідити потребу
Створити рішення
Виміряти вплив

Кнопки та стани

Основна кнопка

Жовтий акцент

Контурна

Медіа

Абстрактна синя композиція Social Economy Ukraine — Зображення та підпис із системним радіусом.

Обкладинка підтримує сильний контраст

Медіа й текст

Адаптивна двоколонкова композиція стає послідовною на мобільному екрані.

Цитати й виділення

Справжня цінність рішення проявляється у змінах, які відчуває громада.
Social Economy Ukraine

150+ нових робочих місць створено у громадах.
Приклад акцентної статистики

Композиція та картки

Дослідження

Доказові рішення для соціальної економіки.

Партнерства

Спільні дії бізнесу, держави та громад.

Інтерактивні блоки

Як працює цей блок?

Details використовує нативну взаємодію браузера, але має власні стани, іконку та оформлення SEU.

Чи доступний він із клавіатури?

Так. Фокус, відкривання та семантика залишаються нативними й доступними.

Дані

Показник	Значення	Статус
Громади	9	Активно
Готові кейси	11	Опубліковано
Регіони	3	У роботі

Таблиця з hover-станом і горизонтальним скролом на вузьких екранах.

Технічний контент

:root {
  --seu-blue: #1c64f2;
  --seu-yellow: #ffd54a;
}

8 · 16 · 24 · 32 · 40 · 48 · 64
Ритм побудовано на восьмипіксельній сітці.

Орбіти рухаються тихо,
а зміни в громадах — відчутно.