ThoughtLab
Ib lub cim obsidian nrog lub cim liab. Ib daim ntaub dub uas tsis muaj dab tsi, qhov twg tsuas yog ib yam khoom liab uas nyob hauv lub tsev teev ntuj, luam tawm ua cov ntawv dawb loj, yog ib daim duab xim xwb.
ThoughtLab ua haujlwm zoo li hom lus tsim Black Cathedral: daim ntaub dub dawb paug, ib lub plawv liab, thiab cov ntawv loj heev uas nws ua haujlwm ua architecture. Lub kaw lus yuav luag tag nrho achromatic—#cccccc sawv cev rau lub cev, #ffffff sawv cev rau qhov tso saib—nrog #fc1c46 tshwm sim tsuas yog rau ib qho kev nqis tes ua tseem ceeb, ua qhov kev tswj hwm ntawm kev ntxhov siab tawm tsam keeb kwm yav dhau los ntawm qhov khoob. Hierarchy yog tsim los ntawm kev dhia ntse (198px → 14px), es tsis yog los ntawm xim, duab ntxoov ntxoo, lossis kev sau. Cov khoom tsis muaj qhov hnyav: daim npav pob tshab, cov nyees khawm zoo li ntsiav tshuaj, cov teb nkag nyias, qhov tsis muaj kev sib sau ua ke siab—cov nplooj ntawv ua pa los ntawm qhov chaw tsis zoo thiab cov ntawv loj ntim ntau, es tsis yog los ntawm cov thawv.
Ib daim ntaub dub npog tag nrho nplooj ntawv dav, nrog rau cov npoo kab rov tav dav (126px ntawm txhua sab, thawb kab ntawv kom txog li 1400px). Lub taub hau yog ib kab 72px: lub logo nyob rau sab laug, cov lus cim nyob rau hauv nruab nrab, lub pob hu-rau-kev ua haujlwm zoo li tshuaj ntsiav, thiab lub hamburger bar nyob rau sab xis. Tus hero yog ib qho kev sib xyaw ua ke - lub npe loj 198px hauv txhua lub kaus mom sab laug nrog lub cev txhawb nqa 18px hauv qab, thaum lub voos xwmfab 3D overlaps cov ntawv rau sab xis ntawm nruab nrab, ib feem "noj" nws. Hauv qab tus hero, cov ntu tau teeb tsa hauv ib qho chaw dav dav ntsug nrog 86–108px qhov sib txawv ntawm lawv. Cov ntsiab lus ntawm txoj haujlwm tau tso tawm ua daim ntawv teev npe, nyob yuav luag tag nrho qhov dav ntawm nplooj ntawv, es tsis yog ua ib daim phiaj ntawm daim npav. Tsis muaj sidebar, tsis muaj mega-menu, tsis muaj footer nrog ib kab phiaj - lub footer yog ib kab, ntsiag to nrog cov ntaub ntawv copyright thiab cov ntaub ntawv tiv tauj #4c4c4c. Kev taw qhia dhau ntawm lub header pib ua cov ntawv qhia zaub mov hamburger hauv qhov overlay puv npo.
Cov duab tsis tshua muaj thiab yog tsim los ntawm kev txiav txim siab. Lub ntsiab lus pom tseem ceeb yog lub voos xwmfab loj ntawm cov kua obsidian, ua hauv WebGL—ib daim duab 3D tsaus nti, yuav luag dub, nrog rau cov xim xiav thiab xim av me ntsis raws ntug, ntab rau tom qab dub thiab ib feem sib tshooj lub npe. Nws ua haujlwm ntau dua li lub cim lag luam dua li daim duab kos. Cov duab me me ntawm qhov project raug tso tawm ua cov duab lossis cov yeeb yaj kiab hauv daim ntawv teev ntsug, nthuav tawm ntug mus rau ntug yam tsis muaj ciam teb. Tsis muaj cov duab hauv lub neej, tsis muaj cov duab hauv Tshuag, tsis muaj cov xim zoo nkauj. Lub voos xwmfab thiab hom yog cov ntsiab lus pom ntawm nplooj ntawv xwb.
Xim av
Hom
- Crimson Signal
#fc1c46— Lub ntsiab lus tseem ceeb yog ib qho xim liab xwb; nws tshwm sim rau ntawm "Contacts" tab, hauv lub logo ntawm lub hom, thiab tsis muaj lwm qhov chaw. Nws tsis tshua muaj vim yog qhov tshwj xeeb ntawm tus qauv tsim.
Nruab nrab
- Void
#000000— Lub keeb kwm yav dhau ntawm nplooj ntawv, lub canvas, yog lub hauv paus tseem ceeb uas txhua yam ntsiab lus ntab rau. - Ash
#cccccc— Cov ntawv tseem ceeb thiab cov ntawv txuas, lub suab ntawv qub ntawm daim ntaub dub - xaiv es tsis yog dawb huv kom txo qhov ci ntsa iab. - Frost
#ffffff— Kev tso saib cov npe, cov ntawv ntawm lub pob, cov ntawv sau rau hauv daim teb, thiab cov cim qhia yog qib tseem ceeb tshaj plaws, uas yog rau cov ntsiab lus uas yuav tsum yog kab ncaj. - Graphite
#4c4c4c— Txoj cai luam tawm, cov cim meta, cov ntawv pabcuam - txhob txwm muted kom tsis txhob sib tw nrog cov ntawv tseem ceeb.
Kev sau ntawv
txij li 10 mus rau 198px · 7 kauj ruam
- sui — hloov: Space Grotesk (closest free geometric match) or Inter for a more neutral alternative. Neue Haas Grotesk Display if licensed. · cov qauv qhia 300, 400, 500, 700 · Ib daim ntawv xwb. Sui yog ib daim ntawv geometric sans-serif uas tsim tshwj xeeb siv rau txhua yam los ntawm 198px rau cov ntawv xov xwm mus rau 10px rau cov lus piav qhia. Qhov hnyav 700 yog tseg rau cov ntawv xov xwm loj thiab cov npe loj; qhov hnyav 400 yog siv rau lwm qhov ntawm lub kaw lus. Qhov sib txawv ntawm cov ntawv tuab thiab cov ntawv ib txwm yog lub kaw lus tseem ceeb; tsev neeg thib ob tsis tas yuav tsum muaj.
Lub sijhawm thiab daim ntawv
| Lub Hom Phiaj | Lub ntsiab lus |
|---|---|
| Qhov Ceev | ntom ntom |
| Kauj ruam yooj yim | 9px |
| Lub vojvoog ntawm lub pob | 9999px |
| Lub vojvoog ntawm daim npav | 0px |
| Duab ntxoov ntxoo | tsis muaj ciam teb es tsis yog duab ntxoov ntxoo |
| Nruab nrab ntawm cov ntu | 86-108px |
| Qhov dav ntawm nplooj ntawv | 1400px |
AI yuav tsim koj lub vev xaib hauv hom ntawv ThoughtLab thiab sau nws
- Sau cov khoom thiab cov ntawv tshaj tawm los ntawm qhov txuas - Instagram, TikTok, Facebook.
- Hloov cov ntsiab lus ntawm koj lub xaib qub - tsuas yog qhia qhov chaw nyob xwb.
- Tsim qauv niaj hnub ntawm lub cav zoo tshaj plaws: React ( Next.js) nrog rau kev ua haujlwm ntawm lub server thiab kev ua kom zoo dua SEO tawm ntawm lub thawv.
- Kev ua kom zoo dua SEO tag nrho rau cov txiaj ntsig tshawb nrhiav thiab cov lus pom zoo ntawm neural network.
Cov qauv zoo sib xws
- Vivid+Co — lub teeb prismatic los ntawm obsidian
- Sequel — Kev tshuaj xyuas tus kheej tom qab tsaus ntuj yog tib lub teeb sov so hauv lub tsev ua yeeb yaj kiab tsaus ntuj.
- Dovetail — Ib daim duab qhia hauv qab lub hli dub—cov kab kos uas tsis pom tseeb, cov ntawv dawb, ib qho ci ntsa iab xim ntshav
- MekaVerse — Ib lub tsev khaws puav pheej monochrome ntawm cov khoom siv digital—ib qho chaw dub khov kho uas lub ntiaj teb uas tau tsim dai zoo li ib qho khoom pov thawj hauv tsev khaws puav pheej, thiab tag nrho cov neeg siv interface yog xim dawb rau ntawm daim iav dub matte.
- Krea — gallery noir thaum ib tag hmo
- Factory — Lub chaw nres tsheb "chav ua tsov rog" thaum ib tag hmo. Lub "factory" yog lub vaj huam sib luag dub uas muaj ib daim npav dawb zoo li lub teeb ci ntsa iab - tsuas yog yam khoom hauv chav yog txoj haujlwm nws tus kheej xwb.
- basement — Ib lub tshuab luam ntawv khoob thaum 3 teev sawv ntxov - cov ntawv loj loj, nias tawm thoob plaws qhov tsaus ntuj nti, ib lub teeb txiv kab ntxwv ntawm lub navigation bar, txhua yam dawb lossis grey tsaus ntuj.
- Stink Studios — Ib lub studio ua yeeb yaj kiab thaum ib tag hmo - lub projector hums, chav tsaus ntuj, tsuas yog zaj duab xis ci xwb
- Apple (España) — ua yeeb yam dub nrog cov khoom siv teeb pom kev zoo
- Charlie — Cov ntawv sau uas txiav los ntawm pob zeb ntawm lub tsev teev ntuj rau ntawm obsidian. Ib daim ntawv sau ua ke uas muaj ib phab ntsa liab ua rau muaj kev ntsiag to.
- Rive — Pom kev hmo ntuj zoo heev. Lub interface muaj lub lens tshwj xeeb uas nkag mus rau hauv qhov tsaus ntuj kom tsom mus rau cov ntsiab lus ntawm kev siv tshuab nrog kev pom tseeb meej.
- Datalands — Ib lub tsev teev ntuj dub nrog ib lub teeb neon xwb. Lub logo puv lub nave; txhua yam uas nyob hauv qab tsuas yog cov ntawv nyeem uas tsis hnov dua xwb.