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 · Примарниот фонт за интерфејсот и насловите е прилагодено дизајниран геометриски sans-serif од 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 — Терминалот на „воената соба“ на полноќ. „Фабриката“ е остра црна контролна табла каде што една бела картичка слетува како диспечер осветлен со фенерче - единствениот предмет во собата е самата работа.