Il catalogo intero — 76 demo dal vivo

Dove sta bene: titoli hero, slogan di campagna.

Dove sta bene: storia del marchio, racconto della produzione, casi studio.

Dove sta bene: enfasi su tecnologia e innovazione, titoli di sezione.

Dove sta bene: testi manifesto, proposte di valore.

Provi scorrendo — gli strati scorrono a velocità diverse. Dove: titoli di serie e di collezione.

Ci passi sopra — accelera. Dove: fasce di annuncio, campagne.

La grana generata dal vivo fa sembrare i colori piatti "usciti dalla tipografia". Dove: marchi premium e retro.

A cosa serve: dati DECORATIVI che fanno sentire la pagina come uno strumento vivo o un laboratorio. Mammut l'ha fatto con il GPS e il battito di un alpinista — il lettore si sentiva in montagna. Noi lo facciamo con la temperatura del reattore: il visitatore si sente in officina. Una parte dei numeri è reale (l'orologio, il suo scorrimento, il suo puntatore), una parte è atmosfera. Dove: pagine costruite intorno alla produzione o al laboratorio.

Dove: blocchi di statistiche, "noi in numeri".

Ci passi sopra — le lettere fanno una capriola una a una. Dove: menu, link importanti.

Ci passi sopra. Dove: griglie di prodotto e di collezione — dovrebbe essere lo standard di ogni negozio.

Scorra — le righe scorrono in direzioni opposte inclinandosi con la velocità dello scorrimento. Dove: separatori di sezione, manifesti.

Dove: pagine 404, marchi per bambini e hobby, sezioni "area giochi".

Li afferri e li trascini. Dove: aree di gioco moodboard e cartella colori, pagine di lancio.

Dove: aperture di sezione, momenti di enfasi emotiva.

La stessa animazione, due ritmi. Quella a scatti sembra "disegnata a mano" — era il segreto del Sito dell'Anno 2021.

Dove: momenti di cambio colore o serie, transizioni di tema.

Presenta contenuti tecnici con l'eleganza di una carta dei cocktail. Dove: contenuti di prodotto e dettagli delle caratteristiche.

Compilare un modulo non è più una scocciatura ma costruire una frase. Dove: pagine di contatto e di candidatura.

Ci passi sopra — accelera. Dove: distintivi d'angolo, aree del "bollino di approvazione".

Dove: esperienze premium e immersive. Usato con misura, rende un sito "toccabile".

Un solo modello 3D, colori infiniti. Pensi a cosa significa in un catalogo di 234 colori. Dove: gli hero delle schede prodotto.

La scritta viene piegata come texture sulla scheda grafica. Dove: sezioni manifesto, slogan di marchio.

Le gocce si fondono come liquido vero quando si toccano — tutto matematica. Dove: aperture premium in stile FarbeLab.

Scorrimento = pellicola. La scena si incolla allo schermo e la telecamera avanza mentre lei procede. Dove: racconti del percorso di un marchio.

Una mappa di vento invisibile trascina le particelle; le loro tracce diventano colore. Dove: sfondi vivi, pagine 404.

Una sfera di vetro con gocce colorate che vi galleggiano dentro e che rifrange davvero la luce. Dove: presentazioni di prodotti premium (FarbeLab).

Un organismo 3D la cui superficie ondeggia in continuazione e che cambia forma al tocco. Dove: l'oggetto centrale di un hero, una mascotte.

Una vera simulazione di tessuto a 442 punti: gravità, vento e tocco. Dove: scene di etichette e bandiere, lanci.

Due immagini scorrono l'una dentro l'altra attraverso una mappa di rumore. Dove: hover di galleria, transizioni di collezione.

Non imitazione ma fisica: le equazioni dei fluidi vengono risolte a ogni fotogramma (diffusione, pressione, vorticità). Dove: aperture di hero — questa è la nostra firma.

La posizione delle particelle è conservata in una texture e aggiornata sulla scheda grafica. In E23 erano 9.000 — qui sono 262.144.

Per ogni pixel viene tracciato un raggio di luce: riflessione, rifrazione, ombra morbida. Dove: scene di prodotti premium.

Bloom, deriva cromatica dell'obiettivo, vignettatura, grana della pellicola. Questo strato alza di un gradino ogni scena del catalogo.

Due scene 3D distinte, una dentro l'altra. E27 ne era un'imitazione; questa è quella vera (stencil buffer).

Una fotografia + una mappa di profondità = l'illusione del 3D. Dove: foto di atelier, scatti di prodotto.

72 fotogrammi preparati in anticipo e legati allo scorrimento — come un video, ma con il controllo tutto dalla sua parte.

Chiede il permesso per il microfono, non registra nulla. Dove: schermi da stand fieristico, pareti di eventi.

La scritta si trasforma in migliaia di cubi sbattuti dalla fisica, poi si ricompone. Dove: momenti di lancio, 404.

Diecimila copie dello stesso oggetto disegnate in una volta sola. Dove: racconti di capacità e scala, la sensazione di una fabbrica enorme.

Non una superficie ma un volume: il raggio raccoglie luce passo dopo passo attraversando la nube. La tecnica più costosa e più cinematografica.

Vera matematica dell'ebru: ogni goccia spinge ad anelli tutto il disegno che sta sotto; il pettine passa seguendo un'onda sinusoidale. Non ce l'ha nessun altro al mondo — un effetto firma nato dalla nostra cultura.

La fisica dei colori di una bolla di sapone (interferenza a film sottile). Il corrispettivo digitale della vernice perlata di Metakrlyic.

Texture da giornale e serigrafia. Dove: marchi dal sapore retro-stampa, pagine poster.

Una texture di vernice secca e invecchiamento generata con celle di Voronoi. Dove: serie vintage, racconti di restauro.

Un flusso morbido e a basso contrasto. Dove: sezioni con testo lungo, pagine di contatto, sotto l'hero.

Due sostanze chimiche che si diffondono e reagiscono (Gray-Scott). Strisce di zebra, corallo, una macchia di colore — tutto dalla stessa equazione.

Sullo schermo blu + giallo = grigio. Sulla tavolozza blu + giallo = verde. La differenza nasce dall'assorbimento e dalla diffusione della luce dentro il granello di pigmento; l'industria delle vernici lo calcola dal 1931 con l'equazione di Kubelka-Munk. Quell'equazione gira nella metà destra. Per un marchio di vernici non esiste effetto firma più giusto di questo.

La firma dell'acquerello, il anello scuro del bordo qui non viene disegnato — si forma da solo, perché l'acqua evapora e il pigmento viene trascinato al bordo e lì resta. Si tiene conto anche della grana della carta: il pigmento si raccoglie negli avvallamenti (granulazione).

Da ogni pixel viene lanciato un raggio nella scena, e i raggi rimbalzano sulle superfici cercando di arrivare alla luce. La sfera bianca accanto alla parete rossa tende al rosso da sé — non è stato dipinto, è successo perché la luce è davvero rimbalzata da lì. La versione da browser del metodo usato negli effetti cinematografici.

Una pennellata non è un "timbro". Ognuna delle 420 setole si comporta come una molla a sé: se si preme si allarga, se si gira resta indietro, se si solleva si ricompone. Il segno nasce dove le setole toccano la carta — per questo nessun colpo somiglia a un altro.

Quella rete luminosa e tremolante che un barattolo d'acqua proietta sul pavimento. La luce si rifrange sulla superficie del liquido e si raccoglie in certi punti; da quella concentrazione nasce la luminosità. La pendenza della superficie viene calcolata per ogni fotogramma.

alla simulazione di fluido ostacolo sono stati definiti: le lettere. Il colore ci sbatte contro, ne aggira i bordi e lascia vortici dietro di loro. Il nome del suo marchio non è la scenografia ma parte della fisica.

Due colori alla luce del giorno esattamente uguali (ΔE = 0,0). Sotto la lampadina si separano, e con il neon la differenza ΔE = 19— cioè evidente. Il settore ha un nome per questo: disaccordo metamerico — il motivo del reclamo "in negozio andava bene, a casa no". Qui si usano vere funzioni di corrispondenza colore CIE e veri spettri di sorgenti luminose; le curve di riflettanza di due pigmenti vengono risolte in modo che vengano prodotti.

Qui il colore non è colore ma volume. Ogni colpo lascia un'altezza; la luce si rifrange secondo la pendenza di quella superficie e sul bordo della spatola si forma una cresta. Il rilievo di un dipinto a olio, quello che si vede guardandolo di lato.

Non su una griglia, ma 780 particelle distinte con il fluido risolto sopra. Ogni particella misura la densità delle vicine e spinge o attrae; da lì nasce la tensione superficiale. Le gocce si fondono e si spezzano davvero — non sono disegnate.

La matematica comune alla brina sul vetro, a un cristallo di rame e al fulmine. Particelle che vagano a caso si congelano nel primo punto in cui toccano l'ammasso — per questo le punte crescono e l'interno resta affamato. Nessuno disegna il motivo, emerge da solo.

Il raggio entra nel vetro ed esce dalla faccia posteriore — e ogni colore con un altro angolo viene rifratto. Da qui la frangia arcobaleno sui bordi; lo stesso fenomeno del prisma che scompone la luce. Anche la forma della bottiglia è definita come un'unica superficie matematica, senza file di modello.

Dia un colore, e con quali pigmenti in quale proporzione va miscelato. Quello che vede sullo schermo è esattamente il lavoro del colorimetro di un laboratorio di vernici: Kubelka-Munk calcola il colore della miscela e le proporzioni vengono corrette passo dopo passo finché ΔE si riduce. I numeri scorrono dal vivo — la soluzione viene trovata sul momento, non letta da una tabella pronta.

Il metodo con cui l'industria delle vernici misura il potere coprente: si stende su una carta bianca e nera un film di spessore crescente e si guarda il rapporto tra i valori letti sul fondo nero e su quello bianco. Lo spessore al quale il rapporto di contrasto supera il 98% è il punto di "copertura totale". Qui quell'equazione (Kubelka-Munk su fondo) viene risolta pixel per pixel.

Tutti i colori che l'occhio umano può vedere stanno dentro quest'area a ferro di cavallo. Il triangolo è la parte che il suo schermo riesce a mostrare. Ogni colore fuori dal triangolo sta mentendo sul suo schermo — alcuni pigmenti reali stanno esattamente lì. Il modo più onesto di dire a un cliente "il colore che vede sullo schermo non è la cosa stessa".

"Asciugandosi il colore si è schiarito" è il reclamo più frequente e non è un difetto della vernice: finché è bagnata, acqua e medium riempiono lo spazio fra i granelli di pigmento, la luce si diffonde meno e il colore scuro e saturo compare. Andata via l'acqua, entra l'aria, la diffusione aumenta e il colore si schiarisce e diventa opaco. Qui il coefficiente di diffusione cresce nel tempo, il resto lo fa l'equazione.

Un tessuto non è un motivo ma un' un'istruzione: quale filo di ordito passa sopra quale trama. Qui girano veri rapporti di armatura — tela, saia, raso, spinato. Se cambia il rapporto cambia il tessuto; se cambiano i colori dei fili cambia il disegno. È esattamente il cuore di qualunque software CAD tessile.

Le ombre non sono state messe "perché stiano bene": per la latitudine, giorno e ora vengono calcolati altezza e azimut del sole e la luce viene messa lì. Lo stesso calcolo che gli studi di architettura fanno per gli studi di ombreggiamento e soleggiamento sul lotto vicino.

Ovunque gravi il carico, la forza in ogni asta risolto all'istante: il rosso è trazione, il blu compressione, lo spessore l'entità della forza. Dietro viene costruita una vera matrice di rigidezza e risolto il sistema di equazioni — applicazione diretta del corso di statica. La linea trasparente mostra la deformazione, esagerata.

Questa non è un'animazione: una piccola rete neurale artificiale si sta addestrando proprio ora, nel suo browser. La zona colorata è la decisione del modello; a ogni fotogramma gira la retropropagazione, l'errore cala e il confine si curva finché impara a separare le due nuvole. La via più breve, per un marchio di software o tecnologia, per dire "questo lavoro lo facciamo davvero".

Centinaia di corpi sparsi nel vuoto solo da un unico punto di vista si allineano e formano la scritta. L'anamorfosi scoperta nel Rinascimento; ogni corpo è stato posto a una profondità diversa lungo il raggio che passa per quell'unica telecamera. Perfetto per arte, galleria e spazi esperienziali.

60 fermate, un veicolo, il giro più breve. Le possibilità sono troppe perché un computer le provi a forza bruta (per 60 fermate, più degli atomi dell'universo), perciò in corso di miglioramento: si cercano due tratti che si incrociano e si invertono, e il giro continua ad accorciarsi. In questo calcolo sta la bolletta del carburante di ogni azienda che fa consegne.

La ruota dell'anno: la finestra di raccolta di ogni prodotto, all'esterno la vera curva della durata del giorno insieme a essa. La lunghezza del giorno è calcolata dalla latitudine — non un'onda decorativa ma il calendario stesso dell'agricoltura. Risponde a colpo d'occhio alla domanda "cosa è fresco adesso?".

Nella scienza alimentare la La regola Q10: 10 °C in più moltiplicano la velocità di deterioramento. Quell'equazione gira qui — cambi la temperatura e guardi la durata di conservazione sciogliersi. Sotto c'è il calcolo di "cosa si perde se la catena del freddo si interrompe per un giorno". Il modo più convincente di spiegare a un cliente le condizioni di conservazione.

Olio d'oliva, miele, mosto cotto — ognuno cola in modo diverso e il cliente vuole vederlo in video. Quando la goccia si stacca per la legge di Tate viene calcolato: la goccia si stacca nell'istante in cui il suo peso vince la tensione superficiale. Un liquido denso lascia un filo dietro di sé, uno acquoso no.

Usato per olio d'oliva, caffè, miele e vino panel sensoriale rappresentato. Quando i profili di due prodotti si sovrappongono si vede dove coincidono e dove si separano. Mostrare invece di dire "il nostro è più fruttato" — è l'unica cosa che spiega la differenza di prezzo.

La venatura non è un file di texture, la geometria del tronco. Qui gli anelli annuali sono definiti in tre dimensioni e intersecati con il piano lungo cui è stata segata la tavola: tagliata sul cuore dà linee dritte, tagliata in tangenza dà archi da cattedrale — la vera differenza che ogni falegname conosce. Se cambia la specie, cambiano anche la distanza degli anelli, il colore e la tessitura dei pori.

Lo stesso legno, tre vernici diverse. La differenza non è nel colore nella distribuzione del riflesso: una superficie opaca diffonde la luce in largo, una lucida la raccoglie stretta e netta. Il cliente può rispondere alla domanda "opaco o lucido" solo vedendoli affiancati.

La frase che si sente più spesso nell'e-commerce dell'arredamento: "non avevo capito quanto fosse grande". Mostrare il prodotto Nella stessa scena di una persona alta 1,75 m e mostrarlo nella prospettiva giusta mette fine a questo problema. Rimpicciolisce allontanandosi e le misure vengono scritte dal vivo.

Nel mobile in scatola gran parte del carico di resi e assistenza viene dal montaggio. Mostrare come si incastrano i pezzi tridimensionale e passo dopo passo incide direttamente sulla fiducia prima dell'acquisto e sull'assistenza dopo. La stessa cosa si usa nel settore delle macchine e dei ricambi.