Telegram, WhatsApp+380637610482
Valery Danyuk
Valery DanyukgaratzaileEnpresentzako IA tresnak garatzen. Kalitate handikoa. Merkea.Idatzi Telegram bidez
Ventriloc — estilo honetako gune baten aurrebista

Ventriloc

Paper epeleko datuen behatoki editoriala - txingar laranja bakar batek zehaztasun monokromoa nabarmentzen du

Ventrilocek ahots lasai eta editorialean hitz egiten du: mihise zuri epel eta garbia, datu-txartel monokromoak zehaztasun bakarrekoak, eta laranja koloreko ikatz-kolore bakarra, monokromoa txosten inprimatu batean nabarmentzaile bat bezala puntuatzen duena. Sistemak neurrira egindako neo-grotesko letra-tipo bat (PolySans) konbinatzen du, 400 puntuko pisuarekin izenburuetarako —bolumenaren bidezko autoritatea zehaztasunaren bidezko autoritatearen truke sakrifikatzen duen neurri ezohikoa—, eta Inter kolorea gorputzeko testurako eta interfazearen elementuetarako. Gainazalak gris eta krema epelak dira, urdin teknologiko hotz baten ordez; txartelek izkinak biribildu asimetrikoak dituzte (goiko eskuineko izkina zorrotza, beste leku batzuetan leuna), eta elementu interaktiboak bi dialekto bereizitan banatzen dira: angelu zorrotzeko testu-estiloko botoiak eta pilula-formako nabigazio-ontziak. Koloreak gutxitan erabiltzen dira: orrialdeak % 95ean estilo akromatikoan diseinatu behar dira, eta laranja puntuazio funtzional gisa soilik erabiltzen da nabarmentzeko, estekak azpimarratzeko eta datuen azentu apaingarriak emateko.

Gehienezko zabalera duen edukiontzia 1200 px-koa da, erdian, atalen artean 80 px-ko tarte zabalekin. Elementu nagusia bi zutabetan banatuta dago: ezkerrean izenburua, azpitestua eta bi ekintzarako dei botoi daude; eskuinean, mihise zuri baten gainean flotatzen diren hiru datu-txartel gainjarri daude (finantza-diagrama bat, diru-sarreren estatistikak, errentagarritasun-eraztun bat). Elementu nagusiaren azpian, bazkidearen logotipoaren zabalera osoko marra bat dago atzealde zuri baten gainean. Ondorengo atalak Lizarra (#efefef) eta marra zurien artean txandakatzen dira. Nabigazioa goiburuan erdian dagoen pilula itxurako edukiontzi flotatzaile bat da, markaren logotipoa ezkerrean lerrokatuta eta "Jarri gurekin harremanetan" botoia eskuinean lerrokatuta. Erritmo orokorra zabala eta editoriala da: marjina zabalak, atal altuak eta datu-txartelak dira tipografiaz gain puntuazio bisual bakarra ematen dutenak.

Diseinu bisuala ia osorik datuetan oinarrituta dago: grafikoen widgetak (lerro-grafikoak, aurrerapen-barra zirkularrak, estatistika-txartelak) estilo lau eta minimalista batean diseinatuta daude, kartoi zuriaren gainazalean laranja eta letoizko lerro meheekin. Ez dago bizimodu-argazkirik, ez stock-irudirik, ez ilustraziorik hasierako orrialdean. Eduki fotografiko bakarra bazkide/bezeroen logotipoak dira, grafito monokromoan aurkeztuta. Hizkuntza bisuala urteko txosten inprimatu baten antzekoagoa da ohiko SaaS webgune batena baino: grafikoak IRUDIAK DIRA. Ikonoak meheak, monolinealak eta grafito kolorekoak dira, gutxitan agertzen dira nabigazio-barran eta txartelen goiburuetan.

Paleta

Marka

  • Ember Orange #ff682c — Laranja kolorea estekak, etiketak eta esaldi laburrak nabarmentzeko erabiltzen da. Ez da erabili behar ekintzarako deietarako kolore nagusi gisa.

Neutroa

  • Graphite #202020 — Testu nagusia, goiburuak, nabigazio estekak, ikonoen eskemak: interfazearen elementu guztien oinarri tipografikoa dira.
  • Canvas White #ffffff — Orriaren atzeko planoa, txartelaren altxaera, ikonoen betetzea — sistemako gainazal distiratsuena.
  • Ash #efefef — Txartelaren eta atalaren atzeko plano nagusia, nabigazio-barraren edukiontzia, gainazal gris epela da nagusiki.
  • Fog #f5f5f5 — Gainazal txertatuetarako eta bigarren mailako ontzietarako atzeko plano-tonu sotila.
  • Ivory #ebe6dd — Bloke nagusientzako azentu beroaren atzeko planoa - paper itxurakoa.
  • Steel #4d4d4d — Bigarren mailako testu nagusia, paragrafo luzeko testua

Tipografia

14tik 66px-ra · 5 urrats

  • PolySans — ordezkapena: Inter Tight or Space Grotesk at weight 400 · eskemak 400 · Titularrak eta Testu Apaingarria - 400 lodierarekin eta -0,02 em-ko letren arteko tartearekin soilik erabilitako neo-grotesko letra-tipo pertsonalizatu batek autoritate editorial sotila sortzen du, inongo titulu lodik ezingo lukeena errepikatu.
  • Inter — ordezkapena: system-ui or Roboto · eskemak 400, 500, 600 · Gorputzeko testua, UI elementuen etiketak, botoien testua, goiburuak, metadatuak - goiburua ez den guztientzako sans-serif letra-tipo unibertsala.

Tarteak eta forma

HelburuaEsanahia
Dentsitateabatez bestekoa
Oinarrizko urratsa20px
Botoiaren erradioa0px
Txartelaren erradioa8px
Itzalakez - itzalen ordez ertzak
Atalen artean80px
Orriaren zabalera1200px

Adimen artifizialak zure webgunea Ventriloc estiloan eraikiko du eta beteko du

  • Bete produktu eta argitalpenekin estekaren bidez - Instagram, TikTok, Facebook.
  • Transferitu edukia zure gune zaharretik: zehaztu helbidea.
  • Diseinu modernoa motor onenean: React ( Next.js) zerbitzariaren errendatzearekin eta SEO optimizazioarekin hasieratik.
  • Bilaketa-emaitzetarako eta sare neuronalen gomendioetarako SEO optimizazio guztiz automatizatua.

Estilo antzekoak

  • Ui — plan klinikoa paper matean
  • Geniestudio — Eguneko koaderno leun bat —ertz zabalak eta boligrafo-marra lodi bakarra dituen motakoa—
  • xAI — Krema epela laborategia pilula beltzarekin
  • Cal — Praktikotasun monokromoa, ikuspegi gizatiarra. Argitasuna eta funtzionaltasuna lehenesten dituen sistema bat, paleta zuri-beltz zorrotz baten bidez, baina tipografia atseginarekin eta forma biribilduekin leuntzen dituena.
  • Scale — Museo-kalitateko argazki-laborategi bikaina proiektu tekniko batekin konbinatuta
  • Contractbook — krema paperezko kontratuak itsas urdineko zeru baten azpian
  • AutoSend — Harrizko estudio eroso bat, argi more bakarrarekin, non serif izenburuak eta indigo distiratsuko ekintzarako deiak espazio lasai eta ia zuri batean bizi diren.
  • Air — eskultura "Gauerdiko zerua beiraren bidez"
  • SpatialChat — pergamino zuriaren gaineko pultsu morea
  • Squarespace — Zinema Monokromo Galeria
  • Giga — Gauerdiko horizontea obsidiana izoztuaren gainean
  • Supabase — Gauerdiko kode editore bat puntu berde fosforeszente batekin: ikatz hauts itsaso batean pultsu kromatiko bakarra