Glossier
Ifoto yeLanga - iphepha elimhlophe, i-inki emnyama, i-accent enye etyheli eqaqambileyo
IGlossier isebenza njengemagazini yobuhle bedijithali: i-canvas ephantse ibe nombala omhlophe nomnyama, ephawulwe yi-accent enye etyheli eqaqambileyo ephinda ibe yilogo yophawu kunye nobizo lodwa lokwenza into. Le nkqubo inqunyelwe ngokwesiko—iintloko zeendaba ze-Apercu ezinkulu, indawo enkulu yombhalo, iifoto zendlela yokuphila ezipheleleyo ezithwala ubunzima beemvakalelo—kwaye ziluncedo ekusebenzeni: amakhadi emveliso athe tyaba, imida emincinci, kunye nokungabikho kombala wokuhombisa. Umthubi awungombala wesibini wophawu; LULUHLOBO, olusetyenziswa kancinci, ukuze yonke imbonakalo ivakale ngathi yi-flash yekhamera. Yonke enye into yenzelwe ukuba ifiphale ngasemva: ii-neutrals zingwevu ezifudumeleyo ezinethoni engaphantsi ye-blush, imida incinci, kwaye uhlobo luxinene kwaye lufinyeziwe. Isiphumo sivenkile esiziva siqinisekile, singachazwanga kakuhle, kwaye sanamhlanje.
Eli phepha linoluhlu olucwangciswe ngokuthe nkqo lwamacandelo esikrini esipheleleyo, ngalinye liyilwe njenge-editorial spread ezimeleyo. Icandelo eliphambili liyifoto ebanzi epheleleyo ene-overlay emhlophe edadayo (phezulu ngasekhohlo) kunye nelogo enkulu etyheli ehlala ezantsi kwephepha lonke. Ngaphantsi kwecandelo eliphambili, amacandelo atshintshana phakathi kwemifanekiso yesikrini esipheleleyo kunye neegridi zamakhadi ngamanye. Ukwahlulahlula iindidi (ukhathalelo lolusu/i-makeup) kube ziikholamu ezimbini ezinomlinganiselo olinganayo wemifanekiso (50/50) kwenzeka ngaphandle komda obonakalayo—ngumgca odibanisa imifanekiso kuphela ozahlulayo. Ikhathalogu yemveliso isebenzisa igridi yeekholamu ezine zamakhadi esikwere kwi-canvas ye-#f7f7f7. Ukuhambahamba yibha ephezulu encinci enomgca wentengiso wesibini ngaphezulu kwayo. Izikhewu phakathi kwamacandelo zikhulu kakhulu (64px), kodwa utshintsho phakathi kwamacandelo luthambile—ngaphandle kwezahluli okanye imibala engasemva etshintshanayo, ngaphandle kwe-footer efudumeleyo. Isingqisho siphela: ifoto, umbhalo, ifoto, igridi, ifoto – njengokujika kwimagazini yefashoni.
Ukufota lolona lwimi lubonakalayo lubalaseleyo. Lonke indawo yokubukela izaliswe yimifanekiso yendlela yokuphila kunye nemifanekiso—ukukhanya okufudumeleyo kwegolide, ulusu olusondeleyo, izandla ezibambe iibhotile zemveliso ngasemva kokukhanya kwelanga. Imibala ekwiifoto ifudumele kwaye ayinamanzi: isibhakabhaka sepesika, imibala yesikhumba se-terracotta, i-deep blues yolwandle. Imifanekiso ihlala ithatha indawo yonke yephepha, ngaphandle kweekona ezijikelezileyo, iifreyimu, okanye ii-overlay, ngaphandle kwamakhadi amhlophe okanye uphawu olutyheli. Iifoto zemveliso ezikwiikhadi zekhathalogu zithathwa ngasemva okumhlophe okumsulwa okungenamthungo kunye nokukhanya okuthe tyaba, okulinganayo. Umlinganiselo womfanekiso-kumbhalo umalunga ne-70/30—imifanekiso idlulisela iimvakalelo, umbhalo, umsebenzi. Akukho mifanekiso, akukho mizobo ingabonakaliyo, akukho mifanekiso ye-3D.
Iphalethi
Uphawu
- Glossier Yellow
#fff116— Umbala ophuzi usetyenziswa njengesandi sesibini seenkcukacha zokuhombisa kunye nokugqamisa imibuzo yokukhangela engasetyenziswa rhoqo. Akufanele isetyenziswe njengombala oyintloko wokubiza isenzo.
Ukungathathi cala
- Ink
#000000— Umbhalo womzimba, amakhonkco okuhambahamba, umbhalo oyintloko, umbhalo osezantsi, imigca ye icon, imida emincinci; umbala ophambili wokubhala kunye nombala wolwakhiwo. - Paper
#ffffff— Imiphezulu yekhadi lemveliso, iindawo zokuzalisa, iiphaneli eziphakanyisiweyo; umgangatho womphezulu oqaqambileyo kwisitaki. - Fog
#f7f7f7— I-canvas yephepha, imvelaphi yecandelo, utshintsho phakathi kwemifanekiso ekwiphepha; umphezulu osisiseko apho yonke iwebhusayithi ikhoyo. - Blush
#faf2f4— Imvelaphi engasemva kwezantsi, izahluli ezithambileyo nezifudumeleyo; umbala opinki-mhlophe onobumdaka wongeza ubushushu emazantsi ephepha. - Mist
#f0f0f0— Umphezulu oxhasayo okhanyayo wokudala imvelaphi engaphazanyiswayo kunye nokwahlula amacandelo. Akufanele isetyenziswe njengombala oyintloko wokubiza isenzo. - Ash
#e8e8e8— Imida yentsimi yokufaka, imvelaphi ye icon, imigca emincinci yokwahlulahlula; umbala womda wesakhiwo samakhadi kunye nezinto zefom.
Ubhalo lweencwadi
ukusuka kwi-12 ukuya kwi-32px · amanyathelo ama-5
- Apercu — ukutshintshwa: Inter · imida 400, 500, 700 · Uhlobo lokubhala oluphambili lusetyenziswa kuyo yonke i-interface yomsebenzisi—ikopi yomzimba kwi-16px/400, ukuhambahamba kunye neenkcazo-magama kwi-12–14px/500, izihloko ezincinci kwi-20px/500, kunye neentloko zeendaba zokubhala kwi-32px/700. Uyilo lwe-Apercu olunejometri kunye nobuntu lunika uphawu isitayile esifutshane, sanamhlanje; isithuba soonobumba abaphantse babe yi-zero (0.002–0.003em) senza uhlobo lokubhala lube ncinci kwaye lufane nemagazini, endaweni yokuba lube nomoya okanye lube nobuhlobo. Ubunzima be-700 bugcinelwe izinto eziboniswayo kwiincwadi zokubhala, kungekhona izinto ze-UI.
- Apercu Mono — ukutshintshwa: JetBrains Mono or IBM Plex Mono · imida 400 · Ubhalo-magama olusebenzisa izinto ezincinci kwi-metadata ye-odolo, amanani okulandelela, kunye neelebheli ecaleni kwekhowudi; inguqulelo ye-monospaced idala ubume bobuchwephesha ngokuchasene nohlobo lomzimba olulinganayo.
- GTStandard-M — ukutshintshwa: Inter · imida 400 · I-GTStandard-M - Ifunyenwe kwidatha ekhutshiweyo kodwa ayichazwanga yi-AI.
Amaxesha okuphumla kunye nefom
| Injongo | Intsingiselo |
|---|---|
| Uxinano | umndilili |
| Inyathelo elisisiseko | 8px |
| Irediyasi yeqhosha | 0px |
| Irediyasi yekhadi | 0px |
| Izithunzi | akukho - imida endaweni yezithunzi |
| Phakathi kwamacandelo | 64px |
| Ububanzi bephepha | 1440px |
I-AI iza kwakha iwebhusayithi yakho ngesitayile sika- Glossier ize iyizalise
- Gcwalisa iimveliso kunye nezithuba ngekhonkco - Instagram, TikTok, Facebook.
- Dlulisa umxholo usuka kwisiza sakho esidala—chaza nje idilesi.
- Uyilo lwanamhlanje kwinjini engcono kakhulu: React ( Next.js) ene-server rendering kunye ne-SEO optimization ephuma kwibhokisi.
- Ukulungiswa kwe-SEO ngokuzenzekelayo ngokupheleleyo kwiziphumo zophando kunye neengcebiso zenethiwekhi ye-neural.
Iintlobo ezifanayo
- Lightship — I-diorama yesinema yendlela evulekileyo. Iindonga zegalari efudumeleyo ezihonjiswe ngeefoto ezinkulu zelizwe ezifakwe kufutshane, uhlobo olumnyama oluncinci olungabonakaliyo kwiifreyimu, kunye ne-accent enye ekhanyayo yeorenji eqhekeza umbala omhlophe njengomlilo ovuthayo edlelweni.
- Faire ES — ikhathalogu ethengiswa ngobuninzi yekhrimu efudumeleyo
- Adanola — Incwadi yokujonga yomhleli ephepheni elimhlophe. Ifoto yefashoni apho ubhalo kunye nokufota kuphefumla kwiindawo ezimhlophe ezicocekileyo, kunye ne-inki emnyama yobhalo kunye nefonti ecacileyo ye-sans-serif (Favorit), ebonisa isitayile siphela sophawu.
- Oura Ring — Indawo yokusebenzela yokwenza i-oatmeal efudumeleyo, ehlanjwe emini ethambileyo
- Stykka — Iworkshop yaseScandinavia ekhazimlayo – igumbi lokubonisa elizolileyo, elenziwe ngezandla apho ilizwi kuphela lifota khona
- DJI — i-canvas emnyama yenqwelo-moya ene-electric blue light enye
- Altitude Beverages — Imagazini enombala omnye. Khawuthelekelele imagazini yefashoni esasazwe yahluthwa yonke imibala ngaphandle kweefoto ezimileyo—umbhalo kunye nendawo emhlophe zixela lonke ibali.
- AATHER — Isundu elivulekileyo, ilangatye elinye - ubunewunewu obuzolileyo obuqulethwe kukuthula
- Cowboy — Igalari yeebhayisekile zaseBelgium kwindawo yeporcelain emhlophe njengekhephu. Igumbi lokubonisa apho imiphezulu engacwebezeliyo, iifonti ezinkulu ezisetyenziswa kwizinto zokuhlela, kunye nokungabikho kokuhombisa okubonakalayo kutsala amehlo ebhayisekile kunye nezinto ezikuyo.
- Refero — Uyilo lomhleli kwimabula emhlophe - iphepha lemveliso elenziwe ngumchwephesha wokubhala, apho isihloko se-serif sikhadi lokubiza lophawu, kwaye yonke enye into ayibonakali
- Face Formula — Umfanekiso womhleli waseScandinavia. Isasazeke ngendlela ezolileyo, efana neyemagazini, apho amehlo omodeli kunye nesihloko, esibhalwe ngefonti efinyeziweyo ye-serif, zithethela ngokwazo ngokuchasene nomfanekiso opholileyo nonobunkungu.
- Shupatto — Ibhokisi yokubonisa yemyuziyam ekwimabula emhlophe