Дизайн-система

Дом, из которого не хочется уезжать

Заголовок набран антиквой Literata. Выделенный фрагмент переключается на гротеск Golos Text: вес остаётся 400, работает только смена гарнитуры. Ни жирности, ни цвета.

Замер компенсации кегля

Брус сечением 145

Высота строчных у обеих гарнитур должна совпасть. Если гротеск кажется мельче или крупнее антиквы — значение --swap-scale подобрано неверно.

Основа

bgoklch(97.7% 0.008 64)фон

cardoklch(95.2% 0.013 64)подложка

inkoklch(29.5% 0.02 64)текст

brandoklch(40.4% 0.111 147)из логотипа

brand-liftoklch(58% 0.13 145)приглушён с 0.199

Четыре состояния одной доски

Цвета сняты с серии текстур, снятых в одном свете. Тон живого дерева держится в диапазоне 64,5–66,6 во всех трёх состояниях. Посеребрённая от солнца доска даёт природный нейтраль: насыщенность падает до 0,0195, и им можно гасить второстепенное вместо серого.

wood-fresh

свежий распил, #e6bf98

wood-sanded

шлифованная, #e5ab73

wood-oiled

под маслом, #e9ab6e

wood-silvered

посеребрённая, #a59790

Тональная шкала

pine-100oklch(92% 0.055 65)блики

pine-200oklch(87.6% 0.05 65)

pine-300oklch(82.9% 0.069 66)средний по массе

pine-400oklch(75.3% 0.067 63)

pine-500oklch(62.5% 0.08 59)тени

Кнопка

Радиус едет с 10 до 24 пикселей за 0,25 с. До полной пилюли не доводим: 50 пикселей читаются как промышленный пластик и спорят с материалом.

Проверка на серые линии

Все границы и тени на этой странице выведены через color-mix из основного тёплого коричневого. Ни одна линия не задана серым. Проверяется пипеткой: насыщенность любой границы должна быть больше нуля.