ThoughtLab
Qizil rangli signalli obsidian yodgorligi. Qora bo'shliqning kanvasi, bu yerda sobordagi yagona to'yingan qizil buyum katta oq harflar bilan bosilgan bo'lib, bitta xromatik shakldir.
ThoughtLab Qora Katedral dizayn tili kabi ishlaydi: bo'sh qora kanvas, bitta qizil impuls va arxitektura vazifasini bajaradigan darajada katta tipografiya. Tizim deyarli butunlay axromatik — #cccccc tanani, #ffffff displeyni ifodalaydi — #fc1c46 faqat bitta asosiy harakat uchun, bo'shliq fonida boshqariladigan kuchlanish to'lqini sifatida paydo bo'ladi. Ierarxiya rang, soyalar yoki to'ldirishlar orqali emas, balki o'tkir masshtab sakrashlari (198px → 14px) orqali qurilgan. Komponentlar vaznsiz: shaffof kartalar, tabletka shaklidagi tugmalar, yupqa kiritish maydonlari, ko'tarilgan stackingning yo'qligi — sahifa konteynerlar orqali emas, balki salbiy bo'shliq va zich joylashgan katta harflar orqali nafas oladi.
Qorong'u kanvas sahifaning butun kengligini qamrab oladi, keng gorizontal chegaralar bilan (har ikki tomonda 126 piksel, kontent ustunini taxminan 1400 pikselga suradi). Sarlavha bitta 72 pikselli qatordan iborat: chapda logotip, markazda shior, tabletka shaklidagi harakatga chaqiruv tugmasi va o'ngda gamburger paneli. Qahramon bo'lingan kompozitsiyadir - chap tomonda katta harflar bilan yozilgan katta 198 pikselli sarlavha, pastda 18 pikselli asosiy nusxasi, 3D shar esa markazning o'ng tomonidagi matnni qoplaydi va uni qisman "yeydi". Qahramon ostida bo'limlar keng vertikal ritmda, ular orasida 86–108 pikselli bo'shliqlar bilan joylashtirilgan. Asar elementlari kartalar panjarasi sifatida emas, balki sahifaning deyarli butun kengligini egallagan ro'yxat sifatida ko'rsatiladi. Yon panel, mega-menyu, ustun panjarasi bo'lgan altbilgi yo'q - altbilgi mualliflik huquqi ma'lumotlari va #4c4c4c aloqa ma'lumotlari bo'lgan bitta, sokin qatordir. Sarlavhadan tashqaridagi navigatsiya to'liq ekranli qoplamada gamburger menyusi sifatida ishga tushiriladi.
Tasvirlar siyrak va ataylab tanlangan. Dominant vizual element WebGL-da ko'rsatilgan katta obsidian suyuq shardir — qora fonda suzib yuradigan va sarlavhani qisman qoplaydigan, chekka bo'ylab nozik ko'k va sariq akslarga ega to'q, deyarli qora, 3D shakl. U illyustratsiyadan ko'ra ko'proq brend ikonografiyasi vazifasini bajaradi. Loyiha eskizlari vertikal ro'yxatda fotosuratlar yoki videolar sifatida ko'rsatiladi, chekkadan chekkaga chegarasiz taqdim etiladi. Turmush tarzi fotosuratlari, stok rasmlari, dekorativ gradientlar yo'q. Shar va shrift sahifadagi yagona vizual elementlardir.
Palitra
Brend
- Crimson Signal
#fc1c46— Asosiy urg'u bitta qizil elementdir; u "Kontaktlar" yorlig'ida, brend logotipida va boshqa hech qayerda ko'rinmaydi. Uning noyobligi dizaynning o'ziga xosligi bilan bog'liq.
Neytral
- Void
#000000— Sahifa foni, ya'ni tuval, boshqa barcha elementlar suzib yuradigan mutlaq poydevordir. - Ash
#cccccc— Asosiy va havola matni, qora tuvalda standart matn ohangi - optik porlashni yumshatish uchun sof oq o'rniga tanlangan. - Frost
#ffffff— Sarlavhalar, tugma matni, kiritish maydoni matni va belgilarni ko'rsatish chiziqli bo'lishi kerak bo'lgan kontent uchun mo'ljallangan eng ko'zga ko'ringan qatlamdir. - Graphite
#4c4c4c— Mualliflik huquqi, meta teglar, yordamchi matn - asosiy matn bilan raqobatlashmaslik uchun ataylab ovozsizlantirilgan.
Tipografiya
10 dan 198 pikselgacha · 7 qadam
- sui — almashtirish: Space Grotesk (closest free geometric match) or Inter for a more neutral alternative. Neue Haas Grotesk Display if licensed. · konturlar 300, 400, 500, 700 · Bitta shrift. Sui - bu sarlavhalar uchun 198 pikseldan tortib, taglavhalar uchun 10 pikselgacha bo'lgan hamma narsa uchun ishlatiladigan maxsus ishlab chiqilgan geometrik sans-serif shrifti. 700 og'irligi ulkan sarlavhalar va katta sarlavhalar uchun ajratilgan; 400 og'irligi tizimning qolgan qismi uchun ishlatiladi. Qalin va oddiy shrift o'rtasidagi farq asosiy shrift tizimidir; ikkinchi oila talab qilinmaydi.
Intervallar va shakl
| Maqsad | Ma'nosi |
|---|---|
| Zichlik | zich |
| Asosiy qadam | 9px |
| Tugma radiusi | 9999px |
| Karta radiusi | 0px |
| Soyalar | soyalar o'rniga chegaralar yo'q |
| Bo'limlar orasida | 86-108px |
| Sahifa kengligi | 1400px |
Sun'iy intellekt veb-saytingizni ThoughtLab uslubida yaratadi va uni to'ldiradi
- Mahsulotlar va postlarni Instagram, TikTok, Facebook havolalari orqali to'ldiring.
- Eski saytingizdan kontentni o'tkazing — shunchaki manzilni ko'rsating.
- Eng yaxshi dvigatelda zamonaviy dizayn: React ( Next.js) server renderlash va SEO optimallashtirish bilan darhol.
- Qidiruv natijalari va neyron tarmoq tavsiyalari uchun to'liq avtomatlashtirilgan SEO optimallashtirish.
O'xshash uslublar
- Vivid+Co — obsidian orqali prizmatik yorug'lik
- Sequel — Qorong'i tushgan kinoteatrda faqat qorong'i tushgandan keyin shaxsiy seans iliq yorug'likdir.
- Dovetail — Qora oy ostida chizma — zo'rg'a ko'rinadigan grafik chiziqlari, oq shrift, bitta binafsha uchqun
- MekaVerse — Raqamli artefaktlarning monoxrom galereyasi — tasvirlangan dunyo muzey eksponati kabi osilgan va butun foydalanuvchi interfeysi mot qora oynada oq siyoh bilan bo'yalgan qora bo'shliq.
- Krea — yarim tunda galereya noir
- Factory — Yarim tunda "urush xonasi" terminali. "Zavod" - bu qora boshqaruv paneli bo'lib, u yerga bitta oq kartochka xuddi chiroq yonib turgan xabarnoma kabi tushadi - xonadagi yagona narsa - bu ishning o'zi.
- basement — Ertalab soat 3 da bo'sh bosmaxona – ulkan, siqilgan shriftlar qora rangda yoyilib yotibdi, navigatsiya panelida to'q sariq rangning bir parchasi, qolgan hamma narsa oq yoki sharpa kulrang.
- Stink Studios — Yarim tunda kinostudiya - proyektor g'uvullaydi, xona qorong'i, faqat plyonka yoritilgan
- Apple (España) — yoritilgan armatura bilan qora teatr
- Charlie — Monastir toshidan obsidian ustiga o'yilgan tipografiya. Bitta qizil devor kar qiluvchi sukunatni yaratadigan portfel.
- Rive — Yuqori aniqlikdagi tungi ko'rish. Interfeysda texnik tafsilotlarga mutlaq aniqlik bilan e'tibor qaratish uchun qorong'ulikka kirib boradigan maxsus linza mavjud.
- Datalands — Yagona neon pulsli qora sobor. Logotip nefni to'ldiradi; qolgan hamma narsa ostidagi matn zo'rg'a eshitiladi.