Телеграм, WhatsApp+380637610482
Валериј Дањук
Валериј ДањукпрограмерРазвој вештачке интелигенције за предузећа. Висококвалитетни. Приступачни.Pišite na Telegram
Ventriloc — преглед сајта у овом стилу

Ventriloc

Уредничка опсерваторија података на топлом папиру - један наранџасти жар који истиче монохроматску прецизност

Вентрилок говори тихим, уредничким гласом: топло, оштро бело платно, једнопросторне, високопрецизне картице са подацима и једна наранџаста угљена боја која истиче монохроматско попут маркера на штампаном извештају. Систем комбинује посебно дизајнирани неогротескни фонт (PolySans) са дебљином од 400 поена за наслове – необично ограничење које жртвује ауторитет кроз јачину звука зарад ауторитета кроз прецизност – са Интером за текст и елементе интерфејса. Површине су у топлим сивим и крем нијансама, а не у хладној, техно плавој, картице имају асиметрично заокруживање углова (оштар горњи десни угао, мекан на другим местима), а интерактивни елементи су подељени у два различита дијалекта: дугмад у стилу текста са оштрим угловима и контејнери за навигацију у облику пилула. Боје се користе штедљиво: странице треба да буду дизајниране у ахроматском стилу 95% времена, а наранџаста се користи само као функционална интерпункција за истицање, подвлачење линкова и декоративне акценте података.

Контејнер максималне ширине је 1200 пиксела, центриран, са великодушним размацима од 80 пиксела између одељака. Главни елемент је подељен у две колоне: са леве стране је наслов, подтекст и скуп од два дугмета за позив на акцију; са десне стране је група од три преклапајуће картице са подацима (финансијски графикон, статистика прихода, прстен профитабилности) које плутају на белом платну. Испод главног елемента је трака са логотипом партнера пуне ширине на белој позадини. Накнадни одељци се смењују између пепељастих (#efefef) и белих пруга. Навигација је плутајући контејнер у облику пилуле центриран на заглављу, са логотипом бренда поравнатим лево и тамним дугметом „Контактирајте нас“ поравнатим десно. Општи ритам је простран и уреднички – широке маргине, високи одељци и картице са подацима које пружају једину визуелну интерпункцију поред типографије.

Визуелни дизајн је готово у потпуности вођен подацима: виџети графикона (линијски графикони, кружне траке напретка, картице са статистиком) дизајнирани су у равном, минималистичком стилу са танким наранџастим и месинганим линијама на белим картонским површинама. Нема фотографија животног стила, нема стокових слика, нема илустрација на почетној страници. Једини фотографски садржај су логотипи партнера/клијената, представљени у монохроматском графиту. Визуелни језик је ближи штампаном годишњем извештају него типичној SaaS веб страници – графикони ЈЕСУ слике. Иконе су танке, монолинеарне и графитне боје, ретко се појављују у навигационој траци и заглављима картица.

Палета

Brend

  • Ember Orange #ff682c — Наранџаста се користи за истицање линкова, ознака и кратких фраза. Не треба је користити као примарну боју за позиве на акцију.

Неутрално

  • Graphite #202020 — Главни текст, наслови, навигационе везе, обриси икона – то је типографска основа сваког елемента интерфејса.
  • Canvas White #ffffff — Позадина странице, елевација картице, попуњавање иконама - најсветлија површина у систему.
  • Ash #efefef — Главна позадина картице и одељка, контејнера навигационе траке, је претежно топло сива површина.
  • Fog #f5f5f5 — Суптилан тон позадине за угнежђене површине и секундарне контејнере.
  • Ivory #ebe6dd — Топла акцентна позадина за главне блокове - осећај папира.
  • Steel #4d4d4d — Секундарни главни текст, текст са дугим пасусима

Типографија

од 14 до 66 пиксела · 5 корака

  • PolySans — замена: Inter Tight or Space Grotesk at weight 400 · обриси 400 · Наслови и декоративни текст - Прилагођено дизајниран неогротескни фонт, који се користи искључиво са дебљином од 400 и размаком између слова од -0,02em, ствара суптилни уреднички ауторитет који ниједан подебљани наслов не би могао да понови.
  • Inter — замена: system-ui or Roboto · обриси 400, 500, 600 · Текст тела, ознаке елемената корисничког интерфејса, текст дугмади, наслови, метаподаци - универзални фонт без серифа за све што није наслов.

Интервали и форма

СврхаЗначење
Густинапросек
Основни корак20px
Радијус дугмета0px
Радијус картице8px
Сенкене - ивице уместо сенки
Између одељака80px
Ширина странице1200px

Вештачка интелигенција ће изградити ваш веб сајт у Ventriloc стилу и попунити га

  • Попуните производима и објавама преко линка - Instagram, TikTok, Facebook.
  • Пребаците садржај са вашег старог сајта — само наведите адресу.
  • Модерни дизајн на најбољем енџину: React ( Next.js) са рендеровањем на серверу и SEO оптимизацијом одмах по уградњи.
  • Потпуно аутоматизована SEO оптимизација за резултате претраге и препоруке неуронских мрежа.

Слични стилови

  • Ui — клинички план на мат папиру
  • Geniestudio — Мекана бележница за дневно светло - она са широким маргинама и једним дебелим потезом оловке
  • xAI — Топла кремаста лабораторија са црном пилулом
  • Cal — Монохроматска практичност, људски приступ. Систем који даје приоритет јасноћи и функционалности кроз строгу црно-белу палету, али је омекшава пријатељском типографијом и заобљеним облицима.
  • Scale — Висококвалитетна фото-лабораторија музејског квалитета у комбинацији са техничким пројектом
  • Contractbook — уговори од кремастог папира под ултрамаринским небом
  • AutoSend — Удобан камени студио са једним љубичастим светлом - где серифни наслови и јарко индиго позиви на акцију коегзистирају у једном тихом, готово белом простору.
  • Air — скулптура „Поноћно небо кроз стакло“
  • SpatialChat — љубичасти пулс на белом пергаменту
  • Squarespace — Филмска монохромна галерија
  • Giga — Поноћни хоризонт изнад залеђеног опсидијана
  • Supabase — Уређивач кода у поноћ са фосфоресцентном зеленом тачком - један хроматски пулс на мору угљене прашине