ThoughtLab
Sebuah monumen obsidian dengan isyarat merah tua. Kanvas kekosongan hitam, di mana satu-satunya objek merah tepu di katedral, dicetak dalam huruf putih besar, ialah figura kromatik tunggal.
ThoughtLab beroperasi seperti bahasa reka bentuk Black Cathedral: kanvas hitam kosong, satu denyutan merah dan tipografi yang begitu besar sehingga berfungsi sebagai seni bina. Sistem ini hampir keseluruhannya akromatik—#cccccc mewakili badan, #ffffff mewakili paparan—dengan #fc1c46 hanya muncul untuk satu tindakan utama, sebagai lonjakan ketegangan terkawal terhadap latar belakang kekosongan. Hierarki dibina melalui lompatan skala yang tajam (198px → 14px), bukannya melalui warna, bayang atau isian. Komponen tidak berat: kad lutsinar, butang berbentuk pil, medan input nipis, ketiadaan susunan yang tinggi—halaman bernafas melalui ruang negatif dan huruf besar yang padat, bukannya melalui bekas.
Kanvas gelap merangkumi keseluruhan lebar halaman, dengan margin mendatar yang lebar (126px pada setiap sisi, menolak lajur kandungan kepada kira-kira 1400px). Pengepala ialah satu baris 72px: logo di sebelah kiri, slogan di tengah, butang seruan bertindak berbentuk pil, dan bar hamburger di sebelah kanan. Wira ialah komposisi yang dibahagikan—tajuk utama bersaiz besar 198px dalam semua huruf besar di sebelah kiri dengan salinan badan sokongan 18px di bawah, manakala sfera 3D bertindih dengan teks di sebelah kanan tengah, sebahagiannya "memakan"nya. Di bawah wira, bahagian disusun dalam rentak menegak yang luas dengan jurang 86–108px di antaranya. Elemen karya dipaparkan sebagai senarai, menduduki hampir keseluruhan lebar halaman, bukannya sebagai grid kad. Tiada bar sisi, tiada mega-menu, tiada pengaki dengan grid lajur—pengaki ialah satu baris yang tenang dengan maklumat hak cipta dan maklumat hubungan #4c4c4c. Navigasi di luar pengepala dilancarkan sebagai menu hamburger dalam tindanan skrin penuh.
Imej-imej adalah jarang dan sengaja dikurasi. Elemen visual yang dominan ialah sfera besar cecair obsidian, yang dipaparkan dalam WebGL—bentuk 3D yang gelap, hampir hitam dengan pantulan biru dan ambar halus di sepanjang tepi, terapung pada latar belakang hitam dan sebahagiannya bertindih dengan tajuk. Ia berfungsi lebih sebagai ikonografi jenama daripada ilustrasi. Lakaran kecil projek dipaparkan sebagai foto atau video dalam senarai menegak, dibentangkan dari tepi ke tepi tanpa sempadan. Tiada foto gaya hidup, tiada imej stok, tiada kecerunan hiasan. Sfera dan jenis adalah satu-satunya elemen visual pada halaman.
Palet
Jenama
- Crimson Signal
#fc1c46— Aksen utamanya ialah satu elemen merah; ia muncul pada tab "Kenalan", dalam logo jenama, dan tidak di tempat lain. Kelangkaannya adalah disebabkan oleh spesifikasi reka bentuknya.
Neutral
- Void
#000000— Latar belakang halaman, kanvas, adalah asas mutlak tempat semua elemen lain terapung. - Ash
#cccccc— Teks utama dan pautan, ton teks lalai pada kanvas hitam - dipilih dan bukannya putih tulen untuk melembutkan silau optik. - Frost
#ffffff— Memaparkan tajuk, teks butang, teks medan input dan markup merupakan lapisan yang paling menonjol, bertujuan untuk kandungan yang harus linear. - Graphite
#4c4c4c— Hak cipta, tag meta, teks tambahan - sengaja diredamkan supaya tidak bersaing dengan teks utama.
Tipografi
dari 10 hingga 198px · 7 langkah
- sui — penggantian: Space Grotesk (closest free geometric match) or Inter for a more neutral alternative. Neue Haas Grotesk Display if licensed. · garis besar 300, 400, 500, 700 · Fon tunggal. Sui ialah fon sans-serif geometri yang direka khas dan digunakan untuk semua perkara daripada 198px untuk tajuk utama hingga 10px untuk kapsyen. Pemberat 700 dikhaskan untuk tajuk utama yang monumental dan tajuk besar; pemberat 400 digunakan untuk seluruh sistem. Kontras antara huruf tebal dan biasa ialah sistem fon utama; keluarga kedua tidak diperlukan.
Selang dan bentuk
| Tujuan | Maksudnya |
|---|---|
| Ketumpatan | padat |
| Langkah asas | 9px |
| Jejari butang | 9999px |
| Jejari kad | 0px |
| Bayang-bayang | tiada - sempadan dan bukannya bayang-bayang |
| Antara bahagian | 86-108px |
| Lebar halaman | 1400px |
AI akan membina laman web anda dalam gaya ThoughtLab dan mengisinya
- Isi dengan produk dan siaran melalui pautan - Instagram, TikTok, Facebook.
- Pindahkan kandungan dari tapak lama anda—cuma nyatakan alamatnya.
- Reka bentuk moden pada enjin terbaik: React ( Next.js) dengan pemaparan pelayan dan pengoptimuman SEO sedia ada.
- Pengoptimuman SEO automatik sepenuhnya untuk hasil carian dan cadangan rangkaian saraf.
Gaya yang serupa
- Vivid+Co — cahaya prisma melalui obsidian
- Sequel — Tayangan persendirian selepas gelap adalah satu-satunya cahaya hangat di pawagam yang sebaliknya gelap.
- Dovetail — Cetak biru di bawah bulan hitam—garisan graf yang hampir tidak kelihatan, fon putih, satu kilauan ungu
- MekaVerse — Galeri monokrom artifak digital—lompang hitam pekat di mana dunia yang dipamerkan tergantung seperti pameran muzium dan keseluruhan antara muka pengguna adalah dakwat putih di atas kaca hitam matte.
- Krea — galeri noir pada tengah malam
- Factory — Terminal "bilik perang" pada tengah malam. "Kilang" itu ialah panel kawalan hitam pekat di mana satu kad putih mendarat seperti penghantar barang yang diterangi lampu suluh—satu-satunya objek di dalam bilik itu ialah kerja itu sendiri.
- basement — Mesin cetak kosong pada pukul 3 pagi – fon besar yang dimampatkan terbentang di tempat yang gelap gelita, satu kilauan cahaya oren pada bar navigasi, semua yang lain berwarna putih atau kelabu pucat.
- Stink Studios — Sebuah studio filem pada tengah malam - projektor berdengung, bilik gelap, hanya filem yang menyala
- Apple (España) — teater hitam dengan kelengkapan bercahaya
- Charlie — Tipografi yang diukir daripada batu biara ke atas obsidian. Sebuah portfolio di mana satu dinding merah mewujudkan kesunyian yang memekakkan telinga.
- Rive — Penglihatan malam berketepatan tinggi. Antara muka ini mempunyai kanta khas yang menembusi kegelapan untuk memfokuskan pada butiran teknikal dengan kejelasan mutlak.
- Datalands — Sebuah katedral hitam dengan satu denyutan neon. Logo memenuhi bahagian tengah; semua yang lain hampir tidak dapat didengari teks di bawahnya.