Слой архитектора
Дизайн
Имя, адреса, мета и внешний вид этого проекта. Сохранённые настройки читаются на лету — изменение видно при следующей загрузке страницы, без пересборки.
Формы и отступы
Скругление углов, рамки, плотность и ширина содержимого.
Углы, рамки и воздух — форма каждой поверхности на сайте.
Скругление углов
Действует сразу на карточки, панели, кнопки и поля ввода — каждый элемент выводит свой радиус из этого одного значения.
Толщина рамки
Рамка в два пикселя меняет характер интерфейса сильнее, чем цвет.
Плотность
Вертикальный воздух на всех страницах. Разница между контентными и рабочими экранами сохраняется — это число двигает обе меры вместе.
Ширина содержимого
Насколько широкой может стать средняя колонка страницы. Шапка, первый экран и подвал всегда во всю ширину.
Как выглядит
Карточка на странице
Её текст стоит внутри рамки, на том расстоянии, которое задаёт плотность.
Как эти четыре значения доходят до страниц
Один радиус, пять производных. Проект считает из этого числа малый, средний, большой и увеличенный углы, поэтому карточка, кнопка и поле ввода не могут разойтись. Задавать их по отдельности — так и появляются интерфейсы с тремя разными углами на одном экране.
Плотность — множитель, а не число пикселей. Контентные страницы свободнее рабочих намеренно: одни читают, в других работают. Множитель двигает обе меры и сохраняет эту разницу — отдельные поля позволили бы сделать рабочий экран воздушнее контентного, а это не настройка, а дефект.
Ширина управляет только серединой. Шапка страницы, первый экран, завершающая секция и подвал всегда во всю ширину. Это значение ограничивает колонку между ними — ту, по которой идёт взгляд читателя и где слишком длинная строка становится трудной.