
Ventriloc
Een redactioneel observatorium van gegevens op warm papier - een enkele oranje gloed die de monochrome precisie benadrukt.
Ventriloc spreekt met een ingetogen, redactionele stem: een warm, helder wit canvas, monospaced, uiterst precieze datakaarten en een enkele oranje antracietkleur die het monochrome accentueert als een markeerstift op een gedrukt rapport. Het systeem combineert een speciaal ontworpen neo-grotesk lettertype (PolySans) met een letterdikte van 400 punten voor koppen – een ongebruikelijke terughoudendheid die autoriteit door volume opoffert voor autoriteit door precisie – met Inter voor de hoofdtekst en interface-elementen. De oppervlakken zijn uitgevoerd in warme grijstinten en crèmekleuren in plaats van een koel, technisch blauw, kaarten hebben asymmetrische afgeronde hoeken (scherpe rechterbovenhoek, zachtere hoeken elders) en interactieve elementen zijn verdeeld in twee verschillende dialecten: scherphoekige tekstknoppen en pilvormige navigatiecontainers. Kleuren worden spaarzaam gebruikt: pagina's moeten voor 95% van de tijd in een monochrome stijl worden ontworpen en oranje wordt alleen gebruikt als functioneel leesteken voor het markeren, onderstrepen van links en decoratieve accenten van data.
De container heeft een maximale breedte van 1200px, is gecentreerd en heeft een royale tussenruimte van 80px tussen de secties. Het hoofdelement is verdeeld in twee kolommen: links de koptekst, de subtekst en twee call-to-action-knoppen; rechts een groep van drie overlappende datakaarten (een financiële grafiek, omzetstatistieken en een winstgevendheidsring) die zweven op een witte achtergrond. Onder het hoofdelement bevindt zich een brede strook met het partnerlogo op een witte achtergrond. De volgende secties wisselen af tussen grijze (#efefef) en witte strepen. De navigatie is een zwevende, pilvormige container, gecentreerd op de header, met het merklogo links uitgelijnd en een donkere "Contact Us"-knop rechts uitgelijnd. Het algehele ritme is ruim en redactioneel – brede marges, hoge secties en de datakaarten die, naast de typografie, de enige visuele accenten vormen.
Het visuele ontwerp is vrijwel volledig gebaseerd op data: grafiekwidgets (lijngrafieken, cirkelvormige voortgangsbalken, statistiekkaarten) zijn vormgegeven in een platte, minimalistische stijl met dunne oranje en messingkleurige lijnen op een wit kartonnen oppervlak. Er zijn geen lifestylefoto's, stockfoto's of illustraties op de homepage. De enige fotografische inhoud bestaat uit logo's van partners/klanten, weergegeven in monochroom grafiet. De visuele stijl doet meer denken aan een gedrukt jaarverslag dan aan een typische SaaS-website – de grafieken ZIJN afbeeldingen. De pictogrammen zijn dun, monochroom en grafietkleurig en komen spaarzaam voor in de navigatiebalk en de kopteksten van de kaarten.
Palet
Merk
- Ember Orange
#ff682c— Oranje wordt gebruikt om links, tags en korte zinnen te benadrukken. Het mag niet als primaire kleur voor call-to-actions worden gebruikt.
Neutrale
- Graphite
#202020— De hoofdtekst, kopjes, navigatielinks en pictogramcontouren vormen de typografische basis van elk interface-element. - Canvas White
#ffffff— Pagina-achtergrond, kaartverhoging, pictogramvulling: het helderste oppervlak in het systeem. - Ash
#efefef— De belangrijkste achtergrond van de kaart en het gedeelte, de container van de navigatiebalk, is overwegend een warmgrijs oppervlak. - Fog
#f5f5f5— Een subtiele achtergrondtint voor geneste oppervlakken en secundaire containers. - Ivory
#ebe6dd— Een warme, accentuerende achtergrond voor de hoofdblokken - met een papierachtige uitstraling. - Steel
#4d4d4d— Secundaire hoofdtekst, lange alineatekst
Typografie
van 14 tot 66px · 5 stappen
- PolySans — vervanging: Inter Tight or Space Grotesk at weight 400 · overzichten 400 · Kopregels en decoratieve tekst - Een speciaal ontworpen neogrotesk lettertype, uitsluitend gebruikt in gewicht 400 en met een letterafstand van -0,02em, creëert een subtiele redactionele autoriteit die geen enkele vetgedrukte kopregel zou kunnen evenaren.
- Inter — vervanging: system-ui or Roboto · overzichten 400, 500, 600 · Tekst in de body, labels van UI-elementen, knoptekst, koppen, metadata - een universeel schreefloos lettertype voor alles wat geen kop is.
Intervallen en vorm
| Doel | Betekenis |
|---|---|
| Dikte | gemiddeld |
| Basisstap | 20px |
| Knopradius | 0px |
| Kaartradius | 8px |
| Schaduwen | geen randen in plaats van schaduwen |
| Tussen secties | 80px |
| Paginabreedte | 1200px |
AI bouwt je website in de stijl Ventriloc en vult deze in.
- Vul het account aan met producten en berichten via de link - Instagram, TikTok, Facebook.
- Neem de inhoud van je oude website over; geef gewoon het adres op.
- Modern design op de beste engine: React ( Next.js) met server-side rendering en SEO-optimalisatie direct uit de doos.
- Volledig geautomatiseerde SEO-optimalisatie voor zoekresultaten en aanbevelingen op basis van neurale netwerken.
Vergelijkbare stijlen
- Ui — klinisch plan op mat papier
- Geniestudio — Een notitieboekje voor zacht daglicht – zo'n notitieboekje met brede marges en één dikke penstreep.
- xAI — Warme crème met zwarte pil
- Cal — Monochroom praktisch, een menselijke benadering. Een systeem dat prioriteit geeft aan duidelijkheid en functionaliteit door middel van een strikt zwart-wit kleurenpalet, maar dit verzacht met vriendelijke typografie en afgeronde vormen.
- Scale — Een hoogwaardig fotolab van museumkwaliteit in combinatie met een technisch project.
- Contractbook — contracten van crèmekleurig papier onder een ultramarijnblauwe hemel
- AutoSend — Een knusse stenen studio met een enkele paarse lamp, waar koppen in schreeflettertype en fel indigo oproepen tot actie naast elkaar bestaan in een rustige, bijna witte ruimte.
- Air — sculptuur "Middernachtelijke hemel door glas"
- SpatialChat — paarse puls op wit perkament
- Squarespace — Cinematische zwart-witgalerij
- Giga — Middernachtelijke horizon boven bevroren obsidiaan
- Supabase — Een code-editor midden in de nacht met een fosforescerend groen stipje – een enkele chromatische puls op een zee van kolenstof.