
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,02 em, создава суптилен уреднички авторитет што ниту еден задебелен наслов не може да го реплицира.
- Inter — замена: system-ui or Roboto · контури 400, 500, 600 · Текст на телото, ознаки на елементите на корисничкиот интерфејс, текст на копчињата, наслови, метаподатоци - универзален фонт sans-serif за сè што не е наслов.
Интервали и форма
| Намена | Значење |
|---|---|
| Густина | просек |
| Основен чекор | 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 — Уредник на код на полноќ со фосфоресцентна зелена точка - единствен хроматски пулс на море од јагленова прашина