Стенд блоків
Усі типи блоків на одній сторінці — щоб бачити, як їх фарбує палітра
Текст і типографіка
Заголовки, списки, посилання в тексті — усе, що фарбує палітра
Заголовок другого рівня
Звичайний абзац із жирним, курсивом і посиланням усередині тексту — саме воно найчастіше й губиться на світлих палітрах.
Заголовок третього рівня
- Перший пункт списку
- Другий пункт, трохи довший, щоб побачити перенос рядка
- Третій
Цитата: окремий фон і окремий колір тексту — ще одна пара, яку треба перевіряти.
Останній абзац, щоб було видно відступ між ними.
AI-блок
Тут перевіряємо кожен дозволений клас на одній палітрі
Великий вступний текст — перше, що читають, і перше, що зникає на слабкому контрасті.
БейджЩе одинПриглушений текст поруч
Картка
Власний фон і власний колір тексту — окрема пара, яку теж треба перевіряти.
Друга картка
Тут приглушений текст усередині картки — найтонше місце.
Раз
Сітка на три.
Два
Однакова висота.
Три
І однакові поля.
Цитата в AI-блоці — ще одна пара «фон ↔ текст».
Текст по центру, а під ним посилання і код.
Сітка картинок
Текст поверх зображення — найгірший випадок для контрасту
Картки з іконками
Іконка бере колір тексту посилання
Назва40
сорок десять
We use cookies to analyze site traffic and to test different versions of this page. Decline and you will simply see the standard version.