Ventriloc
Urednička opservatorija podataka na toplom papiru - jedan narandžasti žar koji ističe monohromatsku preciznost
Ventriloc govori tihim, uredničkim glasom: toplo, oštro bijelo platno, kartice s podacima visoke preciznosti s jednakim razmakom i jedna narandžasta ugljena boja koja naglašava monokromatski prikaz poput markera na štampanom izvještaju. Sistem 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 tekst teksta i elemente interfejsa. Površine su u toplim nijansama sive i krem boje, a ne u hladnoj, tehnološki plavoj, kartice imaju asimetrično zaobljenje uglova (oštar gornji desni ugao, mekan na drugim mjestima), a interaktivni elementi su podijeljeni u dva različita dijalekta: dugmad u stilu teksta pod oštrim uglovima i navigacijske kontejnere u obliku tableta. Boje se koriste štedljivo: stranice bi trebale biti dizajnirane u ahromatskom stilu 95% vremena, a narandžasta se koristi samo kao funkcionalna interpunkcija za isticanje, podvlačenje linkova i dekorativne akcente podataka.
Kontejner maksimalne širine je 1200px, centriran, s velikodušnim rubovima od 80px između odjeljaka. Glavni element je podijeljen u dva stupca: s lijeve strane je naslov, podtekst i skup od dva dugmeta za poziv na akciju; s desne strane je grupa od tri preklapajuće kartice s podacima (finansijski grafikon, statistika prihoda, prsten profitabilnosti) koje lebde na bijelom platnu. Ispod glavnog elementa nalazi se pruga s logotipom partnera pune širine na bijeloj pozadini. Naknadni odjeljci se izmjenjuju između pepeljastih (#efefef) i bijelih pruga. Navigacija je plutajući kontejner u obliku tablete centriran na zaglavlju, s logotipom brenda poravnatim lijevo i tamnim dugmetom "Kontaktirajte nas" poravnatim desno. Ukupni ritam je prostran i urednički - široke margine, visoki odjeljci i kartice s podacima koje pružaju jedinu vizualnu interpunkciju osim tipografije.
Vizualni dizajn je gotovo u potpunosti vođen podacima: widgeti za grafikone (linijski grafikoni, kružne trake napretka, statističke kartice) dizajnirani su u ravnom, minimalističkom stilu s tankim narančastim i mesinganim linijama na bijelim kartonskim površinama. Nema fotografija životnog stila, nema stock slika, nema ilustracija na početnoj stranici. Jedini fotografski sadržaj su logotipi partnera/klijenata, predstavljeni u monokromatskom grafitu. Vizualni jezik je bliži štampanom godišnjem izvještaju nego tipičnoj SaaS web stranici - grafikoni JESU slike. Ikone su tanke, monolinearne i grafitne boje, pojavljuju se rijetko u navigacijskoj traci i zaglavljima kartica.
Paleta
Brend
- Ember Orange
#ff682c— Narandžasta se koristi za isticanje linkova, oznaka i kratkih fraza. Ne bi se trebala koristiti kao primarna boja za pozive na akciju.
Neutralno
- Graphite
#202020— Glavni tekst, naslovi, navigacijske veze, obrisi ikona – to je tipografska osnova svakog elementa interfejsa. - Canvas White
#ffffff— Pozadina stranice, elevacija kartice, ispuna ikona - najsvjetlija površina u sistemu. - Ash
#efefef— Glavna pozadina kartice i sekcije, kontejnera navigacijske trake, je pretežno toplo siva površina. - Fog
#f5f5f5— Suptilni ton pozadine za ugniježđene površine i sekundarne kontejnere. - Ivory
#ebe6dd— Topla akcentna pozadina za glavne blokove - osjećaj papira. - Steel
#4d4d4d— Sekundarni glavni tekst, dugi paragraf teksta
Tipografija
od 14 do 66px · 5 koraka
- PolySans — zamjena: Inter Tight or Space Grotesk at weight 400 · obrisi 400 · Naslovi i dekorativni tekst - Posebno dizajniran neogroteskni font, korišten isključivo s veličinom od 400 i razmakom između slova od -0,02em, stvara suptilni urednički autoritet koji nijedan podebljani naslov ne bi mogao replicirati.
- Inter — zamjena: system-ui or Roboto · obrisi 400, 500, 600 · Tekst u tijelu, oznake elemenata korisničkog interfejsa, tekst dugmadi, naslovi, metapodaci - univerzalni sans-serif font za sve što nije naslov.
Intervali i forma
| Svrha | Značenje |
|---|---|
| Gustoća | prosjek |
| Osnovni korak | 20px |
| Radijus dugmeta | 0px |
| Radijus kartice | 8px |
| Sjene | ne - okviri umjesto sjena |
| Između sekcija | 80px |
| Širina stranice | 1200px |
Vještačka inteligencija će izgraditi vašu web stranicu u Ventriloc stilu i popuniti je
- Popunite proizvodima i objavama putem linka - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa vaše stare stranice - samo navedite adresu.
- Moderan dizajn na najboljem engine-u: React ( Next.js) sa serverskim renderovanjem i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretrage i preporuke neuronskih mreža.
Slični stilovi
- Ui — klinički plan na mat papiru
- Geniestudio — Mekana bilježnica za dnevno svjetlo - ona sa širokim marginama i jednim debelim potezom olovke
- xAI — Topla krema Lab s crnom tabletom
- Cal — Monohromatska praktičnost, ljudski pristup. Sistem koji daje prioritet jasnoći i funkcionalnosti kroz strogu crno-bijelu paletu, ali je omekšava prijateljskom tipografijom i zaobljenim oblicima.
- Scale — Visokokvalitetni fotolaboratorijski laboratorij muzejskog kvaliteta 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 — Kinematografska monohromatska galerija
- Giga — Ponoćni horizont iznad zaleđenog opsidijana
- Supabase — Uređivač koda u ponoć sa fosforescentnom zelenom tačkom - jednim hromatskim pulsom na moru ugljene prašine