Vercel
Терминал, отпечатан на бяла хартия
Дизайнерската система 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 елементи - системата е чиста типография и геометрични фигури на бяла хартия.
Палитра
Неутрален
- Obsidian
#171717— Основните заглавия, навигационните рамки, тъмните бутони за запълване и маркерите на списъците са почти черни, като се избягва грубост и крещяща наситеност. - Paper White
#fafafa— Платното на страницата, повърхностите на картите, светлите запълвания на бутоните – това е стандартният фон, върху който е разположено всичко останало. - Pure White
#ffffff— Повдигнати повърхности за карти, вложки, полета за въвеждане. - Hairline
#ebebeb— 1px рамки на бутони, връзки и карти са видими при високи нива на мащабиране, но невидими при ниски нива на мащабиране. - Ash
#c9c9c9— Деактивиран текст, заглушени етикети, водни знаци на марки в лога на клиенти. - Smoke
#a8a8a8— Вторичен текст, текст-заместител, фино запълване с икони.
Типография
от 11 до 64px · 6 стъпки
- Geist Sans — замяна: Inter · очертания 400, 450, 500 · Основният шрифт за интерфейса и заглавията е специално разработен геометричен безсерифен шрифт от Vercel с плътно разстояние между буквите при големи размери (-0.06em при 56-64px, -0.05em при 30px). За заглавията в горната част на страницата е избрана дебелина 450: по-дебела от Light, но по-лека от Semi-Bold, създавайки уверен, но не и натрапчив тон.
- Geist Mono — замяна: JetBrains Mono · очертания 400, 500, 600 · Моноразмерен вторичен шрифт за надписи, кодови блокове, CLI изходни панели, метаданни и текст с главни букви. Комбинацията от 8px/600px/главни букви позволява прецизно разполагане на малки текстови марки. Широкото разстояние между буквите (0.071em) в моноразмерен вариант осигурява достатъчно място за текст с главни букви.
Интервали и форма
| Цел | Стойност |
|---|---|
| Плътност | гъст |
| Основна стъпка | 12px |
| Радиус на бутона | 6px |
| Радиус на картата | 6px |
| Сенки | не - рамки вместо сенки |
| Между секциите | 96-128px |
| Ширина на страницата | 1280px |
Изкуственият интелект ще изгради вашия уебсайт в стил Vercel и ще го запълни
- Попълнете с продукти и публикации чрез линка - Instagram, TikTok, Facebook.
- Прехвърлете съдържание от стария си сайт – просто посочете адреса.
- Модерен дизайн на най-добрия енджин: React ( Next.js) със сървърно рендериране и SEO оптимизация веднага щом е готов.
- Напълно автоматизирана SEO оптимизация за резултати от търсенето и препоръки от невронни мрежи.
Подобни стилове
- Headspace — Слънчев уелнес кът върху топла хартия
- WHOOP — Лаборатория за представления в полунощ - бели маси за клинични лаборатории под черна театрална празнота, един-единствен лилав импулс от електричество
- Together AI — Изследователска конзола върху ледникова хартия
- v0 by Vercel — Чертеж на струг. Прецизността и функционалността са от първостепенно значение, като всеки елемент служи за ясна цел върху чиста, технически перфектна повърхност.
- Dovetail — План под черна луна - едва видими линии на графиката, бял шрифт, един лилав блясък
- Glideapps — монохромна чертожна маса с един електрическо тюркоазен блясък
- Timescale — Инженерен чертеж върху топла милиметрова хартия
- UGLYCASH — Тетрадка, покрита със стикери на кремава хартия, излъчва атмосферата на смела, максималистична финтех компания, която гордо демонстрира своя хаос.
- Sprout Social — Зелен кълн върху черен шисти. Един ярък акцент върху строго монохромно платно, чийто цвят се използва само за действие, с уверен геометричен шрифт, служещ като пътепоказател.
- Krea — галерия ноар в полунощ
- Evergreen — Слънчева оранжерия върху ленена хартия
- Factory — Терминалът „военната стая“ в полунощ. „Фабриката“ е яркочерен контролен панел, където една-единствена бяла карта каца като осветена от фенерче депеша – единственият предмет в стаята е самата работа.