
Ventriloc
Рэдакцыйная абсерваторыя дадзеных на цёплай паперы - адзіны аранжавы вугалёк, які падкрэслівае манахромную дакладнасць.
Ventriloc кажа ціхім, рэдактарскім голасам: цёплае, беласнежнае палатно, монашырынныя карткі дадзеных з высокай дакладнасцю і адзіны аранжавы вугалёк, які вылучае манахромнасць, нібы маркер на друкаванай справаздачы. Сістэма спалучае ў сабе спецыяльна распрацаваны неагратэскавы шрыфт (PolySans) таўшчынёй 400 для загалоўкаў – незвычайная стрыманасць, якая ахвяруе аўтарытэтам за кошт аб'ёму дзеля аўтарытэту за кошт дакладнасці – з шрыфтам Inter для асноўнага тэксту і элементаў інтэрфейсу. Паверхні выкананы ў цёплых шэрых і крэмавых танах, а не ў халодным тэхналагічна-сінім, карткі маюць асіметрычныя скругленні кутоў (востры верхні правы кут, мяккі ў астатніх месцах), а інтэрактыўныя элементы падзелены на два выразных дыялекты: кнопкі з вострымі кутамі ў віве тэкст. Колеры дазаваныя: старонкі павінны быць аформлены ў ахраматычны стылі 95%, а аранжавы колер выкарыстоўваецца толькі ў якасці функцыянальнай пунктуацыі для вылучэння, падкрэслення спасылак і дэкаратыўных акцэнтаў дадзеных.
Кантэйнер максімальнай шырыні 1200px, цэнтраваны па цэнтры, з вялікімі прамежкамі паміж секцыямі 80px. Галоўны элемент падзелены на дзве калонкі: злева знаходзіцца загаловак, падтэкст і набор з двух кнопак прызыву да дзеяння; справа адлюстроўваецца група з трох перакрываюцца картак з дадзенымі (фінансавая дыяграма, статыстыка выручкі, кольца прыбытковасці), якія плаваюць на белым палатне. Пад галоўным элементам размешчана паласа лагатыпа партнёра ва ўсю шырыню на белым фоне. Наступныя часткі чаргуюцца паміж палосамі колеру Ash (#efefef) і белымі палосамі. Навігацыя ўяўляе сабой плывучы кантэйнер у выглядзе таблеткі, цэнтраваны ў загалоўку, з лагатыпам брэнда, выраўнаваным па левым краі, і цёмнай кнопкай «Звязацца з намі», выраўнаванай па правым краі. Агульны рытм прасторны і рэдакцыйны - шырокія палі, высокія раздзелы, а карткі з дадзенымі з'яўляюцца адзіным візуальным знакам прыпынку, акрамя друкарні.
Візуальнае афармленне практычна цалкам заснавана на дадзеных: фішкі з дыяграмамі (лінейныя графікі, кругавыя індыкатары прагрэсу, карткі статыстыкі) выкананы ў плоскім, мінімалістычным стылі з тонкімі лініямі аранжавага і латуневага колераў на белых кардонных паверхнях. Ніякіх фатаграфій у стылі лайфстайл, ніякіх сцёкавых малюнкаў, ніякіх ілюстрацый на галоўнай старонцы. Адзіны фатаграфічны кантэнт – лагатыпы партнёраў/кліентаў, прадстаўленыя ў манахромным графітавым колеры. Візуальная мова бліжэй да друкаванай гадавой справаздачы, чым да тыповага сайта SaaS – дыяграмы І ЁСЦЬ выявы. Абразкі тонкія, маналінейныя, графітавага колеру, з'яўляюцца эканомна ў навігацыйнай панэлі і загалоўках картак.
Палітра
Брэнд
- Ember Orange
#ff682c— Аранжавы колер выкарыстоўваецца для вылучэння спасылак, тэгаў і кароткіх фраз. Не варта вылучаць яго як асноўны колер закліку да дзеяння.
Нейтральныя
- Graphite
#202020— Асноўны тэкст, загалоўкі, навігацыйныя спасылкі, контуры абразкоў - друкарская аснова кожнага элемента інтэрфейсу. - Canvas White
#ffffff— Фон старонкі, узвышэнне карткі, заліванне абразкоў - самая яркая паверхня ў сістэме. - Ash
#efefef— Асноўны фон карткі і часткі, кантэйнер навігацыйнай панэлі - пераважная цёплая шэрая паверхня. - Fog
#f5f5f5— Далікатны фонавы тон для ўкладзеных паверхняў і другасных кантэйнераў. - Ivory
#ebe6dd— Цёплы акцэнтны фон для асноўных блокаў - адчуванне паперы. - Steel
#4d4d4d— Другарадны асноўны тэкст, доўгі абзацны тэкст
Друкарня
ад 14 да 66px · 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 — Рэдактар кода апоўначы з фасфарасцыруючай зялёнай кропкай - адзіночны храматычны імпульс на моры вугальнага пылу