Glossier
Kev thaij duab tshav ntuj - ntawv dawb, kua dub, ib qho xim daj ci ntsa iab
Glossier ua haujlwm zoo li phau ntawv xov xwm kev zoo nkauj digital: ib daim ntaub dawb thiab dub uas yuav luag monochrome, muaj ib qho xim daj ci ntsa iab uas ua lub cim ntawm lub hom thiab kev hu kom ua. Lub kaw lus no tau txwv tsis pub sau ntawv - cov ntawv xov xwm loj heev ntawm Apercu, qhov chaw sau ntawv ntau, cov duab thaij duab puv nplooj ntawv uas nqa qhov hnyav ntawm kev xav - thiab siv tau zoo hauv kev ua tiav: daim npav khoom tiaj tus, cov ciam teb nyias nyias, thiab tsis muaj kev kho kom zoo nkauj kiag li. Xim daj tsis yog xim thib ob ntawm lub hom; nws YOG lub hom, siv tsawg, yog li txhua qhov tsos zoo li lub koob yees duab flash. Txhua yam lwm yam yog meant kom ploj mus rau hauv keeb kwm yav dhau los: cov xim neutrals yog cov xim greys sov nrog lub suab blush me ntsis, cov ciam teb yog me ntsis, thiab hom yog ntom thiab condensed. Qhov tshwm sim yog lub khw muag khoom uas xav tias muaj kev ntseeg siab, tsis hais lus, thiab niaj hnub tsis muaj kev cuam tshuam.
Cov nplooj ntawv muaj cov ntu puv npo uas tau teeb tsa ntsug, txhua ntu tsim los ua ib qho kev tshaj tawm xov xwm. Ntu tseem ceeb yog daim duab puv npo nrog lub hau dawb uas ntab (sab laug saum toj) thiab lub logo daj loj heev nyob rau hauv qab ntawm nplooj ntawv. Hauv qab ntu tseem ceeb, cov ntu hloov pauv ntawm cov duab puv npo thiab cov kab sib txuas ntawm cov npav ib tus zuj zus. Kev faib cov pawg (kev saib xyuas tawv nqaij/kev pleev kom zoo nkauj) ua ob kab nrog qhov sib npaug ntawm cov duab (50/50) tshwm sim yam tsis muaj ciam teb pom - tsuas yog ib txoj kab txuas cov duab cais lawv. Cov ntawv teev khoom siv plaub kab ntawm cov npav plaub fab ntawm daim ntaub #f7f7f7. Kev taw qhia yog ib daim kab sab saud minimalist nrog daim kab tshaj tawm thib ob saum toj no. Qhov sib txawv ntawm cov ntu yog qhov loj heev (64px), tab sis kev hloov pauv ntawm cov ntu yog du - tsis muaj cov kab faib lossis cov xim keeb kwm yav dhau los hloov pauv, tsuas yog cov ntawv hauv qab sov. Lub suab tag nrho yog: duab, ntawv nyeem, duab, kab sib txuas, duab - zoo li tig los ntawm phau ntawv xov xwm zam.
Kev thaij duab yog hom lus pom tseem ceeb. Tag nrho thaj chaw saib puv nrog cov duab thiab cov duab ntawm lub neej—lub teeb sov so, cov duab ze ntawm daim tawv nqaij, tes tuav cov fwj khoom lag luam tawm tsam keeb kwm yav dhau los ntawm lub hnub ci ntsa iab. Cov xim hauv cov duab yog sov so thiab tsis muaj xim: ntuj txiv duaj, xim tawv nqaij terracotta, xiav dej hiav txwv tob. Cov duab ib txwm nyob rau tag nrho nplooj ntawv, tsis muaj cov ces kaum puag ncig, cov thav duab, lossis cov overlays, tsuas yog cov ntawv dawb lossis lub logo daj xwb. Cov duab khoom lag luam ntawm cov ntawv catalog raug thaij tawm tsam keeb kwm yav dhau los dawb huv nrog lub teeb tiaj tus. Qhov piv ntawm daim duab rau cov ntawv yog kwv yees li 70/30—cov duab qhia txog kev xav, cov ntawv, thiab kev ua haujlwm. Tsis muaj duab kos, tsis muaj cov duab kos abstract, tsis muaj 3D renderings.
Xim av
Hom
- Glossier Yellow
#fff116— Xim daj yog siv ua xim thib ob rau cov khoom dai kom zoo nkauj thiab los qhia txog cov lus nug tshawb nrhiav uas tsis tshua siv. Nws yuav tsum tsis txhob siv ua xim tseem ceeb rau kev hu kom ua.
Nruab nrab
- Ink
#000000— Cov ntawv hauv lub cev, cov kev sib txuas navigation, cov ntawv tseem ceeb, cov ntawv hauv qab, cov kab kos duab, cov ciam teb nyias; cov xim typographic tseem ceeb thiab cov qauv. - Paper
#ffffff— Cov khoom daim npav nto, cov chaw sau, cov vaj huam sib luag tsa; qhov chaw ci tshaj plaws hauv pawg. - Fog
#f7f7f7— Cov ntaub thaiv nplooj ntawv, keeb kwm yav dhau los, kev hloov pauv ntawm cov duab ntawm nplooj ntawv; lub hauv paus uas tag nrho lub vev xaib nyob rau. - Blush
#faf2f4— Tom qab ntawm qab ntawv, cov khoom faib seem sov so mos mos; xim dawb-xim av me ntsis ntxiv qhov sov so rau hauv qab ntawm nplooj ntawv. - Mist
#f0f0f0— Ib qho chaw txhawb nqa uas sib dua thiab siv tau los tsim ib qho keeb kwm yav dhau uas tsis pom tseeb thiab cais cov ntu. Nws yuav tsum tsis txhob siv ua xim tseem ceeb rau kev hu kom ua haujlwm. - Ash
#e8e8e8— Cov ciam teb ntawm cov ntaub ntawv nkag, cov keeb kwm yav dhau los ntawm cov cim, cov kab nyias nyias cais; xim ciam teb rau cov ntawv thiab cov ntsiab lus ntawm daim ntawv.
Kev sau ntawv
txij li 12 mus rau 32px · 5 kauj ruam
- Apercu — hloov: Inter · cov qauv qhia 400, 500, 700 · Lub hom ntawv tseem ceeb yog siv thoob plaws hauv lub interface neeg siv - lub cev luam ntawm 16px / 400, kev taw qhia thiab cov lus piav qhia ntawm 12–14px / 500, cov ntawv me ntawm 20px / 500, thiab cov ntawv xov xwm ntawm 32px / 700. Apercu tus qauv geometric, humanistic muab lub hom lag luam ib qho style condensed, niaj hnub; qhov ze-xoom tsab ntawv spacing (0.002–0.003em) ua rau lub hom ntawv compact thiab magazine-zoo li, es tsis yog airy lossis tus phooj ywg. Qhov hnyav 700 yog tseg rau cov ntsiab lus tso saib hauv cov ntawv xov xwm, tsis yog UI cov ntsiab lus.
- Apercu Mono — hloov: JetBrains Mono or IBM Plex Mono · cov qauv qhia 400 · Micro-utilitarian typography rau kev txiav txim metadata, cov lej taug qab, thiab cov ntawv lo rau ntawm tus lej; qhov monospaced version tsim cov qauv kev tshaj lij tawm tsam lub cev sib piv.
- GTStandard-M — hloov: Inter · cov qauv qhia 400 · GTStandard-M - Pom nyob rau hauv cov ntaub ntawv rho tawm tab sis tsis tau piav qhia los ntawm AI.
Lub sijhawm thiab daim ntawv
| Lub Hom Phiaj | Lub ntsiab lus |
|---|---|
| Qhov Ceev | nruab nrab |
| Kauj ruam yooj yim | 8px |
| Lub vojvoog ntawm lub pob | 0px |
| Lub vojvoog ntawm daim npav | 0px |
| Duab ntxoov ntxoo | tsis muaj ciam teb es tsis yog duab ntxoov ntxoo |
| Nruab nrab ntawm cov ntu | 64px |
| Qhov dav ntawm nplooj ntawv | 1440px |
AI yuav tsim koj lub vev xaib hauv hom ntawv Glossier 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
- Lightship — Ib daim duab diorama zoo li zaj duab xis ntawm txoj kev qhib. Cov phab ntsa gallery sov so uas dai kom zoo nkauj nrog cov duab loj loj uas tau teeb tsa ze ze, cov duab dub nyias nyias tsis pom ntawm cov thav duab, thiab ib qho xim txiv kab ntxwv ci ntsa iab ua rau cov monochrome zoo li hluav taws kub hauv hav zoov tawg.
- Faire ES — lag luam wholesale catalog ntawm sov cream
- Adanola — Ib phau ntawv sau txog kev sau xov xwm ntawm daim ntawv dawb. Kev thaij duab zam uas cov ntawv sau thiab cov duab thaij ua pa ntawm cov chaw dawb huv, nrog rau cov kua dub rau cov ntawv sau thiab cov ntawv sans-serif tshwj xeeb (Favorit), uas qhia txog tus qauv ntawm lub hom.
- Oura Ring — Ib lub chaw ua oatmeal zoo nkauj, da dej hauv lub hnub ci ntsa iab
- Stykka — Ib lub chaw ua haujlwm Scandinavian hauv lub teeb dawb - ib lub chaw ua yeeb yam ntsiag to, ua tes ua qhov chaw uas tsuas yog lub suab yog kev thaij duab xwb
- DJI — daim ntaub dub aerospace nrog ib qho xim xiav hluav taws xob
- Altitude Beverages — Cov ntawv xov xwm monochrome nthuav dav. Xav txog ib daim ntawv xov xwm zam uas tsis muaj xim dab tsi tsuas yog cov duab xwb - cov ntawv nyeem thiab qhov chaw dawb qhia tag nrho zaj dab neeg.
- AATHER — Ib xib teg qhib, ib lub nplaim taws - ib qho khoom kim heev ntsiag to uas muaj nyob hauv qhov ntsiag to
- Cowboy — Ib lub tsev qhia txog tsheb kauj vab hauv tebchaws Belgian uas ua los ntawm cov av nplaum dawb zoo li daus. Ib lub tsev qhia khoom uas muaj cov khoom siv matte, cov ntawv loj siv rau hauv cov ntaub ntawv sau xov xwm, thiab qhov tsis muaj kev kho kom zoo nkauj ua rau lub qhov muag pom lub tsheb kauj vab thiab nws cov khoom hauv.
- Refero — Kev teeb tsa ntawm cov ntawv sau rau ntawm pob zeb dawb - nplooj ntawv khoom tsim los ntawm tus kws sau ntawv, qhov twg lub npe serif yog daim npav hu xov tooj ntawm lub hom, thiab txhua yam tsis pom tseeb
- Face Formula — Ib daim duab thaij los ntawm Scandinavian. Ib daim duab uas nyob ntsiag to zoo li cov ntawv xov xwm, qhov uas tus qauv ntsia thiab lub ntsiab lus, sau ua ntawv luv luv, hais lus rau lawv tus kheej tawm tsam qhov chaw txias thiab pos huab.
- Shupatto — Lub thawv tso saib tsev khaws puav pheej ntawm marble dawb