Напечатанный на белой бумаге терминал

Дизайн-система Vercel — это пример дисциплинированной монохромности: почти белый холст (#fafafa), чёрный шрифт, тонкие границы и полное отсутствие декоративного цвета. Визуальный язык напоминает терминал разработчика, отрисованный в печатном виде — шрифт Geist Sans едва различим в масштабе «героический» с толщиной 400-450 и межбуквенным интервалом -0.06em, в то время как Geist Mono наносит отметки, метаданные и примеры кода заглавными буквами 11-13px. Кнопки представляют собой острые 6px-радиусы или прямоугольники чисто чёрного на белом или белого на чёрном. Система полагается на контраст и иерархию типографики, а не на цвет, используя треугольный знак (▲) и двухстрочный словесный знак в качестве единственного фирменного элемента. Поверхности располагаются друг над другом в порядке #fafafa → #ebebeb → #171717, создавая глубину за счёт изменения тональных значений, а не тени или цвета. Каждый элемент построен на сетке 4px с компактной плотностью, в результате чего получается интерфейс, напоминающий блокнот инженера — точный, функциональный и не боящийся пустого пространства.

Контейнер максимальной ширины 1280px, центрированный, с большим горизонтальным отступом (24-48px). В главном блоке используется асимметричная трехзонная композиция: крупный заголовок слева, глиф бренда по центру, блок «брови» справа. Под главным блоком контент расположен чередующимися полосами: полоса с логотипом клиента во всю ширину, затем двухколоночный раздел «создатели агентов» с заголовком слева и макетом продукта справа, затем сетка из трех карточек с характеристиками. Разделы разделены вертикальными промежутками 96-128px без разделителей или смещения фона. Навигация представляет собой одну фиксированную панель 64px с размытием фона. Сетки карточек постоянно используют двухколоночную или трехколоночную компоновку с промежутками 16-24px. Общая плотность компактна — текст удобно читать, свободного пространства достаточно, но масштаб шрифта и размер компонентов не позволяют странице казаться воздушной.

Изображения скудны и всегда функциональны. Главный визуальный элемент — черный треугольник (▲) — геометрический фирменный знак, который в масштабе «заглавный» отображается как парящий силуэт. Логотипы клиентов на полосе с доказательствами эффективности используют фактические словесные знаки каждого бренда в оттенках серого. Макеты продуктов (интерфейс чата Notion, вывод CLI-терминала, паспортная карта) встроены в виде скриншотов в светлом режиме внутри карточек с рамками. Здесь нет фотографий, иллюстраций, 3D — система представляет собой чистую типографику и геометрические фигуры на белой бумаге.