
Ventriloc
Isang obserbatoryo ng editoryal ng datos sa mainit na papel - isang nag-iisang kulay kahel na baga na nagbibigay-diin sa katumpakan ng monochrome
Nagsasalita ang Ventriloc sa isang tahimik at editoryal na boses: isang mainit at malinaw na puting canvas, monospaced, high-precision data cards, at isang orange charcoal na nagbibigay-diin sa monochrome na parang highlighter sa isang naka-print na ulat. Pinagsasama ng sistema ang isang custom-designed na neo-grotesque typeface (PolySans) na may 400-point weight para sa mga heading—isang kakaibang pagpipigil na isinasakripisyo ang awtoridad sa pamamagitan ng volume para sa awtoridad sa pamamagitan ng precision—kasama ang Inter para sa body copy at mga elemento ng interface. Ang mga ibabaw ay mainit na kulay abo at krema sa halip na isang malamig at tech blue, ang mga card ay may asymmetrical corner rounding (matalim na kanang sulok sa itaas, malambot sa ibang lugar), at ang mga interactive na elemento ay nahahati sa dalawang magkaibang diyalekto: mga button na may matutulis na anggulo sa text at mga navigation container na hugis-pill. Ang mga kulay ay ginagamit nang matipid: ang mga pahina ay dapat idisenyo sa isang achromatic style sa 95% ng oras, at ang orange ay ginagamit lamang bilang functional bantas para sa pag-highlight, pagsalungguhit ng mga link at pandekorasyon na mga accent ng data.
Ang lalagyan na may pinakamataas na lapad ay 1200px, nakasentro, na may malalaking 80px na gutter sa pagitan ng mga seksyon. Ang pangunahing elemento ay nahahati sa dalawang hanay: sa kaliwa ay ang headline, subtext, at isang set ng dalawang call-to-action button; sa kanan ay isang grupo ng tatlong magkakapatong na data card (isang financial chart, revenue statistics, isang profitability ring) na lumulutang sa isang puting canvas. Sa ibaba ng pangunahing elemento ay isang full-width partner logo stripe sa isang puting background. Ang mga kasunod na seksyon ay nagpapalitan sa pagitan ng Ash (#efefef) at puting mga guhit. Ang nabigasyon ay isang lumulutang na hugis-pill na lalagyan na nakasentro sa header, kung saan ang logo ng brand ay nakahanay sa kaliwa at isang madilim na "Contact Us" button na nakahanay sa kanan. Ang pangkalahatang ritmo ay maluwang at editoryal—malawak na margin, matataas na seksyon, at ang mga data card ang nagbibigay ng tanging visual na bantas bukod sa tipograpiya.
Ang biswal na disenyo ay halos ganap na nakabatay sa datos: ang mga widget ng tsart (mga line graph, pabilog na progress bar, mga statistics card) ay dinisenyo sa isang patag at minimalistang istilo na may manipis na orange at tansong linya sa mga puting karton na ibabaw. Walang mga larawan ng pamumuhay, walang mga stock na larawan, walang mga ilustrasyon sa homepage. Ang tanging nilalamang potograpiya ay mga logo ng kasosyo/kliyente, na ipinakita sa monochrome graphite. Ang biswal na wika ay mas malapit sa isang naka-print na taunang ulat kaysa sa isang karaniwang website ng SaaS—ang mga tsart ay MGA larawan. Ang mga icon ay manipis, monolinear, at kulay-graphite, na lumilitaw nang kaunti sa navigation bar at mga header ng card.
Paleta
Tatak
- Ember Orange
#ff682c— Ginagamit ang kulay kahel upang i-highlight ang mga link, tag, at maiikling parirala. Hindi ito dapat gamitin bilang pangunahing kulay para sa mga panawagan para sa aksyon.
Neutral
- Graphite
#202020— Pangunahing teksto, mga heading, mga link sa nabigasyon, mga balangkas ng icon – ito ang mga tipograpiyang batayan ng bawat elemento ng interface. - Canvas White
#ffffff— Background ng pahina, elevation ng card, pagpuno ng icon—ang pinakamaliwanag na ibabaw sa system. - Ash
#efefef— Ang pangunahing background ng card at seksyon, ang lalagyan ng navigation bar, ay isang halos mainit at kulay abong ibabaw. - Fog
#f5f5f5— Isang banayad na kulay sa background para sa mga nested na ibabaw at pangalawang lalagyan. - Ivory
#ebe6dd— Mainit na accent na background para sa mga pangunahing bloke - parang papel ang dating. - Steel
#4d4d4d— Pangalawang pangunahing teksto, mahabang teksto ng talata
Tipograpiya
mula 14 hanggang 66px · 5 hakbang
- PolySans — kapalit: Inter Tight or Space Grotesk at weight 400 · mga balangkas 400 · Mga Pamagat ng Balita at Dekorasyong Teksto - Ang isang pasadyang dinisenyong neo-grotesque na tipo ng titik, na eksklusibong ginagamit sa bigat na 400 at pagitan ng mga letra na -0.02em, ay lumilikha ng isang banayad na awtoridad sa editoryal na hindi kayang gayahin ng anumang matapang na pamagat ng balita.
- Inter — kapalit: system-ui or Roboto · mga balangkas 400, 500, 600 · Teksto ng katawan, mga label ng elemento ng UI, teksto ng buton, mga heading, metadata - isang pangkalahatang sans-serif na font para sa lahat ng bagay na hindi isang heading.
Mga pagitan at anyo
| Layunin | Kahulugan |
|---|---|
| Densidad | karaniwan |
| Pangunahing hakbang | 20px |
| Radius ng buton | 0px |
| Radius ng card | 8px |
| Mga anino | walang - mga hangganan sa halip na mga anino |
| Sa pagitan ng mga seksyon | 80px |
| Lapad ng pahina | 1200px |
Gagawa ang AI ng website mo sa estilong Ventriloc at pupunuin ito
- Punuin ng mga produkto at post gamit ang link - Instagram, TikTok, Facebook.
- Maglipat ng nilalaman mula sa iyong lumang site—tukuyin lamang ang address.
- Modernong disenyo gamit ang pinakamahusay na engine: React ( Next.js) na may kasamang server rendering at SEO optimization na agad-agad.
- Ganap na awtomatikong pag-optimize ng SEO para sa mga resulta ng paghahanap at mga rekomendasyon sa neural network.
Mga katulad na estilo
- Ui — klinikal na plano sa matte na papel
- Geniestudio — Isang malambot na kuwaderno na may liwanag ng araw—ang uri na may malalapad na gilid at isang makapal na hagod ng panulat
- xAI — Warm Cream Lab na may Itim na Pildoras
- Cal — Praktikalidad ng monochrome, isang makataong pamamaraan. Isang sistemang inuuna ang kalinawan at gamit sa pamamagitan ng mahigpit na itim-at-puting paleta, ngunit pinapalambot ito gamit ang palakaibigang tipograpiya at mga bilog na hugis.
- Scale — Isang de-kalidad na photo lab na pang-museum na sinamahan ng isang teknikal na proyekto
- Contractbook — mga kontrata ng kremang papel sa ilalim ng mala-ube na kalangitan
- AutoSend — Isang maaliwalas na studio na gawa sa bato na may iisang lilang ilaw—kung saan ang mga serif na headline at matingkad na indigo na mga panawagan para sa aksyon ay magkakasamang nabubuhay sa isang tahimik, halos puting espasyo.
- Air — eskultura na "Hatinggabing Langit sa Pamamagitan ng Salamin"
- SpatialChat — lilang pulso sa puting pergamino
- Squarespace — Galeriya ng Monochrome ng Sinematiko
- Giga — Hatinggabi na abot-tanaw sa ibabaw ng nagyelong obsidian
- Supabase — Isang code editor sa hatinggabi na may berdeng tuldok na parang posporesente—isang chromatic pulse sa dagat ng alikabok ng karbon