INO
Ib lub tsev khaws puav pheej tso saib nyob ntsiag to - txhua qhov kev nthuav qhia ntab hauv qhov chaw dawb, zoo li ib yam khoom tom qab iav, uas muaj lub suab dub, uas tsis tshua hnov dua.
INO ua haujlwm zoo li lub tsev khaws puav pheej uas yuav luag muaj xim dub: ib daim ntaub dawb ntshiab, ib daim kua xim sov so, yuav luag dub, thiab yuav luag tsis muaj xim kiag li. Lub kaw lus pom txhua lub nplhaib zoo li ib daim duab hauv tsev khaws puav pheej - cov duab khoom kho mob uas ntab hauv qhov chaw tsis zoo, nrog rau kev teeb tsa los ntawm qhov chaw, qhov sib nrug ntawm cov ntawv, thiab qhov ntim ntawm dawb es tsis yog los ntawm qhov ntsuas ntawm cov ntawv lossis xim. Kev taw qhia nyob rau hauv qab ntawm nplooj ntawv, muaj plaub lub cim nrog cov ntawv lo (puv lossis khoob), kev hloov pauv ntawm cov kab saum toj kawg nkaus ntawm e-commerce. Lub cim hom nws tus kheej yog ib pawg ntawm cov duab ntawm lub nplhaib sib xyaw, rov hais dua cov duab ntawm cov khoom thiab ua haujlwm ua tus qauv sau ntawv es tsis yog lub logo.
Ib daim ntaub canvas dav tag nrho uas tsis muaj qhov txwv dav tshaj plaws rau cov ntsiab lus. Lub vijtsam tseem ceeb siv tag nrho qhov dav ntawm nplooj ntawv, nrog rau cov duab thiab cov duab kos faib sib npaug (50/50). Cov khoom lag luam grids raug tso tawm ua peb kab nrog cov npoo kab rov tav dav dav los ntawm ntug ntawm qhov pom. Kev taw qhia hauv qab yog nyob hauv nruab nrab thiab anchored rau nplooj ntawv footer, es tsis yog pinned. Kev tawg seem siv cov duab kho kom zoo nkauj puv npo lossis qhov chaw dawb huv - tsis muaj kab xim, kab faib, lossis gradient. Lub suab ntsug yog dawb: 80/1/1 ntawm cov ntu tseem ceeb, tso cai rau nplooj ntawv ua pa es tsis txhob puv nrog cov ntsiab lus. Tsis muaj sidebar, tsis muaj mega-menu, tsis muaj sab saum toj header bar - lub logo "INO" tsuas yog nyob rau hauv kaum sab laug saum toj ntawm lub vijtsam tseem ceeb.
Muaj ob hom duab sib txawv uas sib koom ua ke: kev thaij duab khoom kho mob rau ntawm lub keeb kwm yav dhau tiaj tus, xim grey sib dua, thiab tsis muaj qhov sib txuas (txhua lub nplhaib raug thaij duab nyob hauv nruab nrab, tsis muaj tes, cov khoom siv stylized, lossis cov duab ntxoov ntxoo ntawm qhov chaw - tus khoom yog tus thawj coj) thiab cov duab piav qhia (lub nplhaib hauv lub thawv uas muaj nyom, ib txhais tes tuav ib txoj saw), ua kom zoo li cov duab tsis sib xws, puv npo. Cov duab khoom ua haujlwm ua daim npav khoom; cov duab kho kom zoo nkauj qhia txog lub hom phiaj ntawm lub hom. Ob qho tib si yog monochrome lossis ze li monochrome - cov nyom hauv daim duab tseem ceeb yog tib qho xim ntsuab, thiab txawm tias qhov ntawd yog muted rau xim hav zoov. Cov cim tsis siv hauv qhov interface - lub cim nplhaib concentric hloov txhua lub cim.
Xim av
Nruab nrab
- Obsidian Ink
#212123— Cov xwm txheej tsis muaj teeb meem, cov ntawv cim, thiab cov lus tawm tswv yim UI uas tsis pom tseeb qhov twg cov xim yuav tsum tsis pom tseeb. - Bone
#ffffff— Cov nplooj ntawv canvas, cov ntawv cardboard, cov ntawv tig rov qab rau ntawm keeb kwm yav dhau tsaus ntuj. Qhov chaw tseem ceeb; yuav luag tag nrho lub vev xaib nyob ntawm no. - Carbon
#000000— Cov duab kos, cov duab kos zoo nkauj, thiab cov duab kos rau lub cim qhia chaw. Siv tsawg tsawg kom tau qhov sib piv ntawm cov xim "pob txha". - Ash
#999999— Cov ciam teb sib txawv nruab nrab, cov kab kos tswj thiab cov kab faib cov qauv. - Pebble
#a6a6a7— Cov ntawv txhawb nqa uas tsis muaj ntau qhov sib txawv, cov kab sib cais nyias rau cov ntawv tseem ceeb, thiab cov metadata thib ob. Cov xim grey uas sib dua tshaj plaws yog siv rau cov ntawv cim nqi thiab cov ntawv nrog uas yuav tsum ploj mus rau tom qab.
Kev sau ntawv
txij li 11 mus txog 18px · 4 kauj ruam
- Sequel100Wide — hloov: Jost (400 · cov qauv qhia 400 · Tsuas yog hom ntawv lag luam siv tshwj xeeb hauv 400 qhov hnyav thoob plaws txhua qhov chaw - kev taw qhia, cov ntawv sau, cov npe, cov npe, tus nqi, thiab cov lus piav qhia. Lub cim geometric dav dav nrog qhov sib nrug dav ntawm cov ntawv qhia qhia txog tag nrho cov qauv lag luam. Qhov tsis muaj qhov hnyav tuab yog lub hom phiaj: kev tswj hwm qib siab yog ua tiav los ntawm kev sau ntawv loj, qhov sib nrug ntawm cov ntawv, thiab kev tso chaw, es tsis yog los ntawm kev hloov pauv qhov hnyav ntawm cov ntawv.
- Arial — hloov: system-ui · cov qauv qhia 400 · Ib qho kev rov qab los thoob plaws lub system rau kev tsim cov nyees khawm hauv cov ntsiab lus qub. Nws tsis yog ib feem ntawm kev tsim hom lag luam - nws tsuas yog tshwm sim yog tias Sequel100Wide tsis tuaj yeem thauj khoom.
Lub sijhawm thiab daim ntawv
| Lub Hom Phiaj | Lub ntsiab lus |
|---|---|
| Qhov Ceev | ntom ntom |
| Kauj ruam yooj yim | 23px |
| Lub vojvoog ntawm lub pob | 50px |
| Lub vojvoog ntawm daim npav | 8px |
| Duab ntxoov ntxoo | tsis muaj ciam teb es tsis yog duab ntxoov ntxoo |
| Nruab nrab ntawm cov ntu | 80-120px |
AI yuav tsim koj lub vev xaib hauv hom ntawv INO 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
- Airbnb — Ib phab ntsa dawb ntsiag to nrog ib daim ntawv cim xim liab coral
- Peak Design — Phab ntsa ntawm lub tsev khaws puav pheej, ci ntsa iab ib nrab
- 099 SUPPLY — Ib phab ntsa gallery puv nrog cov khoom dub thiab dawb
- Apple (España) — lub thawv tso saib dawb gallery
- Apple (España) — Lub qhov rais gallery hauv huab cua thaum sawv ntxov
- Custo — Ib lub tsev khaws puav pheej xim av nrog rau cov ntawv sau ib leeg. Ib lub chaw tso khoom hauv cov xim grey-ntsuab uas tsis muaj xim, qhov twg ib yam khoom tsaus nti thiab cov ntawv sau 57px hais lus rau lawv tus kheej.
- Silencio — Ib chav dawb uas muaj tej khoom siv uas ntab saum ntuj. Ib daim duab kos ua los ntawm ntawv sov sov, qhov twg txhua yam nyob hauv nws qhov chaw nrog lub keeb kwm yav dhau uas tsis muaj suab nrov, thiab qhov ntsiag to yog qhov kev txiav txim siab tsim los ntawm lub siab xav.
- Oakâme — Ib lub rooj cob qhia Provençal uas muaj hnub ci ntsa iab uas tau txiav los ntawm pob zeb sov so
- Nike — Ib lub tsev khaws puav pheej monochrome ntawm kev ua tiav kis las - phab ntsa dawb, cov khoom ua ib daim duab kos duab, chrome yaj rau hauv keeb kwm yav dhau
- Sociotype — Ib qho qauv ntawm tsev khaws puav pheej ib txwm muaj rau ntawm daim ntawv dawb
- Arc — industrial dawb gallery hla ib tag hmo dej
- Rivian — Ib lub tshuab hluav taws xob monolith ntawm phab ntsa pob zeb ntawm lub tsev khaws puav pheej. Rivian nthuav qhia txhua lub tsheb ua ib daim duab puab tawm tsam qhov chaw dawb loj heev, nrog rau cov ntawv loj heev uas ua rau nws yog ib qho khoom siv hauv tsev, thiab ib qho daj sov uas rhuav tshem cov huab cua monochromatic, zoo li lub hnub ci ntawm qhov chaw matte.