ThoughtLab
Un monument d'obsidiana amb un senyal carmesí. Un llenç de buit negre, on l'únic objecte vermell saturat de la catedral, imprès en grans lletres blanques, és una única figura cromàtica.
ThoughtLab funciona com un llenguatge de disseny de Catedral Negra: un llenç negre en blanc, un únic pols vermell i una tipografia tan gran que funciona com a arquitectura. El sistema és gairebé completament acromàtic —#cccccc representa el cos, #ffffff representa la pantalla— i #fc1c46 apareix només per a una única acció primària, com una onada controlada de tensió sobre un fons de buit. La jerarquia es construeix mitjançant salts d'escala pronunciats (198px → 14px), en lloc de fer-ho mitjançant color, ombres o farciments. Els components són ingràvids: targetes transparents, botons en forma de píndola, camps d'entrada prims, l'absència d'apilament elevat: la pàgina respira a través de l'espai negatiu i les majúscules densament empaquetades, en lloc de fer-ho a través de contenidors.
Un llenç fosc abasta tota l'amplada de la pàgina, amb marges horitzontals amplis (126 px a cada costat, cosa que fa que la columna de contingut arribi aproximadament a 1400 px). La capçalera és una sola línia de 72 px: el logotip a l'esquerra, l'eslògan al centre, el botó de crida a l'acció en forma de píndola i la barra d'hamburguesa a la dreta. L'heroi és una composició dividida: un titular de grans dimensions de 198 px en majúscules a l'esquerra amb un text de suport de 18 px a sota, mentre que una esfera 3D se superposa al text a la dreta del centre, "menjant-lo" parcialment. A sota de l'heroi, les seccions estan disposades en un ritme vertical espaiós amb espais de 86–108 px entre elles. Els elements de l'obra es mostren com una llista, ocupant gairebé tota l'amplada de la pàgina, en lloc de com una graella de targetes. No hi ha barra lateral, ni megamenú, ni peu de pàgina amb una graella de columnes: el peu de pàgina és una sola línia silenciosa amb informació sobre drets d'autor i informació de contacte #4c4c4c. La navegació més enllà de la capçalera s'inicia com un menú d'hamburguesa en una superposició de pantalla completa.
Les imatges són escasses i intencionadament seleccionades. L'element visual dominant és una gran esfera de líquid d'obsidiana, renderitzada en WebGL: una forma 3D fosca, gairebé negra, amb subtils reflexos blaus i ambre a la vora, que sura sobre un fons negre i se superposa parcialment al títol. Funciona més com a iconografia de marca que com a il·lustració. Les miniatures dels projectes es mostren com a fotos o vídeos en una llista vertical, presentades de vora a vora sense vora. No hi ha fotos d'estil de vida, ni imatges de stock, ni degradats decoratius. L'esfera i el tipus de lletra són els únics elements visuals de la pàgina.
Paleta
Marca
- Crimson Signal
#fc1c46— L'accent principal és un únic element vermell; apareix a la pestanya "Contactes", al logotip de la marca i enlloc més. La seva raresa es deu a les especificitats del disseny.
Neutral
- Void
#000000— El fons de la pàgina, el llenç, és la base absoluta sobre la qual suren tots els altres elements. - Ash
#cccccc— Text principal i d'enllaç, to de text predeterminat sobre llenç negre: escollit en lloc del blanc pur per suavitzar l'enlluernament òptic. - Frost
#ffffff— Mostrar els encapçalaments, el text dels botons, el text del camp d'entrada i el marcatge és el nivell més destacat, pensat per al contingut que hauria de ser lineal. - Graphite
#4c4c4c— Drets d'autor, metaetiquetes, text auxiliar: silenciats intencionadament per no competir amb el text principal.
Tipografia
de 10 a 198 px · 7 passos
- sui — reemplaçament: Space Grotesk (closest free geometric match) or Inter for a more neutral alternative. Neue Haas Grotesk Display if licensed. · esquemes 300, 400, 500, 700 · Una sola font. Sui és una font sans-serif geomètrica de disseny personalitzat que s'utilitza per a tot, des de 198 px per a titulars fins a 10 px per a subtítols. El pes de 700 es reserva per a titulars monumentals i títols grans; el pes de 400 s'utilitza per a la resta del sistema. El contrast entre negreta i normal és el sistema de fonts principal; no cal una segona família.
Intervals i forma
| Propòsit | Significat |
|---|---|
| Densitat | dens |
| Pas bàsic | 9px |
| Radi del botó | 9999px |
| Radi de la targeta | 0px |
| Ombres | sense vores en comptes d'ombres |
| Entre seccions | 86-108px |
| Amplada de la pàgina | 1400px |
La IA crearà el vostre lloc web a l'estil ThoughtLab i l'omplirà.
- Omple amb productes i publicacions a través de l'enllaç: Instagram, TikTok, Facebook.
- Transfereix contingut del teu lloc web antic; només cal que especifiquis l'adreça.
- Disseny modern en el millor motor: React ( Next.js) amb renderització de servidor i optimització SEO des del primer moment.
- Optimització SEO totalment automatitzada per a resultats de cerca i recomanacions de xarxes neuronals.
Estils similars
- Vivid+Co — llum prismàtica a través de l'obsidiana
- Sequel — Una projecció privada després de fosc és l'única llum càlida en un cinema que altrament fosc.
- Dovetail — Un plànol sota una lluna negra: línies gràfiques gairebé invisibles, font blanca, una guspira porpra
- MekaVerse — Una galeria monocroma d'artefactes digitals: un buit negre sòlid on el món renderitzat penja com una exposició de museu, i tota la interfície d'usuari és tinta blanca sobre vidre negre mat.
- Krea — galeria noir a mitjanit
- Factory — La terminal de la "sala de guerra" a mitjanit. La "fàbrica" és un panell de control negre i impecable on aterra una única targeta blanca com un enviament il·luminat per una llanterna; l'únic objecte de la sala és l'obra en si.
- basement — Una impremta buida a les 3 de la matinada: fonts enormes i comprimides que s'escampen per la foscor total, un únic lluïssor de llum taronja a la barra de navegació, tota la resta blanca o d'un gris fantasmagòric.
- Stink Studios — Un estudi de cinema a mitjanit: el projector brunzeix, l'habitació és fosca, només la pel·lícula està il·luminada
- Apple (España) — teatre negre amb accessoris il·luminats
- Charlie — Tipografia esculpida en pedra de monestir sobre obsidiana. Un portafoli en què una única paret vermella crea un silenci eixordador.
- Rive — Visió nocturna d'alta precisió. La interfície compta amb una lent especial que penetra la foscor per enfocar els detalls tècnics amb una claredat absoluta.
- Datalands — Una catedral negra amb un únic pols de neó. El logotip omple la nau; tota la resta és text a penes audible a sota.