Vercel
Терминал одштампан на белом папиру
Верселов систем дизајна је вежба дисциплинованог монохроматског стила: скоро бело платно (#fafafa), црни фонт, танке ивице и потпуно одсуство декоративних боја. Визуелни језик подсећа на терминал програмера приказан у штампаном облику — Geist Sans је једва читљив на „херојској“ скали са тежином од 400-450 и размаком између слова од -0,06em, док Geist Mono примењује ознаке, метаподатке и узорке кода великим словима од 11-13px. Дугмад су оштри радијуси од 6px или правоугаоници чисто црне на белој или беле на црној. Систем се ослања на контраст и типографску хијерархију, а не на боју, користећи троугласти знак (▲) и дворедни текст као једине елементе брендирања. Површине су наслагане једна на другу редоследом #fafafa → #ebebeb → #171717, стварајући дубину променом тоналних вредности, а не сенке или боје. Сваки елемент је изграђен на мрежи од 4 пиксела са компактном густином, што резултира интерфејсом који подсећа на инжењерску свеску - прецизан, функционалан и без страха од белог простора.
Контејнер је широк 1280 пиксела, центриран, са издашним хоризонталним размаком (24-48 пиксела). Главни блок користи асиметричну композицију са три зоне: велики наслов са леве стране, глиф бренда центриран и блок „обрве“ са десне стране. Испод главног блока, садржај је распоређен у наизменичним пругама: трака пуне ширине са логотипом клијента, након чега следи одељак „Креатори агента“ са две колоне са насловом са леве стране и распоредом производа са десне стране, након чега следи мрежа од три картице са карактеристикама. Одељци су одвојени вертикалним ивицама од 96-128 пиксела без раздела или померања позадине. Навигација је један фиксни панел од 64 пиксела са замућеном позадином. Мреже картица доследно користе распоред са две или три колоне са ивицама од 16-24 пиксела. Укупна густина је компактна - текст је лако читљив, има довољно белог простора, али величина фонта и величине компоненти спречавају да страница делује прозрачно.
Слике су ретке и увек функционалне. Главни визуелни елемент је црни троугао (▲) - геометријски знак бренда који се појављује као лебдећа силуета у размери „великог слова“. Логотипи клијената на траци за доказ концепта користе стварне речи сваког бренда у сивим тоновима. Модели производа (Notion-ов интерфејс за ћаскање, излаз CLI терминала, пасош картица) су уграђени као снимци екрана у светлом режиму унутар урамљених картица. Нема фотографија, илустрација или 3Д елемената - систем је чиста типографија и геометријски облици на белом папиру.
Палета
Неутрално
- Obsidian
#171717— Главни наслови, оквири за навигацију, тамно пуњење дугмади и маркери листе су скоро црни, избегавајући грубост и дречаву засићеност. - Paper White
#fafafa— Платно странице, површине картица, светле испуне дугмади - то је стандардна позадина на којој се налази све остало. - Pure White
#ffffff— Подигнуте површине картица, уметци, поља за унос. - Hairline
#ebebeb— Ивице од 1 пиксела на дугмадима, линковима и картицама су видљиве на високим нивоима зумирања, али невидљиве на ниским нивоима зумирања. - Ash
#c9c9c9— Онемогућен текст, пригушене ознаке, водени жигови имена бренда у логотипима клијената. - Smoke
#a8a8a8— Секундарни текст, текст резервисаног места, суптилно попуњавање иконама.
Типографија
од 11 до 64 пиксела · 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 — Терминал „ратне собе“ у поноћ. „Фабрика“ је потпуно црна контролна табла где једна бела картица слеће попут депеше осветљене батеријском лампом — једини предмет у соби је сам рад.