Ventriloc
Urednički opservatorij podataka na toplom papiru - jedan narančasti žar koji ističe monokromatsku preciznost
Ventriloc govori tihim, uredničkim glasom: toplo, oštro bijelo platno, jednostruko raspoređene, visokoprecizne podatkovne kartice i jedna narančasta ugljena boja koja naglašava monokromatski tekst poput markera na tiskanom izvješću. Sustav kombinira posebno dizajniran neogroteskni font (PolySans) s težinom od 400 bodova za naslove - neobično ograničenje koje žrtvuje autoritet kroz volumen za autoritet kroz preciznost - s Interom za glavni tekst i elemente sučelja. Površine su tople sive i krem boje, a ne hladne, tehnološki plave, kartice imaju asimetrično zaokruživanje kutova (oštar gornji desni kut, mekan drugdje), a interaktivni elementi su podijeljeni u dva različita dijalekta: gumbi u stilu teksta pod oštrim kutovima i navigacijski spremnici u obliku tableta. Boje se koriste štedljivo: stranice bi trebale biti dizajnirane u akromatskom stilu 95% vremena, a narančasta se koristi samo kao funkcionalna interpunkcija za isticanje, podcrtavanje poveznica i dekorativne akcente podataka.
Spremnik maksimalne širine je 1200px, centriran, s velikodušnim rubovima od 80px između odjeljaka. Glavni element podijeljen je u dva stupca: s lijeve strane je naslov, podtekst i skup od dva gumba za poziv na akciju; s desne strane je skupina od tri preklapajuće kartice s podacima (financijski grafikon, statistika prihoda, prsten profitabilnosti) koje lebde na bijelom platnu. Ispod glavnog elementa nalazi se pruga s logotipom partnera pune širine na bijeloj pozadini. Sljedeći odjeljci izmjenjuju se između pepeljastih (#efefef) i bijelih pruga. Navigacija je plutajući spremnik u obliku tablete centriran na zaglavlju, s logotipom robne marke poravnanim ulijevo i tamnim gumbom "Kontaktirajte nas" poravnanim udesno. Opći ritam je prostran i urednički - široke margine, visoki odjeljci i kartice s podacima koje pružaju jedinu vizualnu interpunkciju osim tipografije.
Vizualni dizajn gotovo je u potpunosti vođen podacima: widgeti s grafikonima (linijski grafikoni, kružne trake napretka, statističke kartice) dizajnirani su u ravnom, minimalističkom stilu s tankim narančastim i mjedenim linijama na bijelim kartonskim površinama. Na početnoj stranici nema fotografija životnog stila, nema stock slika, nema ilustracija. Jedini fotografski sadržaj su logotipi partnera/klijenata, prikazani u monokromatskom grafitu. Vizualni jezik bliži je tiskanom godišnjem izvješću nego tipičnoj SaaS web stranici - grafikoni JESU slike. Ikone su tanke, monolinearne i grafitne boje, rijetko se pojavljuju u navigacijskoj traci i zaglavljima kartica.
Paleta
Robna marka
- Ember Orange
#ff682c— Narančasta se koristi za isticanje poveznica, oznaka i kratkih fraza. Ne bi se trebala koristiti kao primarna boja za pozive na akciju.
Neutralno
- Graphite
#202020— Glavni tekst, naslovi, navigacijske poveznice, obrisi ikona – to je tipografska osnova svakog elementa sučelja. - Canvas White
#ffffff— Pozadina stranice, elevacija kartice, ispuna ikona - najsvjetlija površina u sustavu. - Ash
#efefef— Glavna pozadina kartice i odjeljka, spremnika navigacijske trake, pretežno je topla siva površina. - Fog
#f5f5f5— Suptilni ton pozadine za ugniježđene površine i sekundarne spremnike. - Ivory
#ebe6dd— Topla akcentna pozadina za glavne blokove - papirnati osjećaj. - Steel
#4d4d4d— Sekundarni glavni tekst, dugi odlomak teksta
Tipografija
od 14 do 66px · 5 koraka
- PolySans — zamjena: Inter Tight or Space Grotesk at weight 400 · obrisi 400 · Naslovi i ukrasni tekst - Prilagođeno dizajniran neogroteskni font, korišten isključivo s debljinom od 400 i razmakom između slova od -0,02em, stvara suptilni urednički autoritet koji nijedan podebljani naslov ne bi mogao ponoviti.
- Inter — zamjena: system-ui or Roboto · obrisi 400, 500, 600 · Tekst tijela, oznake elemenata korisničkog sučelja, tekst gumba, naslovi, metapodaci - univerzalni sans-serif font za sve što nije naslov.
Intervali i forma
| Svrha | Značenje |
|---|---|
| Gustoća | prosjek |
| Osnovni korak | 20px |
| Radijus gumba | 0px |
| Radijus kartice | 8px |
| Sjene | ne - obrubi umjesto sjena |
| Između odjeljaka | 80px |
| Širina stranice | 1200px |
Umjetna inteligencija će izraditi vašu web stranicu u Ventriloc stilu i ispuniti je
- Popunite proizvodima i objavama putem poveznice - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa svoje stare web-lokacije - samo navedite adresu.
- Moderan dizajn na najboljem engineu: React ( Next.js) s renderiranjem na serveru i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretraživanja i preporuke neuronskih mreža.
Slični stilovi
- Ui — klinički plan na mat papiru
- Geniestudio — Mekani bilježnica za dnevno svjetlo - ona sa širokim marginama i jednim debelim potezom pera
- xAI — Topla krema Lab s crnom tabletom
- Cal — Monokromatska praktičnost, ljudski pristup. Sustav koji daje prioritet jasnoći i funkcionalnosti kroz strogu crno-bijelu paletu, ali je omekšava prijateljskom tipografijom i zaobljenim oblicima.
- Scale — Visokokvalitetni fotolaboratorij muzejske kvalitete u kombinaciji s tehničkim projektom
- Contractbook — ugovori od krem papira pod ultramarinskim nebom
- AutoSend — Ugodan kameni studio s jednim ljubičastim svjetlom - gdje serifni naslovi i jarko indigo pozivi na akciju koegzistiraju u jednom tihom, gotovo bijelom prostoru.
- Air — skulptura "Ponoćno nebo kroz staklo"
- SpatialChat — ljubičasti puls na bijelom pergamentu
- Squarespace — Filmska monokromatska galerija
- Giga — Ponoćni horizont iznad zaleđenog opsidijana
- Supabase — Uređivač koda u ponoć s fosforescentnom zelenom točkom - jednim kromatskim pulsom na moru ugljene prašine