ThoughtLab
Chifananidzo cheobsidian chine chiratidzo chetsvuku. Kanivhasi yechinhu chisina chinhu chitema, uko chinhu chega chitsvuku chakazara muchechi huru, chakanyorwa nemabhii machena makuru, chiri chifananidzo chimwe chete chechromatic.
ThoughtLab inoshanda semutauro wekugadzira weBlack Cathedral: kanivhasi nhema isina chinhu, pulse imwe tsvuku, uye typography yakakura zvekuti inoshanda semagadzirirwo. Sisitimu iyi inenge isina chromatic zvachose—#cccccc inomiririra muviri, #ffffff inomiririra kuratidzwa—ne #fc1c46 ichionekwa chete sechinhu chimwe chete chekutanga, sekuwedzera kwekushushikana kunodzorwa nekumashure kwekusava nechinhu. Hutungamiriri hunovakwa kuburikidza nekusvetuka kwakapinza kwescale (198px → 14px), pane kuburikidza neruvara, mimvuri, kana kuzadza. Zvikamu hazvina huremu: makadhi akajeka, mabhatani akaita semapiritsi, minda mitete yekupinda, kusavapo kwekuunganidzwa kwakakwirira—peji rinofema nepakati penzvimbo isina kunaka uye mavara makuru akazara, pane kupfuura nepakati pemidziyo.
Kanivhasi ine rima inotenderera upamhi hwese hwepeji, ine mipendero yakafara yakatwasuka (126px kudivi rega rega, ichisundira koramu yemukati kusvika pa1400px). Musoro wepeji une mutsetse mumwe chete we72px: logo kuruboshwe, mutsetse wetagi pakati, bhatani rekuti "call-to-action" rakaita sepiritsi, uye bhawa rehamburger kurudyi. Gamba iri rine chimiro chakakamurwa—musoro wepeji we198px wakakura kwazvo uri muzvikamu zvese kuruboshwe nekopi yemuviri inotsigira ye18px pazasi, nepo 3D sphere ichifukidza rugwaro kurudyi rwepakati, ichidya zvishoma. Pasi pegamba, zvikamu zvakarongwa mumutsara wakakura we vertical une mipata ye86–108px pakati pawo. Zvinhu zvebasa zvinoratidzwa serondedzero, zvichitora upamhi hwese hwepeji, pane kuita grid yemakadhi. Hapana sidebar, hapana mega-menu, hapana footer ine column grid—footer mutsetse mumwe chete, wakanyarara une ruzivo rwekodzero neruzivo rwekuonana #4c4c4c. Kufamba uchipfuura musoro wenyaya kunotanga semenyu yehamburger iri pamusoro pechidzitiro chakazara.
Mifananidzo mishoma uye yakarongwa nemaune. Chinhu chikuru chinoonekwa ibhora guru remvura ye obsidian, rakanyorwa muWebGL—chimiro chakasviba, chinenge dema, che3D chine bhuruu neamber kuratidzira kumucheto, chakayangarara pamucheto mutema uye chakafukidza musoro wacho zvishoma. Chinoshanda zvakanyanya sechiratidzo chechiratidzo pane mufananidzo. Mifananidzo midiki yepurojekiti inoratidzwa semifananidzo kana mavhidhiyo mune rondedzero yakatwasuka, inoratidzwa kubva kumucheto kuenda kumucheto isina muganhu. Hapana mifananidzo yemararamiro, hapana mifananidzo yemuchitoro, hapana gradients dzekushongedza. Bhero nerudzi ndizvo chete zvinhu zvinoonekwa papeji.
Palette
Rudzi
- Crimson Signal
#fc1c46— Chinonyanya kutaurwa chinhu chitsvuku chimwe chete; chinoonekwa pane tab ye "Contacts", muchiratidzo chechiratidzo, uye hapana kumwe kwazvinoonekwa. Kusawanikwa kwazvo kunokonzerwa nekugadzirwa kwayo.
Kwakarerekera
- Void
#000000— Chinyorwa chepeji, kana kuti canvas, ndicho hwaro hwakasimba pahunoyangarara zvimwe zvinhu zvose. - Ash
#cccccc— Rugwaro rukuru nerunobatanidza, toni yerugwaro yakajairika pacanvas nhema - yakasarudzwa pachinzvimbo chechena chaiyo kuti kupfavisa kupenya kwemaziso. - Frost
#ffffff— Kuratidza misoro, mabhatani, magwaro emumunda, uye markup ndiyo nhanho inonyanya kuoneka, yakagadzirirwa zviri mukati zvinofanira kunge zvakatsetseka. - Graphite
#4c4c4c— Kodzero dzekunyora, meta tags, zvinyorwa zvekuwedzera - zvakadzimwa nemaune kuitira kuti zvisakwikwidzane nezvinyorwa zvikuru.
Kunyora
kubva pa10 kusvika 198px · nhanho 7
- sui — kutsiva: Space Grotesk (closest free geometric match) or Inter for a more neutral alternative. Neue Haas Grotesk Display if licensed. · marongero 300, 400, 500, 700 · Fonti imwe chete. Sui ifonti yakagadzirwa nejometri isina serif inoshandiswa pazvinhu zvese kubva pa198px yemisoro yenyaya kusvika pa10px yemashoko anotsanangura. Huremu hwe700 hwakachengeterwa misoro mikuru nemazita makuru; huremu hwe400 hunoshandiswa kune mamwe masystem. Musiyano uripo pakati pemafonti akanyorwa nebold neregular ndiyo system huru yefonti; mhuri yechipiri haidiwi.
Zvikamu uye chimiro
| Chinangwa | Zvinoreva |
|---|---|
| Kuwanda kwevanhu | gobvu |
| Danho rekutanga | 9px |
| Radiyo yebhatani | 9999px |
| Nharaunda yekadhi | 0px |
| Mimvuri | kwete - miganhu panzvimbo pemumvuri |
| Pakati pezvikamu | 86-108px |
| Upamhi hwepeji | 1400px |
AI ichavaka webhusaiti yako nenzira ye ThoughtLab uye ichaizadza
- Zadza nezvigadzirwa uye zvinyorwa uchishandisa chinongedzo - Instagram, TikTok, Facebook.
- Tumira zvirimo kubva pawebsite yako yekare—ingo taura kero yacho.
- Dhizaini yemazuva ano painjini yakanakisisa: React ( Next.js) ine server rendering uye SEO optimization zviri nyore.
- Kugadzirisa SEO otomatiki zvizere kuti uwane mhinduro dzekutsvaga uye mazano e neural network.
Mafashoni akafanana
- Vivid+Co — chiedza cheprismatic kuburikidza neobsidian
- Sequel — Kuratidzwa kwepachivande kana kwasviba ndiyo chete mwenje unodziya mubhaisikopo rine rima.
- Dovetail — Purani iri pasi pemwedzi mutema—mitsara yemagirafu isinganyatsooneki, fonti chena, kupenya kwepepuru kumwe chete
- MekaVerse — Garari remifananidzo yedhijitari ine mifananidzo miviri chete—nzvimbo isina chinhu ine ruvara rutema apo nyika yakashongedzwa yakarembera sechiratidziro chemiziyamu, uye mushandisi wese ari muinki chena pagirazi dema risina kujeka.
- Krea — gallery noir pakati pehusiku
- Factory — Nzvimbo ye "war room" pakati pehusiku. "Factory" iyi ipaneru yekutonga nhema yakajeka apo kadhi rimwe chete jena rinowira serimwe rema "dispatch" anovhenekerwa netochi—chinhu chimwe chete chiri mukamuri ndiro basa racho pacharo.
- basement — Muchina wekudhinda usina chinhu na3am - mafonti makuru, akamanikidzwa akapararira padema rakati twii, chiedza cheorenji chimwe chete pabhawa rekufambisa, zvimwe zvese zvichena kana kuti grey rakapfava.
- Stink Studios — Studio yemafirimu pakati pehusiku - purojekita inorira, imba yacho yakasviba, firimu chete ndiro rakabatidzwa
- Apple (España) — theatre nhema ine zvishongedzo zvakavhenekerwa
- Charlie — Mifananidzo yakavezwa kubva padombo remonasteri paobsidian. Mufananidzo une rusvingo rutsvuku rumwe chete runoita kuti pave nerunyararo rukuru.
- Rive — Kuona kwehusiku kwakanaka kwazvo. Iyi interface ine lenzi yakakosha inopinda murima kuti inyatsotarisa pane ruzivo rwehunyanzvi nekujeka kwakazara.
- Datalands — Kathedral nhema ine kurira kwemhepo kamwe chete. Chiratidzo chinozadza imba huru; zvimwe zvese zviri pasi payo hazvina kunyatsonzwika.