
Ventriloc
Ett redaktionellt observatorium för data på varmt papper - en enda orange glöd som framhäver den monokroma precisionen
Ventriloc talar med en tyst, redaktionell röst: en varm, skarp vit duk, datakort med fast radavstånd och hög precision, och en enda orange träkol som punkterar monokromen likt en överstrykningspenna på en tryckt rapport. Systemet kombinerar ett specialdesignat neogroteskt typsnitt (PolySans) med en viktning på 400 punkter för rubriker – en ovanlig begränsning som offrar auktoritet genom volym för auktoritet genom precision – med Inter för brödtext och gränssnittselement. Ytorna är varma gråa och krämfärgade snarare än en sval, teknisk blå färg, korten har asymmetrisk hörnrundning (skarpt övre högra hörn, mjukt på andra ställen), och interaktiva element är uppdelade i två distinkta dialekter: skarpt vinklade textknappar och pillerformade navigeringsbehållare. Färger används sparsamt: sidor bör utformas i en akromatisk stil 95 % av tiden, och orange används endast som funktionell interpunktion för att markera, understryka länkar och dekorativa accenter av data.
Behållaren med maximal bredd är 1200 pixlar, centrerad, med generösa 80 pixlar mellan sektionerna. Huvudelementet är uppdelat i två kolumner: till vänster finns rubriken, undertexten och en uppsättning med två uppmaningsknappar; till höger finns en grupp med tre överlappande datakort (ett finansiellt diagram, intäktsstatistik, en lönsamhetsring) som flyter på en vit duk. Under huvudelementet finns en rand med partnerlogotypen i full bredd på en vit bakgrund. Efterföljande sektioner växlar mellan aska (#efefef) och vita ränder. Navigeringen är en flytande pillerformad behållare centrerad på sidhuvudet, med varumärkeslogotypen justerad till vänster och en mörk "Kontakta oss"-knapp justerad till höger. Den övergripande rytmen är rymlig och redaktionell – breda marginaler, höga sektioner och datakorten som utgör den enda visuella interpunktionen förutom typografin.
Den visuella designen är nästan helt datadriven: diagramwidgetar (linjediagram, cirkulära förloppsindikatorer, statistikkort) är utformade i en platt, minimalistisk stil med tunna orangea och mässingsfärgade linjer på vita kartongytor. Det finns inga livsstilsfoton, inga stockbilder, inga illustrationer på hemsidan. Det enda fotografiska innehållet är partner-/kundlogotyper, presenterade i monokrom grafit. Det visuella språket är närmare en tryckt årsredovisning än en typisk SaaS-webbplats – diagrammen ÄR bilder. Ikonerna är tunna, monolinjära och grafitfärgade och förekommer sparsamt i navigeringsfältet och kortrubrikerna.
Palett
Stämpla
- Ember Orange
#ff682c— Orange används för att markera länkar, taggar och korta fraser. Den bör inte användas som primärfärg för uppmaningar till handling.
Neutral
- Graphite
#202020— Huvudtext, rubriker, navigeringslänkar, ikonkonturer – dessa är den typografiska grunden för varje gränssnittselement. - Canvas White
#ffffff— Sidbakgrund, korthöjd, ikonfyllning – den ljusaste ytan i systemet. - Ash
#efefef— Kortets och sektionens huvudsakliga bakgrund, navigeringsfältets behållare, är en övervägande varmgrå yta. - Fog
#f5f5f5— En subtil bakgrundston för kapslade ytor och sekundära behållare. - Ivory
#ebe6dd— Varm accentbakgrund för huvudblocken - en pappersaktig känsla. - Steel
#4d4d4d— Sekundär huvudtext, lång stycketext
Typografi
från 14 till 66px · 5 steg
- PolySans — ersättning: Inter Tight or Space Grotesk at weight 400 · konturer 400 · Rubriker och dekorativ text – Ett specialdesignat neogroteskt typsnitt, som uteslutande används med vikt 400 och bokstavsavstånd -0,02 em, skapar en subtil redaktionell auktoritet som ingen fet rubrik kan återskapa.
- Inter — ersättning: system-ui or Roboto · konturer 400, 500, 600 · Brödtext, etiketter för UI-element, knapptext, rubriker, metadata – ett universellt sans-serif-teckensnitt för allt som inte är en rubrik.
Intervaller och form
| Ändamål | Menande |
|---|---|
| Densitet | genomsnitt |
| Grundläggande steg | 20px |
| Knappradie | 0px |
| Kortradie | 8px |
| Skuggor | inga gränser istället för skuggor |
| Mellan sektioner | 80px |
| Sidbredd | 1200px |
AI kommer att bygga din webbplats i Ventriloc -stil och fylla den
- Fyll på med produkter och inlägg via länken - Instagram, TikTok, Facebook.
- Överför innehåll från din gamla webbplats – ange bara adressen.
- Modern design på den bästa sökmotorn: React ( Next.js) med serverrendering och SEO-optimering direkt ur lådan.
- Helautomatisk SEO-optimering för sökresultat och rekommendationer för neurala nätverk.
Liknande stilar
- Ui — klinisk plan på matt papper
- Geniestudio — En mjuk dagsljusbok – den sorten med breda marginaler och ett tjockt pennstreck
- xAI — Varm gräddelaboratorium med svart piller
- Cal — Monokrom praktiskhet, ett mänskligt förhållningssätt. Ett system som prioriterar tydlighet och funktionalitet genom en strikt svartvit palett, men mjukar upp den med vänlig typografi och rundade former.
- Scale — Ett högkvalitativt fotolabb av museikvalitet kombinerat med ett tekniskt projekt
- Contractbook — kontrakt av krämfärgat papper under en ultramarinblå himmel
- AutoSend — En mysig stenstudio med ett enda lila ljus – där serif-rubriker och ljusa indigofärgade uppmaningar till handling samsas i ett tyst, nästan vitt utrymme.
- Air — skulpturen "Midnattshimmel genom glas"
- SpatialChat — lila puls på vitt pergament
- Squarespace — Filmiskt monokromt galleri
- Giga — Midnattshorisont över frostad obsidian
- Supabase — En kodredigerare vid midnatt med en fosforescerande grön prick – en enda kromatisk puls på ett hav av koldamm