ThoughtLab
Un monumento di ossidiana con un segnale cremisi. Una tela di nero vuoto, dove l'unico elemento rosso intenso nella cattedrale, stampato a grandi lettere bianche, è una singola figura cromatica.
ThoughtLab funziona come il linguaggio di design della Cattedrale Nera: una tela nera vuota, un singolo impulso rosso e una tipografia così grande da funzionare come architettura. Il sistema è quasi interamente acromatico: #cccccc rappresenta il corpo, #ffffff rappresenta il display, con #fc1c46 che appare solo per una singola azione primaria, come un'ondata controllata di tensione su uno sfondo vuoto. La gerarchia è costruita attraverso bruschi salti di scala (198px → 14px), piuttosto che attraverso colori, ombre o riempimenti. I componenti sono leggeri: schede trasparenti, pulsanti a forma di pillola, campi di input sottili, assenza di impilamento in rilievo: la pagina respira attraverso lo spazio negativo e le maiuscole fittamente impacchettate, piuttosto che attraverso contenitori.
Una tela scura occupa l'intera larghezza della pagina, con ampi margini orizzontali (126px per lato, che spingono la colonna dei contenuti a circa 1400px). L'intestazione è costituita da un'unica riga di 72px: il logo a sinistra, lo slogan al centro, il pulsante di invito all'azione a forma di pillola e il menu a tendina a destra. L'elemento principale è una composizione divisa: un titolo sovradimensionato di 198px in maiuscolo a sinistra con il testo di supporto 18px sotto, mentre una sfera 3D si sovrappone al testo a destra del centro, "inghiottendolo" parzialmente. Sotto l'elemento principale, le sezioni sono disposte con un ampio ritmo verticale, con spazi tra di esse di 86-108px. Gli elementi dell'opera sono visualizzati come un elenco, che occupa quasi l'intera larghezza della pagina, anziché come una griglia di schede. Non c'è una barra laterale, nessun mega-menu, nessun piè di pagina con una griglia di colonne: il piè di pagina è una singola riga discreta con le informazioni sul copyright e i contatti #4c4c4c. La navigazione oltre l'intestazione si apre come un menu a scomparsa (hamburger menu) in una finestra a schermo intero.
Le immagini sono scarse e accuratamente selezionate. L'elemento visivo dominante è una grande sfera di liquido color ossidiana, renderizzata in WebGL: una forma 3D scura, quasi nera, con sottili riflessi blu e ambra lungo il bordo, che fluttua su uno sfondo nero e si sovrappone parzialmente al titolo. Funziona più come icona del marchio che come illustrazione. Le miniature dei progetti sono visualizzate come foto o video in un elenco verticale, presentate senza bordi. Nessuna foto di lifestyle, nessuna immagine di repertorio, nessuna sfumatura decorativa. La sfera e il testo sono gli unici elementi visivi presenti sulla pagina.
Tavolozza
Marca
- Crimson Signal
#fc1c46— L'elemento distintivo principale è un singolo dettaglio rosso, presente nella scheda "Contatti", nel logo del marchio e in nessun altro punto. La sua rarità è dovuta alle peculiarità del design.
Neutro
- Void
#000000— Lo sfondo della pagina, la tela, è il fondamento assoluto su cui fluttuano tutti gli altri elementi. - Ash
#cccccc— Testo principale e dei link, tonalità di testo predefinita su sfondo nero - scelta al posto del bianco puro per attenuare i riflessi ottici. - Frost
#ffffff— Il livello più prominente, pensato per contenuti lineari, visualizza intestazioni, testo dei pulsanti, testo dei campi di input e markup. - Graphite
#4c4c4c— Copyright, meta tag, testo ausiliario: intenzionalmente silenziati per non entrare in conflitto con il testo principale.
Tipografia
da 10 a 198px · 7 passaggi
- sui — sostituzione: Space Grotesk (closest free geometric match) or Inter for a more neutral alternative. Neue Haas Grotesk Display if licensed. · contorni 300, 400, 500, 700 · Un unico font. Sui è un font sans-serif geometrico progettato su misura, utilizzato per qualsiasi testo, dai 198px per i titoli ai 10px per le didascalie. Il peso 700 è riservato ai titoli monumentali e ai titoli di grandi dimensioni; il peso 400 è utilizzato per il resto del sistema. Il contrasto tra grassetto e normale è il sistema di font principale; non è necessaria una seconda famiglia.
Intervalli e forma
| Scopo | Senso |
|---|---|
| Densità | denso |
| Passo base | 9px |
| Raggio del pulsante | 9999px |
| Raggio della carta | 0px |
| Ombre | no - bordi invece di ombre |
| Tra le sezioni | 86-108px |
| Larghezza del pannello | 1400px |
L'IA creerà il tuo sito web nello stile ThoughtLab 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
- Vivid+Co — luce prismatica attraverso l'ossidiana
- Sequel — Una proiezione privata dopo il tramonto è l'unica luce calda in una sala cinematografica altrimenti buia.
- Dovetail — Un progetto sotto una luna nera: linee del grafico appena visibili, caratteri bianchi, un luccichio viola
- MekaVerse — Una galleria monocromatica di artefatti digitali: un vuoto nero e compatto in cui il mondo renderizzato si staglia come un'opera museale, e l'intera interfaccia utente è realizzata con inchiostro bianco su vetro nero opaco.
- Krea — galleria nera a mezzanotte
- Factory — Il terminale della "sala di guerra" a mezzanotte. La "fabbrica" è un pannello di controllo nero e spoglio dove una singola scheda bianca atterra come un messaggio illuminato da una torcia: l'unico oggetto nella stanza è il lavoro stesso.
- basement — Una macchina da stampa vuota alle 3 del mattino: caratteri enormi e compressi si stagliano nel nero pece, un singolo barlume di luce arancione sulla barra di navigazione, tutto il resto bianco o di un grigio spettrale.
- Stink Studios — Uno studio cinematografico a mezzanotte: il proiettore ronza, la stanza è buia, solo la pellicola è illuminata.
- Apple (España) — teatro nero con scenografie illuminate
- Charlie — Tipografia scolpita nella pietra del monastero su ossidiana. Un portfolio in cui un'unica parete rossa crea un silenzio assordante.
- Rive — Visione notturna ad alta precisione. L'interfaccia è dotata di una lente speciale che penetra l'oscurità per mettere a fuoco i dettagli tecnici con assoluta nitidezza.
- Datalands — Una cattedrale nera illuminata da un unico impulso al neon. Il logo occupa l'intera navata; tutto il resto è costituito da testo appena percettibile sottostante.