Ventriloc
Lämpimällä paperilla olevaa dataa toimituksellisesti tarkasteleva observatorio – yksi oranssi hiili korostaa yksiväristä tarkkuutta
Ventriloc puhuu hiljaisella, toimituksellisella äänellä: lämmin, raikas valkoinen kangas, tasaväliset, erittäin tarkat datakortit ja yksi oranssi hiilenharmaa sävy, joka korostaa yksiväristä kuvaa kuin korostuskynä painetussa raportissa. Järjestelmä yhdistää räätälöidyn neogroteskin kirjasintyypin (PolySans) 400 pisteen painotukseen otsikoissa – epätavallinen pidättyväisyys, joka uhraa auktoriteetin volyymin kautta tarkkuuden kautta – ja Interin leipätekstissä ja käyttöliittymäelementeissä. Pinnat ovat lämpimiä harmaita ja kermanvärisiä viileän, teknisen sinisen sijaan, korteissa on epäsymmetrinen kulmien pyöristys (terävä oikea yläkulma, pehmeä muualla), ja interaktiiviset elementit on jaettu kahteen erilliseen murteeseen: teräväkulmaisiin tekstityylisiin painikkeisiin ja pillerinmuotoisiin navigointisäiliöihin. Värejä käytetään säästeliäästi: sivut tulisi suunnitella akromaattisesti 95 % ajasta, ja oranssia käytetään vain toiminnallisena välimerkkinä korostamiseen, linkkien alleviivaamiseen ja tietojen koristeellisiin aksentteihin.
Suurin leveydeltään 1200 pikselin säilö on keskitetty, ja osioiden välissä on reilut 80 pikselin väliviivat. Pääelementti on jaettu kahteen sarakkeeseen: vasemmalla on otsikko, alateksti ja kaksi toimintakehotuspainiketta; oikealla on kolmen päällekkäisen datakortin ryhmä (talouskaavio, tulotilastot, kannattavuusrengas), jotka kelluvat valkoisella kankaalla. Pääelementin alapuolella on täysleveä kumppanin logoraita valkoisella taustalla. Seuraavat osiot vuorottelevat tuhkanvärisen (#efefef) ja valkoisten raitojen välillä. Navigointi on kelluva pillerinmuotoinen säilö, joka on keskitetty otsikkoon, brändilogo on vasemmalle tasattu ja tumma "Ota yhteyttä" -painike on oikealle tasattu. Yleinen rytmi on avara ja toimituksellinen – leveät marginaalit, korkeat osiot ja datakortit tarjoavat typografian lisäksi ainoat visuaaliset välimerkit.
Visuaalinen suunnittelu on lähes kokonaan datalähtöistä: kaaviowidgetit (viivakaaviot, pyöreät edistymispalkit, tilastokortit) on suunniteltu litteään, minimalistiseen tyyliin ohuilla oransseilla ja messinginvärisillä viivoilla valkoisella pahvipinnalla. Etusivulla ei ole lifestyle-kuvia, ei kuvapankkikuvia eikä kuvituksia. Ainoa valokuvasisältö on kumppani-/asiakaslogot, jotka on esitetty yksivärisellä grafiitilla. Visuaalinen kieli on lähempänä painettua vuosikertomusta kuin tyypillistä SaaS-verkkosivustoa – kaaviot OVAT kuvia. Kuvakkeet ovat ohuita, monolineaarisia ja grafiitinvärisiä, ja niitä esiintyy harvoin navigointipalkissa ja korttien otsikoissa.
Paletti
Merkki
- Ember Orange
#ff682c— Oranssia käytetään linkkien, tunnisteiden ja lyhyiden lauseiden korostamiseen. Sitä ei tule käyttää toimintakehotuksen päävärinä.
Neutraali
- Graphite
#202020— Pääteksti, otsikot, navigointilinkit ja kuvakkeiden ääriviivat – nämä ovat jokaisen käyttöliittymäelementin typografinen perusta. - Canvas White
#ffffff— Sivun tausta, kortin korkeus, kuvakkeen täyttö – järjestelmän kirkkain pinta. - Ash
#efefef— Kortin ja osion pääasiallinen tausta, navigointipalkin säiliö, on pääasiassa lämpimän harmaa pinta. - Fog
#f5f5f5— Hienovarainen taustasävy sisäkkäisille pinnoille ja toissijaisille säiliöille. - Ivory
#ebe6dd— Lämmin aksenttitausta päälohkoille - paperimainen tunnelma. - Steel
#4d4d4d— Toissijainen pääteksti, pitkä kappaleteksti
Typografia
14:stä 66 pikseliin · 5 vaihetta
- PolySans — korvaava: Inter Tight or Space Grotesk at weight 400 · ääriviivat 400 · Otsikot ja koristeteksti – Yksinomaan 400-painatuksella ja -0,02em-kirjainvälillä käytetty, räätälöity uusgroteski kirjasintyyppi luo hienovaraisen toimituksellisen auktoriteetin, jota mikään lihavoitu otsikko ei voisi toistaa.
- Inter — korvaava: system-ui or Roboto · ääriviivat 400, 500, 600 · Leipäteksti, käyttöliittymäelementtien otsikot, painiketekstit, otsikot, metatiedot – universaali sans-serif-fontti kaikelle muulle kuin otsikolle.
Intervallit ja muoto
| Tarkoitus | Merkitys |
|---|---|
| Tiheys | keskimäärin |
| Perusvaihe | 20px |
| Painikkeen säde | 0px |
| Kortin säde | 8px |
| Varjot | ei - reunoja varjojen sijaan |
| Osioiden välillä | 80px |
| Sivun leveys | 1200px |
Tekoäly rakentaa verkkosivustosi Ventriloc -tyyliin ja täyttää sen
- Täytä tuotteilla ja julkaisuilla linkin kautta - Instagram, TikTok, Facebook.
- Siirrä sisältöä vanhalta sivustoltasi – määritä vain osoite.
- Moderni design parhaalla hakukonemoottorilla: React ( Next.js) palvelinrenderöinnillä ja SEO-optimoinnilla suoraan paketista.
- Täysin automatisoitu hakukoneoptimointi hakutuloksille ja neuroverkkosuosituksille.
Samankaltaisia tyylejä
- Ui — kliininen suunnitelma mattapaperilla
- Geniestudio — Pehmeä päivänvalomuistikirja – sellainen, jossa on leveät marginaalit ja yksi paksu kynänveto
- xAI — Lämmin kermalaboratorio mustalla pillerillä
- Cal — Yksivärinen käytännöllisyys, inhimillinen lähestymistapa. Järjestelmä, joka priorisoi selkeyttä ja toimivuutta tiukan mustavalkoisen paletin avulla, mutta pehmentää sitä ystävällisellä typografialla ja pyöreillä muodoilla.
- Scale — Korkealaatuinen museotasoinen valokuvalaboratorio yhdistettynä tekniseen projektiin
- Contractbook — kermanvärisen paperin sopimukset ultramariininvärisen taivaan alla
- AutoSend — Viihtyisä kivistudio, jossa on yksi violetti valo – jossa serif-otsikot ja kirkkaan indigonsiniset toimintakehotukset esiintyvät rinnakkain samassa hiljaisessa, lähes valkoisessa tilassa.
- Air — veistos "Keskiyön taivas lasin läpi"
- SpatialChat — violetti pulssi valkoisella pergamentilla
- Squarespace — Elokuvallinen yksivärinen galleria
- Giga — Keskiyön horisontti himmeän obsidianin yllä
- Supabase — Koodieditori keskiyöllä fosforoivan vihreän pisteen kanssa – yksi kromaattinen pulssi hiilipölymerellä