ThoughtLab
He kia hoʻomanaʻo obsidian me kahi hōʻailona ʻulaʻula. He canvas o ka ʻeleʻele hakahaka, kahi o ka mea ʻulaʻula piha wale nō i loko o ka hale pule nui, i paʻi ʻia me nā leka keʻokeʻo nui, he kiʻi chromatic hoʻokahi.
Hana ʻo ThoughtLab e like me ka ʻōlelo hoʻolālā o ka Hale Pule Nui ʻEleʻele: he canvas ʻeleʻele hakahaka, hoʻokahi pulse ʻulaʻula, a me ka typography nui loa e hana ai ma ke ʻano he kuhikuhipuʻuone. ʻAneʻane achromatic loa ka ʻōnaehana—#cccccc e hōʻike ana i ke kino, #ffffff e hōʻike ana i ka hōʻike—me #fc1c46 e ʻike wale ʻia no hoʻokahi hana mua, ma ke ʻano he piʻi ʻana o ka haunaele i kāohi ʻia e kūʻē i kahi hope o ka hakahaka. Kūkulu ʻia ka Hierarchy ma o nā lele unahi ʻoi (198px → 14px), ma mua o ke kala, nā aka, a i ʻole nā hoʻopiha. ʻAʻohe kaumaha o nā ʻāpana: nā kāleka moakaka, nā pihi ʻano pila, nā kahua hoʻokomo lahilahi, ka ʻole o ka stacking kiʻekiʻe—hanu ka ʻaoʻao ma o kahi maikaʻi ʻole a me nā hua nui i hoʻopaʻa ʻia, ma mua o nā ipu.
ʻO kahi canvas ʻeleʻele e uhi ana i ka laulā holoʻokoʻa o ka ʻaoʻao, me nā palena ākea ākea (126px ma kēlā me kēia ʻaoʻao, e hoʻokuke ana i ke kolamu ʻike i kahi o 1400px). ʻO ke poʻo inoa he laina 72px hoʻokahi: ka logo ma ka hema, ka tagline ma ke kikowaena, ke pihi kāhea-i-ka-hana i ke ʻano o ka pila, a me ka pā hamburger ma ka ʻākau. He haku mele i māhele ʻia ka hero—he poʻo inoa nui 198px me nā pāpale āpau ma ka hema me ke kope kino kākoʻo 18px ma lalo, ʻoiai he sphere 3D e uhi ana i ka kikokikona ma ka ʻākau o ke kikowaena, e "ʻai hapa" ana iā ia. Ma lalo o ka hero, ua hoʻonohonoho ʻia nā ʻāpana i kahi mele kū pololei ākea me nā hakahaka 86-108px ma waena o lākou. Hōʻike ʻia nā mea o ka hana ma ke ʻano he papa inoa, e noho ana ma kahi o ka laulā holoʻokoʻa o ka ʻaoʻao, ma mua o kahi grid o nā kāleka. ʻAʻohe ʻaoʻao ʻaoʻao, ʻaʻohe mega-menu, ʻaʻohe footer me kahi grid kolamu—ʻo ka footer he laina hoʻokahi, mālie me ka ʻike kope kope a me ka ʻike pili #4c4c4c. Hoʻomaka ka hoʻokele ma ʻō aku o ke poʻomanaʻo ma ke ʻano he papa kuhikuhi hamburger ma kahi overlay piha piha.
He kakaikahi nā kiʻi a ua hoʻonohonoho pono ʻia. ʻO ka mea ʻike nui he poepoe nui o ka wai obsidian, i hōʻike ʻia ma WebGL—he ʻano 3D ʻeleʻele, kokoke i ka ʻeleʻele me nā ʻōlinolino polū a me ke amber ma ka lihi, e lana ana i kahi ʻeleʻele a uhi hapa i ke poʻo inoa. Hana ia ma ke ʻano he kiʻiona hōʻailona ma mua o ke kiʻi. Hōʻike ʻia nā kiʻi liʻiliʻi o ka papahana ma ke ʻano he kiʻi a wikiō paha i kahi papa inoa kū pololei, i hōʻike ʻia mai ka ʻaoʻao a i ka ʻaoʻao me ka ʻole o kahi palena. ʻAʻohe kiʻi nohona, ʻaʻohe kiʻi waihona, ʻaʻohe gradients hoʻonaninani. ʻO ka poepoe a me ke ʻano wale nō nā mea ʻike ma ka ʻaoʻao.
Paleta
Lama
- Crimson Signal
#fc1c46— ʻO ke ʻano nui he mea ʻulaʻula hoʻokahi; ʻike ʻia ia ma ka pā "Contacts", ma ka logo brand, a ʻaʻohe wahi ʻē aʻe. ʻO kona kakaikahi ma muli o nā kikoʻī o ka hoʻolālā.
Kūlike ʻole
- Void
#000000— ʻO ke kua o ka ʻaoʻao, ka canvas, ke kahua paʻa e lana ai nā mea ʻē aʻe a pau. - Ash
#cccccc— Kikokikona nui a me ka loulou, leo kikokikona paʻamau ma ka canvas ʻeleʻele - i koho ʻia ma kahi o ke keʻokeʻo maʻemaʻe e hoʻomāmā i ka ʻālohilohi optical. - Frost
#ffffff— ʻO ka hōʻike ʻana i nā poʻomanaʻo, ka kikokikona pihi, ke kikokikona kahua hoʻokomo, a me ka markup ka pae koʻikoʻi loa, i manaʻo ʻia no ka ʻike e pono e linear. - Graphite
#4c4c4c— Kuleana kope, nā lepili meta, kikokikona kōkua - ua hoʻomālielie ʻia i ʻole e hoʻokūkū me ke kikokikona nui.
Palapala hoʻopili
mai 10 a i 198px · 7 mau ʻanuʻu
- sui — pani: Space Grotesk (closest free geometric match) or Inter for a more neutral alternative. Neue Haas Grotesk Display if licensed. · nā hoʻolālā 300, 400, 500, 700 · He kinona hoʻokahi. He kinona sans-serif geometric i hoʻolālā pono ʻia ʻo Sui no nā mea āpau mai 198px no nā poʻo inoa a i 10px no nā captions. Mālama ʻia ke kaumaha 700 no nā poʻo inoa nui a me nā poʻo inoa nui; hoʻohana ʻia ke kaumaha 400 no ke koena o ka ʻōnaehana. ʻO ka ʻokoʻa ma waena o ka wiwo ʻole a me ka maʻamau ka ʻōnaehana kinona mua; ʻaʻole koi ʻia kahi ʻohana ʻelua.
Nā wā a me ke ʻano
| Kumu | Manaʻo |
|---|---|
| Ka nui o ka paʻa | mānoanoa |
| Kaʻanuʻu kumu | 9px |
| Ka radius o ke pihi | 9999px |
| Ka laulā o ke kāleka | 0px |
| Nā aka | ʻaʻohe - nā palena ma kahi o nā aka |
| Ma waena o nā ʻāpana | 86-108px |
| Ka laulā o ka ʻaoʻao | 1400px |
E kūkulu ʻo AI i kāu pūnaewele ma ke ʻano ThoughtLab a hoʻopiha iā ia
- E hoʻopiha me nā huahana a me nā pou ma o ka loulou - Instagram, TikTok, Facebook.
- E hoʻoili i ka ʻike mai kāu pūnaewele kahiko—e kuhikuhi wale i ka helu wahi.
- Hoʻolālā hou ma ka ʻenekini maikaʻi loa: React ( Next.js) me ka hoʻoili ʻana o ke kikowaena a me ka hoʻonui ʻana o SEO ma waho o ka pahu.
- Hoʻonohonoho piha ʻana i ka SEO no nā hopena hulina a me nā ʻōlelo paipai pūnaewele neural.
Nā kaila like
- Vivid+Co — mālamalama prismatic ma o ka obsidian
- Sequel — ʻO kahi hōʻikeʻike pilikino ma hope o ka pōʻeleʻele wale nō ke kukui mehana i loko o kahi hale kiʻiʻoniʻoni pouli.
- Dovetail — He kiʻi hoʻolālā ma lalo o ka mahina ʻeleʻele—nā laina kiʻi i ʻike iki ʻia, ka hua palapala keʻokeʻo, hoʻokahi ʻālohilohi poni
- MekaVerse — He hale hōʻikeʻike monochrome o nā mea hana kikohoʻe—he ʻōlohelohe ʻeleʻele paʻa kahi e kau ai ke ao i hana ʻia e like me kahi hōʻikeʻike hale hōʻikeʻike, a ʻo ka ʻaoʻao mea hoʻohana holoʻokoʻa he ʻīnika keʻokeʻo ma luna o ke aniani ʻeleʻele matte.
- Krea — hale hōʻikeʻike ʻeleʻele i ke aumoe
- Factory — ʻO ke kikowaena "lumi kaua" i ke aumoe. ʻO ka "hale hana" he papa hoʻokele ʻeleʻele ʻālohilohi kahi e pae ai kahi kāleka keʻokeʻo hoʻokahi e like me kahi leka uila i hoʻomālamalama ʻia e ke kukui uila—ʻo ka mea wale nō i loko o ka lumi ʻo ia ka hana ponoʻī.
- basement — He mīkini paʻi hakahaka i ka hola 3am - nā kinona nui i ʻomi ʻia e pālahalaha ana ma ka ʻeleʻele loa, hoʻokahi ʻālohilohi o ke kukui ʻalani ma ka papa hoʻokele, nā mea ʻē aʻe he keʻokeʻo a hina hina paha.
- Stink Studios — He hale hana kiʻiʻoniʻoni i ke aumoe - kani ka mea hoʻolele kiʻiʻoniʻoni, pouli ka lumi, ʻo ke kiʻiʻoniʻoni wale nō ke hoʻomālamalama ʻia
- Apple (España) — hale kiʻiʻoniʻoni ʻeleʻele me nā mea i hoʻomālamalama ʻia
- Charlie — ʻO ke ʻano typography i kālai ʻia mai ka pōhaku mōneka ma luna o ka obsidian. He waihona hana kahi i hoʻokumu ai kahi pā ʻulaʻula hoʻokahi i kahi leo hāmau.
- Rive — ʻIke pō pololei loa. Loaʻa i ka interface kahi aniani kūikawā e komo i loko o ka pouli e kālele i nā kikoʻī loea me ka moakāka loa.
- Datalands — He hale pule ʻeleʻele me kahi pulse neon hoʻokahi. Hoʻopiha ka logo i ka nave; ʻo nā mea ʻē aʻe he kikokikona hiki ʻole ke lohe ʻia ma lalo.