Telegramma, WhatsApp+380637610482
Valery Danyuk
Valery DanyuksviluppatoreSviluppiamo strumenti di intelligenza artificiale per le aziende. Alta qualità. Prezzi accessibili.Scrivi su Telegram
Ventriloc — un'anteprima di un sito in questo stile

Ventriloc

Un osservatorio editoriale di dati su carta calda: una singola brace arancione che evidenzia la precisione monocromatica

Ventriloc si esprime con un tono pacato e editoriale: una tela bianca calda e nitida, schede dati a spaziatura fissa e di alta precisione, e un singolo tocco di antracite arancione che punteggia il monocromo come un evidenziatore su un report stampato. Il sistema combina un carattere tipografico neo-grottesco personalizzato (PolySans) con un peso di 400 punti per i titoli – una scelta insolita che sacrifica l'autorevolezza derivante dal volume a favore dell'autorevolezza derivante dalla precisione – con Inter per il corpo del testo e gli elementi dell'interfaccia. Le superfici sono grigie e crema calde anziché di un blu tecnologico freddo, le schede presentano angoli arrotondati in modo asimmetrico (angolo superiore destro acuto, altri angoli morbidi) e gli elementi interattivi sono suddivisi in due dialetti distinti: pulsanti in stile testo con angoli acuti e contenitori di navigazione a forma di pillola. I colori sono usati con parsimonia: le pagine dovrebbero essere progettate in uno stile acromatico per il 95% del tempo, e l'arancione è utilizzato solo come punteggiatura funzionale per evidenziare, sottolineare i link e come accento decorativo dei dati.

Il contenitore con larghezza massima è di 1200px, centrato, con ampi spazi di 80px tra le sezioni. L'elemento principale è diviso in due colonne: a sinistra si trovano il titolo, il sottotitolo e due pulsanti di invito all'azione; a destra un gruppo di tre schede dati sovrapposte (un grafico finanziario, statistiche sui ricavi, un anello di redditività) che fluttuano su uno sfondo bianco. Sotto l'elemento principale si trova una striscia a tutta larghezza con il logo del partner su sfondo bianco. Le sezioni successive alternano strisce color cenere (#efefef) e bianche. La navigazione è costituita da un contenitore a forma di pillola fluttuante, centrato sull'intestazione, con il logo del brand allineato a sinistra e un pulsante scuro "Contattaci" allineato a destra. Il ritmo generale è ampio e di stampo editoriale: ampi margini, sezioni alte e le schede dati che costituiscono l'unica punteggiatura visiva oltre alla tipografia.

Il design visivo è quasi interamente basato sui dati: i widget grafici (grafici a linee, barre di avanzamento circolari, schede statistiche) sono progettati in uno stile piatto e minimalista con sottili linee arancioni e color ottone su superfici di cartone bianco. Non ci sono foto di lifestyle, immagini di repertorio o illustrazioni nella homepage. L'unico contenuto fotografico è costituito dai loghi dei partner/clienti, presentati in grafite monocromatica. Il linguaggio visivo è più simile a un bilancio annuale stampato che a un tipico sito web SaaS: i grafici SONO immagini. Le icone sono sottili, monolineari e color grafite, e compaiono con parsimonia nella barra di navigazione e nelle intestazioni delle schede.

Tavolozza

Marca

  • Ember Orange #ff682c — L'arancione viene utilizzato per evidenziare link, tag e frasi brevi. Non dovrebbe essere usato come colore principale per le call to action.

Neutro

  • Graphite #202020 — Testo principale, titoli, link di navigazione, contorni delle icone: questi sono gli elementi tipografici di base di ogni elemento dell'interfaccia.
  • Canvas White #ffffff — Sfondo della pagina, elevazione della scheda, riempimento delle icone: la superficie più luminosa del sistema.
  • Ash #efefef — Lo sfondo principale della scheda e della sezione, ovvero il contenitore della barra di navigazione, è una superficie prevalentemente grigio caldo.
  • Fog #f5f5f5 — Una tonalità di sfondo delicata per superfici annidate e contenitori secondari.
  • Ivory #ebe6dd — Sfondo caldo e luminoso per i blocchi principali, con un effetto cartaceo.
  • Steel #4d4d4d — Testo principale secondario, testo di paragrafo lungo

Tipografia

da 14 a 66 pixel · 5 passaggi

  • PolySans — sostituzione: Inter Tight or Space Grotesk at weight 400 · contorni 400 · Titoli e testo decorativo - Un carattere tipografico neo-grottesco progettato su misura, utilizzato esclusivamente con peso 400 e spaziatura tra le lettere di -0,02em, crea una sottile autorevolezza editoriale che nessun titolo in grassetto potrebbe replicare.
  • Inter — sostituzione: system-ui or Roboto · contorni 400, 500, 600 · Testo del corpo, etichette degli elementi dell'interfaccia utente, testo dei pulsanti, intestazioni, metadati: un font sans-serif universale per tutto ciò che non è un'intestazione.

Intervalli e forma

ScopoSenso
Densitàmedia
Passo base20px
Raggio del pulsante0px
Raggio della carta8px
Ombreno - bordi invece di ombre
Tra le sezioni80px
Larghezza del pannello1200px

L'IA creerà il tuo sito web nello stile Ventriloc e lo riempirà

  • Pubblica prodotti e contenuti tramite il link: Instagram, TikTok, Facebook.
  • Trasferisci i contenuti dal tuo vecchio sito: basta specificare l'indirizzo.
  • Design moderno sul miglior motore: React ( Next.js) con rendering lato server e ottimizzazione SEO integrata.
  • Ottimizzazione SEO completamente automatizzata per i risultati di ricerca e raccomandazioni basate su reti neurali.

Stili simili

  • Ui — piano clinico su carta opaca
  • Geniestudio — Un quaderno morbido, adatto alla luce del giorno, con ampi margini e un tratto di penna spesso.
  • xAI — Labbra color crema calda con pillola nera
  • Cal — Praticità monocromatica, un approccio umano. Un sistema che privilegia chiarezza e funzionalità attraverso una rigorosa palette in bianco e nero, ma che la addolcisce con una tipografia accattivante e forme arrotondate.
  • Scale — Un laboratorio fotografico di alta qualità, degno di un museo, combinato con un progetto tecnico
  • Contractbook — contratti di carta color crema sotto un cielo oltremare
  • AutoSend — Un accogliente studio in pietra con un'unica luce viola, dove titoli con grazie e vivaci inviti all'azione indaco convivono in uno spazio tranquillo, quasi bianco.
  • Air — scultura "Cielo di mezzanotte attraverso il vetro"
  • SpatialChat — pulsazione viola su pergamena bianca
  • Squarespace — Galleria cinematografica in bianco e nero
  • Giga — Orizzonte di mezzanotte su ossidiana ghiacciata
  • Supabase — Un editor di codice a mezzanotte con un punto verde fosforescente: un singolo impulso cromatico su un mare di polvere di carbone