Glossier
Upigaji picha wa mwanga wa jua - karatasi nyeupe, wino mweusi, lafudhi moja ya manjano angavu
Glossier hufanya kazi kama jarida la urembo wa kidijitali: turubai yenye rangi moja ya manjano nyeupe na nyeusi, iliyotiwa alama na lafudhi moja ya manjano inayong'aa ambayo pia ni nembo ya chapa na wito pekee wa kuchukua hatua. Mfumo huu umezuiliwa kihariri—vichwa vya habari vikubwa vya Apercu, nafasi kubwa ya maandishi, upigaji picha wa mtindo wa maisha wa ukurasa mzima unaobeba uzito mkubwa wa kihisia—na unaotumika katika utekelezaji: kadi za bidhaa tambarare, mipaka nyembamba, na ukosefu kamili wa mapambo. Njano si rangi ya pili ya chapa; NI chapa, inayotumika kwa nadra, ili kila mwonekano uhisi kama flash ya kamera. Kila kitu kingine kimekusudiwa kufifia nyuma: rangi zisizo na rangi ni kijivu cha joto chenye rangi ya chini ya blush hafifu, mipaka ni hafifu, na aina ni mnene na iliyofupishwa. Matokeo yake ni duka linalohisi kujiamini, lisilo na usemi wa kutosha, na la kisasa bila kuyumba.
Ukurasa huu una mfululizo wa sehemu zilizopangwa wima za skrini nzima, kila moja ikiwa imebuniwa kama mpangilio wa uhariri wa kujitegemea. Sehemu kuu ni picha yenye upana kamili yenye kifuniko cheupe kinachoelea (juu kushoto) na nembo kubwa ya manjano inayochukua sehemu yote ya chini ya ukurasa. Chini ya sehemu kuu, sehemu hubadilishana kati ya picha za skrini nzima na gridi za kadi za kibinafsi. Mgawanyiko wa kategoria (utunzaji wa ngozi/vipodozi) katika safu wima mbili zenye uwiano sawa wa picha (50/50) hutokea bila mpaka unaoonekana—ni mstari tu unaounganisha picha unaozitenganisha. Katalogi ya bidhaa hutumia gridi ya kadi za mraba yenye safu wima nne kwenye turubai ya #f7f7f7. Urambazaji ni upau wa juu mdogo wenye ukanda wa pili wa tangazo juu yake. Mapengo kati ya sehemu ni makubwa (pikseli 64), lakini mabadiliko kati ya sehemu ni laini—bila vigawanyiko au rangi za usuli zinazobadilika, isipokuwa sehemu ya chini ya joto. Mdundo wa jumla ni: picha, maandishi, picha, gridi, picha - kama vile kugeuza jarida la mitindo.
Upigaji picha ndio lugha kuu ya kuona. Eneo lote la kutazama limejaa picha na picha za mtindo wa maisha—taa za joto za dhahabu, ngozi laini, mikono ikiwa imeshikilia chupa za bidhaa dhidi ya mandhari ya mwanga wa jua. Rangi ya picha kwenye picha ni ya joto na isiyojaa: anga la peach, rangi ya ngozi ya terracotta, bluu ya bahari kuu. Picha huwa zinachukua uso mzima wa ukurasa, bila pembe za mviringo, fremu, au vifuniko, isipokuwa kadi nyeupe za maandishi au nembo ya njano. Picha za bidhaa kwenye kadi za katalogi hupigwa dhidi ya mandhari nyeupe safi isiyo na mshono yenye mwanga tambarare, sawa. Uwiano wa picha-kwa-maandishi ni takriban 70/30—picha zinaonyesha hisia, maandishi, utendaji. Hakuna vielelezo, hakuna michoro dhahania, hakuna michoro ya 3D.
Paleti
Chapa
- Glossier Yellow
#fff116— Njano hutumika kama lafudhi ya pili kwa maelezo ya mapambo na kuangazia maswali ya utafutaji ambayo hayatumiwi mara kwa mara. Haipaswi kutumika kama rangi kuu ya wito wa kuchukua hatua.
Isiyoegemea upande wowote
- Ink
#000000— Maandishi ya mwili, viungo vya usogezaji, maandishi ya msingi, maandishi ya chini, mihtasari ya aikoni, mipaka nyembamba; rangi kuu ya uchapaji na kimuundo. - Paper
#ffffff— Nyuso za kadi za bidhaa, maeneo ya kujaza, paneli zilizoinuliwa; kiwango cha uso kinachong'aa zaidi kwenye rundo. - Fog
#f7f7f7— Turubai ya ukurasa, mandharinyuma ya sehemu, mabadiliko kati ya picha kwenye ukurasa; sehemu ya msingi ambayo tovuti nzima iko. - Blush
#faf2f4— Mandharinyuma ya chini, vigawanyaji laini vya sehemu vyenye joto; rangi hafifu ya waridi-nyeupe huongeza joto chini ya kurasa. - Mist
#f0f0f0— Sehemu nyepesi inayounga mkono mandharinyuma isiyoonekana na kutenganisha sehemu. Haipaswi kutumika kama rangi kuu ya wito wa kuchukua hatua. - Ash
#e8e8e8— Mipaka ya sehemu ya kuingiza, mandharinyuma ya aikoni, mistari nyembamba ya kitenganishi; rangi ya mpaka wa kimuundo kwa kadi na vipengele vya umbo.
Uchapaji
kutoka pikseli 12 hadi 32 · hatua 5
- Apercu — mbadala: Inter · mihtasari 400, 500, 700 · Uandishi wa msingi hutumika katika kiolesura chote cha mtumiaji—nakala ya mwili katika pikseli 16/400, urambazaji na manukuu katika pikseli 12–14/500, vichwa vidogo katika pikseli 20/500, na vichwa vya habari vya uhariri katika pikseli 32/700. Ubunifu wa kijiometri na kibinadamu wa Apercu huipa chapa mtindo mfupi na wa kisasa; nafasi ya herufi karibu na sifuri (0.002–0.003em) hufanya uandishi kuwa mdogo na kama gazeti, badala ya kuwa wa hewa au wa kirafiki. Uzito wa 700 umehifadhiwa kwa vipengele vya onyesho katika uhariri, si vipengele vya UI.
- Apercu Mono — mbadala: JetBrains Mono or IBM Plex Mono · mihtasari 400 · Uchapaji wa matumizi madogo kwa metadata ya mpangilio, nambari za ufuatiliaji, na lebo zilizo karibu na msimbo; toleo lenye nafasi moja huunda umbile la kiufundi dhidi ya aina ya mwili inayolingana.
- GTStandard-M — mbadala: Inter · mihtasari 400 · GTTstandard-M - Inapatikana katika data iliyotolewa lakini haijaelezewa na AI.
Vipindi na umbo
| Kusudi | Maana |
|---|---|
| Uzito | wastani |
| Hatua ya msingi | 8px |
| Kipenyo cha kitufe | 0px |
| Redi ya kadi | 0px |
| Vivuli | hapana - mipaka badala ya vivuli |
| Kati ya sehemu | 64px |
| Upana wa ukurasa | 1440px |
AI itaunda tovuti yako kwa mtindo wa Glossier na kuijaza
- Jaza bidhaa na machapisho kupitia kiungo - Instagram, TikTok, Facebook.
- Hamisha maudhui kutoka kwa tovuti yako ya zamani—taja tu anwani.
- Muundo wa kisasa kwenye injini bora: React ( Next.js) yenye utoaji wa seva na uboreshaji wa SEO bila kuchelewa.
- Uboreshaji wa SEO kiotomatiki kikamilifu kwa matokeo ya utafutaji na mapendekezo ya mtandao wa neva.
Mitindo inayofanana
- Lightship — Diorama ya sinema ya barabara iliyo wazi. Kuta za jumba la sanaa lenye joto na krimu zilizopambwa kwa picha kubwa za mandhari zilizowekwa kwa vipindi vya karibu, aina nyeusi nyembamba isiyoonekana vizuri kwenye fremu, na lafudhi moja angavu ya chungwa ikivunja rangi ya monochrome kama moto mkubwa kwenye bustani.
- Faire ES — orodha ya jumla ya krimu ya joto
- Adanola — Kitabu cha uhariri kwenye karatasi nyeupe. Picha ya mitindo ambapo uchapaji na upigaji picha hupumua kwenye nyuso nyeupe safi, zenye wino mweusi kwa ajili ya uandishi na fonti isiyo na maandishi maalum (Favorit), inayoakisi mtindo wa jumla wa chapa hiyo.
- Oura Ring — Karakana ya kutengeneza uji wa shayiri kwa njia ya starehe, iliyoogeshwa na mwanga wa mchana laini
- Stykka — Warsha ya Scandinavia katika mwanga mweupe - chumba cha maonyesho tulivu, kilichotengenezwa kwa mikono ambapo sauti pekee ni upigaji picha
- DJI — turubai nyeusi ya anga yenye mwangaza mmoja wa bluu ya umeme
- Altitude Beverages — Jarida la monochrome limeenea. Hebu fikiria jarida la mitindo limeondolewa rangi zote isipokuwa picha tuli—maandishi na nafasi nyeupe husimulia hadithi nzima.
- AATHER — Kiganja kilicho wazi, mwali mmoja - anasa tulivu iliyo ndani ya ukimya
- Cowboy — Nyumba ya sanaa ya baiskeli ya Ubelgiji katika mazingira ya kauri nyeupe kama theluji. Chumba cha maonyesho ambapo nyuso zisizong'aa, fonti kubwa zinazotumika katika vifaa vya uhariri, na kutokuwepo kwa mapambo mtandaoni huvutia macho ya baiskeli na yaliyomo.
- Refero — Mpangilio wa uhariri kwenye marumaru nyeupe - ukurasa wa bidhaa ulioundwa na mpiga chapa, ambapo kichwa cha habari cha serif ndicho kadi ya biashara ya chapa, na kila kitu kingine hakionekani
- Face Formula — Picha ya uhariri ya Scandinavia. Mwonekano mtulivu, wa mtindo wa gazeti, ambapo macho ya mwanamitindo na kichwa cha habari, vilivyoandikwa kwa fonti ya serif iliyofupishwa, vinajieleza vyenyewe dhidi ya mandhari baridi na yenye ukungu.
- Shupatto — Kisanduku cha maonyesho ya makumbusho kwenye marumaru nyeupe