un sistema
vivo.
Qui vivono i motori di ENNE. Non sono copie: è lo stesso codice che muove la homepage e i progetti. Quello che si prova qui, migliora lì. La storia resta intatta nell'archivio.
cosa vive
adesso.
Quello che oggi muove la home e Work, in ordine di pagina. Ogni pezzo è nato o è stato provato qui; la riga in basso dice da dove viene.
La porta
La enne originale a strati, work e lab in orbita, la griglia che da 3D diventa piatta e resta per tutto il sito.
atlante tav. 04/05 → ENNE-030/032
Capacità sulla linea
Le capacità si staccano dalla linea, grandi, ognuna con le sue parole che compaiono una alla volta.
tav. 06 · L1 flusso → ENNE-031
Maschere-gesto
Lo studio si presenta con maschere grandi: la parola-capsula è una stazione della linea, il testo esce all'arrivo della palla.
v044 D · L4 → ENNE-031
Progetti appesi
La linea scende e diventa asse: lungo la discesa la palla rivela i progetti, in capsule grandi con il loro ritaglio.
schizzo di Nicola 17/10 → ENNE-028
Viaggio di Work
L'ecosistema dei lavori è un viaggio orizzontale lungo la linea; sul telefono diventa una colonna.
ENNE-030
Il sito che si costruisce
Mockup browser e telefono: un sito ENNE si costruisce da solo in quattro tempi. Sotto, ogni strumento con il suo gesto.
ENNE-030 → ENNE-033
Muro dei marchi
I marchi dai vettoriali dell'archivio, tutti con la stessa area ottica: piccoli, centrati, si raddrizzano al passaggio.
archivio ENNE → ENNE-033
Linea con inizio e fine
Entra da oltre il bordo e finisce in una capsula che è un link: la palla la percorre mentre si scende.
«prima si prova.» → ENNE-033
Ogni parola ha un padrone: vive in una capsula o su una linea, mai appoggiata sopra.
Ogni linea ha un inizio e una fine: entra da oltre il bordo, arriva a qualcosa.
Ogni movimento ha una causa leggibile: lo scorrimento, il cursore, la palla.
Sul telefono il disegno si ricompone, non si rimpicciolisce.
molti motori.
un solo codice.
Ogni anteprima è il motore vero, lo stesso codice della home: si prova qui, si misura, poi il sito lo usa senza copiarlo. Lo stato dice dove vive oggi.
Capsula testo
Il testo decide la forma. La parola misura la sua capsula: titoli, porte work/lab, le parole della copertina. Nel sito ovunque.
Griglia
Spazio prima della forma. La griglia a 12° che regge tutto: pavimento dell'intro, fondo del sito, stazioni dove la palla si ferma.
Pattern
Un modulo, molte posizioni. Il modulo 3,18:1 a zig-zag e in file: dietro l'hero, nell'intro, nello studio. Si muove sempre, piano.
Traiettoria
Entra, attraversa, esce. La linea della home: entra da oltre il bordo, porta capacità e progetti, finisce in una capsula.
Palla rossa
Una causa, un effetto. La palla segue lo scorrimento lungo la linea e accende quello che tocca: servizi, progetti, il LAB.
Sole / facce
Un sole, più stati. Il sole della copertina con le sue facce: nell'intro gira in orbita intorno alla enne.
Maschera
Selezionare non è tagliare. Maschere-capsula per i video e le immagini dei progetti: rivelano senza tagliare volti o testi.
Relazione
Una causa, molte risposte. Quando un elemento si muove, gli altri rispondono con la molla ENNE: capsule, grafiche, pattern.
Composizione · campo
Un master, molte espressioni. Un solo impianto che si ricompone per formato: desktop, telefono, social.
Causal playground
Una causa, molte conseguenze. Lanci la palla e vedi la catena: il banco di prova di tutte le regole del motore.
Capsula corrente
La stessa funzione, tre gesti. Tre modi per dire «sei qui» nel menu: da scegliere.
Connessione
Servizi → lavori. Il percorso collega ogni servizio a un lavoro reale: è la regola che muove la linea della home.
Crescita
Una capsula diventa tante. Capsule-corpo che nascono e si spingono (dalle scene Cavalry di Nicola). Esporta SVG.
Sequenza a capitoli
Lo scorrimento sceglie. La palla segna il capitolo e il suo loop si apre dalla capsula: ledwall, artisti, edizioni di MAF.
Grafiche vive
Le grafiche escono dal lavoro. Le grafiche originali, senza fondo, trovano spazio libero e reagiscono a palla e puntatore: Work e home.
Composizione · parole
Chi siamo, in parole. Il campo di parole-capsula intorno alle capacità dell'hero, senza coprire testo o linea.
cosa porteremo
nel motore.
Dall'atlante visivo e dalle prove v044. Già nel sito: H1 la porta, H0 e L1 hero e flusso, L4 maschera-gesto (vedi 00). Restano quattro principi, in ordine di lavoro.
Pattern e capsula centrale
Il pattern di fondo risponde a una capsula al centro: le altre ruotano al passaggio, si schiacciano come rulli e la capsula-titolo ci passa in mezzo, o scattano come un flipper.
Idea di Nicola 19/10 · schema, non tavola → Pattern, Crescita
Idea → forma → applicazione
Tre stati collegati dalla linea: connetti avvia, la palla arriva e seleziona, il lavoro si rivela. Causa ed effetto, non ornamento.
Atlante tav. 10–12 A+B · v044 C connetti → seleziona → Connessione
Stessa forma
Il modulo costante fa leggere le cose: glitch, cambi di colore, pause che danno ritmo. Una misura, nessun allungamento.
Atlante tav. 13 modulo costante → Pattern
Una forma si moltiplica
Stessa proporzione, scala diversa: una capsula diventa tante, dalla parola al campo intero.
Atlante tav. 15 cambio di scala → Composizione
H1 Torna il marchio «enne» dominante con i satelliti e il sole (atlante tav. 01–04). La home attinge dai punti qui sopra.
Capsule nere a livello sfondo (tav. 07): le capsule restano quelle del LAB. Barre dritte generiche, nuvole di pillole equivalenti, rotazione su tutto, immagini piccole in cornici (tav. 20).
una causa.
una conseguenza.
Le regole che muovono home, LAB e progetti vivono in un solo motore. Questo elenco è letto dal codice: quando nasce una regola nuova, compare qui. 31 regole oggi.
followla traiettoriala palla avanza sul percorsov037trailla palla avanzala scia rivela il percorso fattov037 · v030markla palla passa vicino a un incrocio della griglial'incrocio si gonfia e diventa stazionev037proximityla palla o il puntatore si avvicinanocapsule e maschere si scostano con la molla ENNEENNE-016 · ENNE-020counterla maschera viene spintal'immagine dentro risponde più piano, in senso opposto (≈ 0,32)v037revealla palla arriva in fondoil progetto si apre intero, con il suo creditov037 SELECT · v043 REVEALworduna parola è legata a una traiettoriala parola scorre lungo il percorso e cambia quando cambia lo stato della scenav030 · Boc.Studio · New York City Times (ricerca Awwwards 16/10)composition:campoun campo deve dire chi siamo con molte parolele capsule-parola si dispongono a caso (a seme) senza toccarsi né coprire testo, capacità o linea; misure e rotazioni del LAB ComposizioneENNE.compose «campo» (LAB 09) · revisione di Nicola 17/10
tutte le 31 regole
line:geometricuna linea deve collegare dei verticitratti dritti raccordati da archi dello stesso raggio: curvatura geometrica, precisa e omogenearevisione di Nicola 17/10 (home e LAB)ball:sidela palla percorre una linea curvasta sulla linea, la sorvola all'esterno della curva o la segue all'interno, a contatto con il bordorevisione di Nicola 17/10 (LAB, Sistema vivo e Palla rossa)line:flowuna linea deve attraversare il campo passando per dei puntiuna sola curva continua, senza rettilinei né spigoli: la tangente non si spezza mai; la «mano» varia appena le maniglie, la curva resta precisaatlante v001 tav. 05 formato social · tav. 06 flusso aperto · Nicola 19/10word:on-linedelle parole devono dire cosa facciamostanno sulla linea che le porta, a passo regolare e inclinate come la curva; dove non c'è linea non c'è parolaatlante v001 tav. 06 · Nicola 21/10anchoruna capsula è dichiarata su un punto della traiettoriala banda passa per la capsula a ogni formato e la palla sa dove trovarlacover 05 (v026)avoiduna capsula tocca il testo d'apertural'ancora si sposta e la banda la segue: il testo non viene mai copertoENNE-027 passaggio 1connect-scrolllo scorrimento della paginaa riposo la palla percorre la banda e le capsule rispondono al passaggiov037 CONNECT · Nicola 16/10receivela palla arriva alla capsulala capsula riceve la spinta (follow-through)v043 Descent / activationopenla capsula ha ricevuto la pallail lavoro reale si apre dalla capsula, intero, con il suo creditov036/v041 maschera come finestratravelil visitatore sceglie una capacitàla palla arretra appena (anticipazione) e viaggia fino alla capsulav037 · v043 SELECTreturnil visitatore chiude il lavorola finestra rientra nella capsula e la palla tornaENNE-027 passaggio 1ball:triggerla palla raggiunge una capsulala capsula si accende e passa energia alla vicinav043 Descent / activationball:attractla palla passale capsule vengono richiamate invece che respinteENNE-020 attractball:orbitil visitatore sceglie una capsulala palla le gira intorno e la capsula si inclina con leiv033 C01 orbitaball:collidela palla lanciata urta una capsularimbalza e le trasferisce energiaENNE-027 · David Lubofsky (ricerca)graphic:placeun lavoro entra nel campo con le sue graficheogni grafica trova uno spazio libero vicino all'opera, mai sopra opera, testi o indiceregola avoid della home · Nicola 16/10graphic:reactla palla o il puntatore si avvicinano a una grafica del progettola grafica si scosta, si inclina e torna con la molla ENNE; entrando, parte dal punto della pallaENNE-020 relate · Nicola 16/10body:collidedue capsule occupano lo stesso spaziosi spingono via a vicenda dal punto di contatto e ruotano attorno ad esso: la composizione nasce dalle collisioniCavalry · Forge Dynamics (LOGO ENNE ANIMATIO 1 e 2)body:pushil puntatore o la palla entrano fra le capsulele capsule vengono spostate come da un corpo: la causa è visibile e fisicaENNE-020 relate · Cavalrybody:avoiduna capsula entra nello spazio di un testone viene spinta fuori dal lato più vicino: il testo resta leggibileregola avoid della homebody:cohereuna capsula si allontana dal punto in cui è nataviene richiamata piano verso l'origine: la massa resta compatta e cresce dall'interno, come nella scena CavalryCavalry · Random con dimensione 0growth:spawnil tempo o lo scorrimento avanzanonasce la capsula successiva nel punto d'origine (o lungo la scia) e spinge quelle già nateCavalry · Random con numero animato 1 → 100hero:modulela prima schermata si apre su uno schermo di qualunque misurail modulo 4:5 della tav. 06 sta al centro e accoglie il marchio nel vuoto fra due linee che si stringono; altri moduli si affiancano fino ai bordi, le linee passano dall'uno all'altro in una curva sola; il pattern abita solo i vuotiatlante v001 tav. 06 · Nicola 21/10
ogni passo
resta.
Dalle fondamenta v022 ai raffinamenti v045: 35 prove nell'archivio, nessuna ritoccata. Poi le iterazioni sul sito, una per tappa. Il prima e dopo di ognuna resta consultabile.
- ENNE-026il ponte: il canone statico entra nell'app Next.js identico, con anteprime per ramo
- ENNE-027un motore unico: regole lette dal codice, nuove grammatiche (causa, flusso, crescita)
- ENNE-028la grammatica di Nicola: la linea è la colonna vertebrale, i progetti appesi
- ENNE-029l'atlante visivo decide cosa entra nel motore; il LAB si corregge prima della home
- ENNE-030la porta in 3D, il viaggio di Work, il mockup AI, l'archivio ENNE come fonte
- ENNE-031hero a parole sparse, studio con maschere-gesto
- ENNE-032una griglia continua dalla porta al fondo, porta corretta, Higgsfield
- ENNE-033marchi dai vettoriali, AI uno strumento per volta, linea verso il LAB, questo LAB