ThoughtLab
Një monument prej obsidiani me një sinjal të kuq. Një kanavacë me boshllëk të zi, ku i vetmi objekt i kuq i ngopur në katedrale, i shtypur me shkronja të mëdha të bardha, është një figurë e vetme kromatike.
ThoughtLab funksionon si një gjuhë dizajni në Black Cathedral: një kanavacë e zezë bosh, një puls i vetëm i kuq dhe tipografi aq e madhe sa funksionon si arkitekturë. Sistemi është pothuajse tërësisht akromatik - #cccccc përfaqëson trupin, #ffffff përfaqëson ekranin - me #fc1c46 që shfaqet vetëm për një veprim të vetëm parësor, si një rritje e kontrolluar e tensionit në një sfond boshllëku. Hierarkia ndërtohet përmes kërcimeve të mprehta në shkallë (198px → 14px), në vend të ngjyrës, hijeve ose mbushjeve. Komponentët janë pa peshë: karta transparente, butona në formë pilule, fusha të holla hyrëse, mungesa e grumbullimit të ngritur - faqja merr frymë përmes hapësirës negative dhe shkronjave të mëdha të mbushura dendur, në vend të kontejnerëve.
Një kanavacë e errët përfshin të gjithë gjerësinë e faqes, me kufij të gjerë horizontalë (126px në secilën anë, duke e shtyrë kolonën e përmbajtjes në afërsisht 1400px). Titulli është një vijë e vetme 72px: logoja në të majtë, slogani në qendër, butoni i thirrjes për veprim në formë pilule dhe shiriti i hamburgerit në të djathtë. Heroi është një kompozim i ndarë - një titull i madh 198px me shkronja të mëdha në të majtë me tekstin mbështetës të trupit 18px më poshtë, ndërsa një sferë 3D mbivendoset me tekstin në të djathtë të qendrës, duke e "ngrënë" pjesërisht atë. Poshtë heroit, seksionet janë rregulluar në një ritëm vertikal të gjerë me boshllëqe 86–108px midis tyre. Elementet e veprës shfaqen si një listë, duke zënë pothuajse të gjithë gjerësinë e faqes, në vend që të jenë një rrjetë kartash. Nuk ka shirit anësor, as mega-menu, as fundfaqe me një rrjetë kolonash - fundi i faqes është një vijë e vetme, e qetë me informacionin e të drejtave të autorit dhe informacionin e kontaktit #4c4c4c. Navigimi përtej kokës hapet si një menu hamburgeri në një mbivendosje në ekran të plotë.
Imazhet janë të rralla dhe të kuruara qëllimisht. Elementi vizual mbizotërues është një sferë e madhe me lëng obsidiani, e renderuar në WebGL - një formë e errët, pothuajse e zezë, 3D me reflektime delikate blu dhe qelibar përgjatë skajit, që lundron në një sfond të zi dhe që mbivendoset pjesërisht mbi titullin. Funksionon më shumë si ikonografi e markës sesa si ilustrim. Miniaturat e projektit shfaqen si foto ose video në një listë vertikale, të paraqitura nga skaji në skaj pa kufij. Asnjë foto stili jetese, asnjë imazh stok, asnjë gradient dekorativ. Sfera dhe lloji janë elementët e vetëm vizualë në faqe.
Paletë
Markë
- Crimson Signal
#fc1c46— Theksi kryesor është një element i vetëm i kuq; shfaqet në skedën "Kontaktet", në logon e markës dhe askund tjetër. Rrallësia e tij është për shkak të specifikave të dizajnit.
Neutral
- Void
#000000— Sfondi i faqes, kanavaca, është themeli absolut mbi të cilin notojnë të gjithë elementët e tjerë. - Ash
#cccccc— Teksti kryesor dhe i lidhjes, toni i parazgjedhur i tekstit në kanavacë të zezë - i zgjedhur në vend të të bardhës së pastër për të zbutur shkëlqimin optik. - Frost
#ffffff— Shfaqja e titujve, tekstit të butonave, tekstit të fushës së futjes dhe shënimit është niveli më i spikatur, i menduar për përmbajtje që duhet të jetë lineare. - Graphite
#4c4c4c— Të drejtat e autorit, meta tag-et, teksti ndihmës - qëllimisht të heshtura në mënyrë që të mos konkurrojnë me tekstin kryesor.
Tipografi
nga 10 në 198px · 7 hapa
- sui — zëvendësim: Space Grotesk (closest free geometric match) or Inter for a more neutral alternative. Neue Haas Grotesk Display if licensed. · skica 300, 400, 500, 700 · Një font i vetëm. Sui është një font gjeometrik sans-serif i projektuar me porosi që përdoret për gjithçka, nga 198px për tituj deri në 10px për mbishkrime. Pesha 700 është e rezervuar për tituj monumentalë dhe tituj të mëdhenj; pesha 400 përdoret për pjesën tjetër të sistemit. Kontrasti midis shkronjave të trasha dhe të rregullta është sistemi kryesor i shkronjave; një familje e dytë nuk kërkohet.
Intervalet dhe forma
| Qëllimi | Kuptimi |
|---|---|
| Dendësia | i dendur |
| Hapi bazë | 9px |
| Rrezja e butonit | 9999px |
| Rrezja e kartës | 0px |
| Hijet | pa kufij në vend të hijeve |
| Midis seksioneve | 86-108px |
| Gjerësia e faqes | 1400px |
IA do ta ndërtojë faqen tuaj të internetit në stilin ThoughtLab dhe do ta mbushë atë
- Plotësoni me produkte dhe postime përmes linkut - Instagram, TikTok, Facebook.
- Transferoni përmbajtje nga faqja juaj e vjetër—thjesht specifikoni adresën.
- Dizajn modern në motorin më të mirë: React ( Next.js) me renderim të serverit dhe optimizim SEO që në fillim.
- Optimizim plotësisht i automatizuar i SEO-s për rezultatet e kërkimit dhe rekomandimet e rrjeteve nervore.
Stile të ngjashme
- Vivid+Co — dritë prizmatike përmes obsidianit
- Sequel — Një shfaqje private pas errësirës është e vetmja dritë e ngrohtë në një kinema përndryshe të errët.
- Dovetail — Një plan nën një hënë të zezë - vija grafike mezi të dukshme, font i bardhë, një shkëlqim vjollcë
- MekaVerse — Një galeri monokrome artefaktesh dixhitale—një boshllëk i zi i plotë ku bota e renderuar varet si një ekspozitë muzeale, dhe e gjithë ndërfaqja e përdoruesit është bojë e bardhë mbi xham të zi mat.
- Krea — Galeria noir në mesnatë
- Factory — Terminali i "dhomës së luftës" në mesnatë. "Fabrika" është një panel kontrolli i zi ku një kartë e vetme e bardhë bie si një sinjalizues i ndriçuar nga elektriku dore - i vetmi objekt në dhomë është vetë puna.
- basement — Një makinë shtypi e zbrazët në orën 3 të mëngjesit – shkronja të mëdha e të ngjeshura që shpërndahen në errësirën e plotë, një shkëlqim i vetëm drite portokalli në shiritin e navigimit, gjithçka tjetër e bardhë ose gri fantazmë.
- Stink Studios — Një studio filmi në mesnatë - projektori gumëzhin, dhoma është e errët, vetëm filmi është i ndezur
- Apple (España) — teatër i zi me pajisje të ndriçuara
- Charlie — Tipografi e gdhendur nga guri i manastirit mbi obsidian. Një portofol në të cilin një mur i vetëm i kuq krijon një heshtje shurdhuese.
- Rive — Shikim natën me precizion të lartë. Ndërfaqja përmban një lente të veçantë që depërton në errësirë për t'u përqendruar në detajet teknike me qartësi absolute.
- Datalands — Një katedrale e zezë me një puls të vetëm neoni. Logoja mbush neonin; çdo gjë tjetër është tekst mezi i dëgjueshëm poshtë.