ThoughtLab
Isang monumento ng obsidian na may pulang senyales. Isang kanbas ng itim na kawalan, kung saan ang tanging puspos na pulang bagay sa katedral, na nakalimbag sa malalaking puting letra, ay isang nag-iisang pigurang kromatiko.
Ang ThoughtLab ay gumagana na parang isang wikang pangdisenyo ng Black Cathedral: isang blangkong itim na canvas, isang pulang pulso, at napakalaki ng tipograpiya na gumaganap bilang arkitektura. Ang sistema ay halos ganap na walang kulay—ang #cccccc ay kumakatawan sa katawan, ang #ffffff ay kumakatawan sa display—kung saan ang #fc1c46 ay lumilitaw lamang para sa isang pangunahing aksyon, bilang isang kontroladong pag-agos ng tensyon laban sa isang background ng kawalan. Ang hirarkiya ay binuo sa pamamagitan ng matalim na pagtalon sa scale (198px → 14px), sa halip na sa pamamagitan ng kulay, mga anino, o mga pagpuno. Ang mga bahagi ay walang bigat: mga transparent na card, mga buton na hugis-pill, manipis na mga input field, ang kawalan ng mataas na stacking—ang pahina ay humihinga sa negatibong espasyo at siksik na naka-pack na uppercase, sa halip na sa pamamagitan ng mga lalagyan.
Isang madilim na canvas ang sumasaklaw sa buong lapad ng pahina, na may malalawak na pahalang na margin (126px sa bawat panig, na nagtutulak sa hanay ng nilalaman sa humigit-kumulang 1400px). Ang header ay isang linyang may 72px: ang logo sa kaliwa, ang tagline sa gitna, ang hugis-pill na call-to-action button, at ang hamburger bar sa kanan. Ang hero ay isang hati na komposisyon—isang napakalaking 198px na headline na naka-caps lahat sa kaliwa na may sumusuportang body copy na 18px sa ibaba, habang ang isang 3D sphere ay nagpapatong sa teksto sa kanan ng gitna, na bahagyang "kinakain" ito. Sa ibaba ng hero, ang mga seksyon ay nakaayos sa isang maluwang na patayong ritmo na may 86–108px na puwang sa pagitan ng mga ito. Ang mga elemento ng akda ay ipinapakita bilang isang listahan, na sumasakop halos sa buong lapad ng pahina, sa halip na isang grid ng mga baraha. Walang sidebar, walang mega-menu, walang footer na may grid ng column—ang footer ay isang tahimik na linya na may impormasyon sa copyright at impormasyon sa pakikipag-ugnayan #4c4c4c. Ang nabigasyon na lampas sa header ay ilulunsad bilang isang hamburger menu sa isang full-screen overlay.
Kakaunti ang mga imahe at sadyang pinili. Ang nangingibabaw na elementong biswal ay isang malaking globo ng obsidian liquid, na nire-render sa WebGL—isang madilim, halos itim, 3D na hugis na may banayad na asul at amber na repleksyon sa gilid, lumulutang laban sa isang itim na background at bahagyang nagpapatong-patong sa pamagat. Ito ay gumagana bilang iconography ng brand kaysa sa ilustrasyon. Ang mga thumbnail ng proyekto ay ipinapakita bilang mga larawan o video sa isang patayong listahan, na ipinapakita mula gilid hanggang gilid nang walang hangganan. Walang mga larawan ng lifestyle, walang mga stock na imahe, walang mga pandekorasyon na gradient. Ang globo at uri lamang ang mga biswal na elemento sa pahina.
Paleta
Tatak
- Crimson Signal
#fc1c46— Ang pangunahing diin ay isang pulang elemento; lumalabas ito sa tab na "Mga Kontak", sa logo ng tatak, at wala sa ibang lugar. Ang pagiging pambihira nito ay dahil sa mga detalye ng disenyo.
Neutral
- Void
#000000— Ang background ng pahina, ang canvas, ang ganap na pundasyon kung saan lumulutang ang lahat ng iba pang elemento. - Ash
#cccccc— Teksto ng pangunahin at link, default na tono ng teksto sa itim na canvas - pinili sa halip na purong puti upang mapahina ang optical glare. - Frost
#ffffff— Ang pagpapakita ng mga heading, teksto ng button, teksto ng input field, at markup ang pinakaprominenteng antas, na inilaan para sa nilalamang dapat ay linear. - Graphite
#4c4c4c— Karapatang-ari, mga meta tag, pantulong na teksto - sadyang i-mute upang hindi makipagkumpitensya sa pangunahing teksto.
Tipograpiya
mula 10 hanggang 198px · 7 hakbang
- sui — kapalit: Space Grotesk (closest free geometric match) or Inter for a more neutral alternative. Neue Haas Grotesk Display if licensed. · mga balangkas 300, 400, 500, 700 · Isang font. Ang Sui ay isang pasadyang dinisenyong geometric sans-serif na font na ginagamit para sa lahat ng bagay mula 198px para sa mga headline hanggang 10px para sa mga caption. Ang bigat na 700 ay nakalaan para sa mga napakalaking headline at malalaking pamagat; ang bigat na 400 ay ginagamit para sa iba pang bahagi ng sistema. Ang contrast sa pagitan ng bold at regular ang pangunahing sistema ng font; hindi kinakailangan ang pangalawang pamilya.
Mga pagitan at anyo
| Layunin | Kahulugan |
|---|---|
| Densidad | siksik |
| Pangunahing hakbang | 9px |
| Radius ng buton | 9999px |
| Radius ng card | 0px |
| Mga anino | walang - mga hangganan sa halip na mga anino |
| Sa pagitan ng mga seksyon | 86-108px |
| Lapad ng pahina | 1400px |
Gagawa ang AI ng website mo sa estilong ThoughtLab at pupunuin ito
- Punuin ng mga produkto at post gamit ang link - Instagram, TikTok, Facebook.
- Maglipat ng nilalaman mula sa iyong lumang site—tukuyin lamang ang address.
- Modernong disenyo gamit ang pinakamahusay na engine: React ( Next.js) na may kasamang server rendering at SEO optimization na agad-agad.
- Ganap na awtomatikong pag-optimize ng SEO para sa mga resulta ng paghahanap at mga rekomendasyon sa neural network.
Mga katulad na estilo
- Vivid+Co — prismatikong liwanag sa pamamagitan ng obsidian
- Sequel — Ang pribadong pagpapalabas pagkatapos ng dilim ang tanging mainit na liwanag sa isang madilim na sinehan.
- Dovetail — Isang blueprint sa ilalim ng itim na buwan—halos hindi nakikitang mga linya ng graph, puting font, isang lilang kislap
- MekaVerse — Isang monochrome gallery ng mga digital artifact—isang solidong itim na kawalan kung saan ang na-render na mundo ay nakasabit na parang isang exhibit sa museo, at ang buong user interface ay puting tinta sa ibabaw ng matte black na salamin.
- Krea — gallery noir sa hatinggabi
- Factory — Ang terminal ng "war room" sa hatinggabi. Ang "pabrika" ay isang matingkad na itim na control panel kung saan may isang puting card na lumalapag na parang isang dispatch na may ilaw na flashlight—ang tanging bagay sa silid ay ang mismong gawa.
- basement — Isang walang laman na palimbagan ng alas-3 ng umaga – malalaki at naka-compress na mga font na nakakalat sa madilim na lugar, isang kislap ng kulay kahel na ilaw sa navigation bar, lahat ng iba ay puti o parang multo na kulay abo.
- Stink Studios — Isang studio ng pelikula sa hatinggabi - umuugong ang projector, madilim ang silid, tanging ang pelikula lang ang naiilawan
- Apple (España) — itim na teatro na may mga ilaw na kagamitan
- Charlie — Tipograpiyang inukit mula sa bato ng monasteryo patungo sa obsidian. Isang portfolio kung saan ang isang pulang pader ay lumilikha ng nakabibinging katahimikan.
- Rive — Mataas na katumpakan na paningin sa gabi. Nagtatampok ang interface ng isang espesyal na lente na tumatagos sa dilim upang tumuon sa mga teknikal na detalye nang may lubos na kalinawan.
- Datalands — Isang itim na katedral na may iisang neon pulse. Pumupuno ang logo sa nabe; ang lahat ng iba pa ay halos hindi maririnig na teksto sa ilalim.