Glossier
Sesyon foto solèy - papye blan, lank nwa, yon aksan jòn klere
Glossier fonksyone tankou yon magazin bote dijital: yon twal prèske monokrom blan ak nwa, ponktue pa yon sèl aksan jòn vibran ki sèvi tou kòm logo mak la epi sèl apèl a aksyon. Sistèm nan se yon sistèm editoryal ki limite—gwo tit Apercu, anpil espas tèks, fotografi vi konplè ki pote pi gwo pati pwa emosyonèl la—epi itil nan ekzekisyon: kat pwodwi plat, fwontyè mens, ak yon mank total de anbelisman. Jòn se pa yon koulè segondè mak; li SE mak la, yo itilize l ak modération, pou chak aparans santi l tankou yon flash kamera. Tout lòt bagay yo sipoze disparèt nan background nan: koulè net yo se gri cho ak yon ti ton wouj fonse, fwontyè yo sibtil, epi tipografi a dans ak kondanse. Rezilta a se yon vitrin ki santi l gen konfyans, senp, ak modèn san konpwomi.
Paj la prezante yon seri seksyon plen ekran ki ranje vètikalman, chak seksyon fèt kòm yon paj editoryal endepandan. Seksyon prensipal la se yon foto plen lajè ak yon kouvèti blan k ap flote (anlè agoch) ak yon gwo logo jòn ki okipe tout pati anba paj la. Anba seksyon prensipal la, seksyon yo altène ant imaj plen ekran ak griy kat endividyèl yo. Divizyon kategori yo (swen po/makiyaj) an de kolòn ak yon rapò imaj egal (50/50) fèt san yon fwontyè vizib—se sèlman yon liy ki konekte imaj yo ki separe yo. Katalòg pwodwi a itilize yon griy kat kolòn ak kat kare sou yon twal #f7f7f7. Navigasyon an se yon ba minimalist anlè ak yon bann piblisite segondè anlè li. Espas ki genyen ant seksyon yo gwo ase (64px), men tranzisyon ant seksyon yo lis—san divizyon oswa koulè background altène, eksepte pou pye paj la ki cho. Ritm jeneral la se: foto, tèks, foto, griy, foto—tankou w ap vire paj nan yon magazin mòd.
Fotografi se lang vizyèl dominan an. Tout zòn vizyon an plen ak imaj ak pòtrè mòd vi—ekleraj cho lè dore, gros plan dous sou po, men k ap kenbe boutèy pwodwi sou yon fon solèy klere. Palèt koulè nan foto yo cho e desature: syèl pèch, ton po tèrakota, ble oseyan fon. Imaj yo toujou okipe tout sifas paj la, san kwen awondi, ankadreman, oswa sipèpozisyon, eksepte kat tèks blan yo oswa logo jòn nan. Foto pwodwi sou kat katalòg yo pran sou yon fon blan pi san pwoblèm ak yon ekleraj plat e inifòm. Pwopòsyon imaj-tèks la se apeprè 70/30—imaj yo transmèt emosyon, tèks la, fonksyon. Pa gen ilistrasyon, pa gen grafik abstrè, pa gen rann 3D.
Palèt
Mak
- Glossier Yellow
#fff116— Yo itilize jòn kòm yon aksan segondè pou detay dekoratif epi pou mete aksan sou rechèch ki mwens itilize yo. Li pa ta dwe itilize kòm koulè prensipal pou yon apèl a aksyon.
Netral
- Ink
#000000— Tèks kò a, lyen navigasyon yo, tèks prensipal la, tèks anba paj la, kontou ikòn yo, fwontyè mens yo; koulè tipografik ak estriktirèl dominan. - Paper
#ffffff— Sifas kat pwodwi yo, zòn ranpli yo, panno an relief; nivo sifas ki pi klere nan pil la. - Fog
#f7f7f7— Kanva paj la, background seksyon yo, tranzisyon ant imaj yo sou paj la; sifas baz kote tout sit entènèt la ye a. - Blush
#faf2f4— Fon anba paj la, divizyon seksyon ki dous e cho; yon ti koulè woz-blan ajoute chalè nan pati anba paj yo. - Mist
#f0f0f0— Yon sifas sipò lejè pou kreye yon background ki pa twò aparan epi separe seksyon yo. Li pa ta dwe itilize kòm koulè prensipal pou apèl a aksyon an. - Ash
#e8e8e8— Fwontyè chan pou antre, background ikon, liy separasyon mens; koulè fwontyè estriktirèl pou kat ak eleman fòm yo.
Tipografi
soti nan 12 pou rive nan 32px · 5 etap
- Apercu — ranplasman: Inter · plan 400, 500, 700 · Yo itilize karaktè prensipal la nan tout koòdone itilizatè a—kò tèks la nan 16px/400, navigasyon ak tit yo nan 12–14px/500, soutit yo nan 20px/500, ak tit editoryal yo nan 32px/700. Konsepsyon jewometrik ak imanis Apercu a bay mak la yon stil modèn ak kondanse; espasman lèt ki prèske zewo a (0.002–0.003em) fè karaktè a kontra enfòmèl ant epi sanble ak yon magazin, olye ke li lejè oswa zanmitay. Pwa 700 la rezève pou eleman ekspozisyon nan editoryal yo, pa pou eleman koòdone itilizatè yo.
- Apercu Mono — ranplasman: JetBrains Mono or IBM Plex Mono · plan 400 · Tipografi mikwo-itilitaris pou done meta kòmand, nimewo swivi, ak etikèt akote kòd la; vèsyon monospaced la kreye yon teksti teknik kont yon kalite kò pwopòsyonèl.
- GTStandard-M — ranplasman: Inter · plan 400 · GTStandard-M - Yo jwenn li nan done yo te ekstrè men IA a pa dekri li.
Entèval ak fòm
| Objektif | Siyifikasyon |
|---|---|
| Dansite | mwayèn |
| Etap debaz | 8px |
| Reyon bouton | 0px |
| Reyon kat | 0px |
| Lonbray | pa gen fwontyè olye de lonbraj |
| Ant seksyon yo | 64px |
| Lajè paj la | 1440px |
IA ap bati sit entènèt ou a nan style Glossier epi ranpli li.
- Ranpli ak pwodwi ak piblikasyon atravè lyen an - Instagram, TikTok, Facebook.
- Transfere kontni ki soti nan ansyen sit ou a—jis presize adrès la.
- Design modèn sou pi bon motè a: React ( Next.js) ak rann sèvè ak optimize SEO pare pou itilize.
- Optimizasyon SEO konplètman otomatik pou rezilta rechèch ak rekòmandasyon rezo newòn.
Stil ki sanble
- Lightship — Yon dyorama sinematik sou wout la. Mi galeri koulè krèm cho dekore avèk gwo foto peyizaj monte nan entèval ki pre, ti karaktè nwa ki apèn vizib sou ankadreman yo, ak yon sèl aksan zoranj klere ki kraze monokrom lan tankou yon gwo dife nan yon savann.
- Faire ES — katalòg an gwo krèm cho
- Adanola — Yon lookbook editoryal sou papye blan. Yon sesyon foto mòd kote tipografi ak fotografi respire sou sifas blan pwòp, ak lank nwa pou karaktè karaktè a ak yon polis karaktè sans-serif sibtil (Favorit), ki reflete stil jeneral mak la.
- Oura Ring — Yon atelye fè farin avwàn konfòtab, benyen nan yon limyè solèy dou
- Stykka — Yon atelye Scandinavian nan limyè blan - yon chanm ekspozisyon trankil, atizanal kote sèl vwa a se fotografi.
- DJI — twal nwa ayewospasyal ak yon sèl aksan ble elektrik
- Altitude Beverages — Paj magazin monokrom. Imajine yon paj magazin mòd san koulè eksepte foto yo—tèks la ak espas blan an rakonte tout istwa a.
- AATHER — Yon pla men louvri, yon sèl flanm dife - yon liks trankil ki genyen nan silans
- Cowboy — Yon galeri bisiklèt Bèlj nan yon dekorasyon porselèn blan tankou nèj. Yon choroum kote sifas mat, gwo lèt yo itilize nan materyèl editoryal yo, ak yon absans prèske total de dekorasyon atire je a sou bisiklèt la ak sa ki ladan l.
- Refero — Mizanpaj editoryal sou mab blan - yon paj pwodwi kreye pa yon tipograf, kote tit serif la se kat vizit mak la, epi tout lòt bagay yo diskrè.
- Face Formula — Yon pòtrè editoryal Skandinavyen. Yon paj kalm, nan style magazin, kote je modèl la ak tit la, ekri nan yon polis serif kondanse, pale pou tèt yo sou yon fon fre ak bwouya.
- Shupatto — Vitrin mize sou mab blan