Glossier
Sesion fotografik në Sunshine - letër e bardhë, bojë e zezë, një theks i verdhë i ndezur
Glossier funksionon si një revistë dixhitale bukurie: një kanavacë pothuajse monokrome e bardhë dhe e zezë, e ndërprerë nga një theks i vetëm i verdhë i gjallë që shërben edhe si logo e markës dhe si thirrja e vetme për veprim. Sistemi është i përmbajtur nga ana editoriale - tituj të mëdhenj të Apercu, hapësirë e bollshme teksti, fotografi të stilit të jetesës në faqe të plotë që mbart pjesën më të madhe të peshës emocionale - dhe utilitar në ekzekutim: karta të sheshta produktesh, kufij të hollë dhe mungesë e plotë zbukurimesh. E verdha nuk është një ngjyrë dytësore e markës; është marka, e përdorur me kursim, në mënyrë që çdo paraqitje të ndihet si një blic aparati fotografik. Çdo gjë tjetër është menduar të zbehet në sfond: neutralet janë gri të ngrohta me një nuancë delikate skuqjeje, kufijtë janë delikatë dhe shkronja është e dendur dhe e kondensuar. Rezultati është një vitrinë që ndihet e sigurt, e thjeshtë dhe moderne pa kompromis.
Faqja paraqet një seri seksionesh me ekran të plotë të rregulluara vertikalisht, secila e projektuar si një përhapje editoriale e pavarur. Seksioni kryesor është një foto me gjerësi të plotë me një mbivendosje të bardhë lundruese (sipër majtas) dhe një logo masive të verdhë që zë të gjithë pjesën e poshtme të faqes. Poshtë seksionit kryesor, seksionet alternojnë midis imazheve me ekran të plotë dhe rrjetave të kartave individuale. Ndarja e kategorive (kujdes për lëkurën/grim) në dy kolona me një raport të barabartë imazhesh (50/50) ndodh pa një kufi të dukshëm - vetëm një vijë që lidh imazhet i ndan ato. Katalogu i produkteve përdor një rrjetë me katër kolona të kartave katrore në një kanavacë #f7f7f7. Navigimi është një shirit minimalist i sipërm me një shirit reklamues dytësor sipër tij. Boshllëqet midis seksioneve janë mjaft të mëdha (64px), por kalimet midis seksioneve janë të lëmuara - pa ndarës ose ngjyra alternative të sfondit, përveç fundfaqes së ngrohtë. Ritmi i përgjithshëm është: fotografi, tekst, fotografi, rrjetë, fotografi - si të shfletosh një revistë mode.
Fotografia është gjuha vizuale mbizotëruese. E gjithë zona e shikimit është e mbushur me imazhe dhe portrete të stilit të jetesës - ndriçim i ngrohtë i artë i orës, pamje të buta nga afër të lëkurës, duar që mbajnë shishe produktesh në sfondin e shkëlqimit të diellit. Paleta e ngjyrave në fotografi është e ngrohtë dhe e pangopur: qiell pjeshke, nuanca lëkure terrakote, blu e thellë oqeanike. Imazhet gjithmonë zënë të gjithë sipërfaqen e faqes, pa qoshe të rrumbullakosura, korniza ose mbivendosje, me përjashtim të kartave të tekstit të bardhë ose logos së verdhë. Fotot e produkteve në kartat e katalogut janë bërë në një sfond të bardhë të pastër pa ndërprerje me ndriçim të sheshtë dhe të njëtrajtshëm. Raporti imazh-tekst është afërsisht 70/30 - imazhet përcjellin emocion, tekst, funksion. Pa ilustrime, pa grafikë abstrakte, pa paraqitje 3D.
Paletë
Markë
- Glossier Yellow
#fff116— E verdha përdoret si një theks dytësor për detajet dekorative dhe për të nxjerrë në pah pyetjet e kërkimit që përdoren më rrallë. Nuk duhet të përdoret si ngjyra kryesore për një thirrje për veprim.
Neutral
- Ink
#000000— Teksti i trupit, lidhjet e navigimit, teksti kryesor, teksti i fundit të faqes, konturet e ikonave, kufijtë e hollë; ngjyra mbizotëruese tipografike dhe strukturore. - Paper
#ffffff— Sipërfaqet e kartës së produktit, zonat e mbushjes, panelet e ngritura; niveli i sipërfaqes më i ndritshëm në pirg. - Fog
#f7f7f7— Kanavaca e faqes, sfondet e seksioneve, tranzicionet midis imazheve në faqe; sipërfaqja bazë mbi të cilën ndodhet e gjithë faqja e internetit. - Blush
#faf2f4— Sfondi i fundit të faqes, ndarës seksionesh të butë dhe të ngrohtë; një nuancë e lehtë rozë-e bardhë shton ngrohtësi në fund të faqeve. - Mist
#f0f0f0— Një sipërfaqe mbështetëse e lehtë për të krijuar një sfond diskret dhe për të ndarë seksionet. Nuk duhet të përdoret si ngjyra kryesore për thirrjen për veprim. - Ash
#e8e8e8— Kufijtë e fushave të hyrjes, sfondet e ikonave, vijat e holla ndarëse; ngjyra e kufirit strukturor për kartat dhe elementët e formularit.
Tipografi
nga 12 në 32px · 5 hapa
- Apercu — zëvendësim: Inter · skica 400, 500, 700 · Shkronja kryesore përdoret në të gjithë ndërfaqen e përdoruesit - teksti i trupit është 16px/400, navigimi dhe mbishkrimet janë 12–14px/500, nëntitujt janë 20px/500 dhe titujt editorialë janë 32px/700. Dizajni gjeometrik dhe humanist i Apercu-t i jep markës një stil të kondensuar dhe modern; hapësira midis shkronjave pothuajse zero (0.002–0.003em) e bën shkrimin kompakt dhe si një revistë, në vend që të jetë i ajrosur ose miqësor. Pesha 700 është e rezervuar për elementët e ekranit në editoriale, jo për elementët e ndërfaqes së përdoruesit.
- Apercu Mono — zëvendësim: JetBrains Mono or IBM Plex Mono · skica 400 · Tipografi mikro-utilitare për meta të dhënat e porosisë, numrat e gjurmimit dhe etiketat pranë kodit; versioni me hapësirë të vetme krijon një teksturë teknike kundrejt një lloji trupi proporcional.
- GTStandard-M — zëvendësim: Inter · skica 400 · GTStandard-M - Gjendet në të dhënat e nxjerra, por nuk përshkruhet nga IA.
Intervalet dhe forma
| Qëllimi | Kuptimi |
|---|---|
| Dendësia | mesatare |
| Hapi bazë | 8px |
| Rrezja e butonit | 0px |
| Rrezja e kartës | 0px |
| Hijet | pa kufij në vend të hijeve |
| Midis seksioneve | 64px |
| Gjerësia e faqes | 1440px |
IA do ta ndërtojë faqen tuaj të internetit në stilin Glossier dhe do ta mbushë atë
- Plotësoni me produkte dhe postime përmes linkut - Instagram, TikTok, Facebook.
- Transferoni përmbajtje nga faqja juaj e vjetër—thjesht specifikoni adresën.
- Dizajn modern në motorin më të mirë: React ( Next.js) me renderim të serverit dhe optimizim SEO që në fillim.
- Optimizim plotësisht i automatizuar i SEO-s për rezultatet e kërkimit dhe rekomandimet e rrjeteve nervore.
Stile të ngjashme
- Lightship — Një dioramë kinematografike e rrugës së hapur. Muret e galerisë me ngjyrë krem të ngrohtë të zbukuruara me fotografi të mëdha peizazhesh të montuara në intervale të afërta, shkronja të holla të zeza mezi të dukshme në korniza dhe një theks i vetëm portokalli i ndritshëm që thyen monokromin si një zjarr i madh në një livadh.
- Faire ES — katalog me shumicë i kremit të ngrohtë
- Adanola — Një album editorial në letër të bardhë. Një set mode ku tipografia dhe fotografia marrin frymë në sipërfaqe të bardha të pastra, me bojë të zezë për llojin e shkronjave dhe një font delikat sans-serif (Favorit), që pasqyron stilin e përgjithshëm të markës.
- Oura Ring — Një seminar komod për përgatitjen e tërshërës, i zhytur në dritën e butë të ditës
- Stykka — Një punishte skandinave në dritë të bardhë – një sallë ekspozite e qetë dhe e punuar me dorë, ku zëri i vetëm është fotografia
- DJI — kanavacë e zezë hapësinore me një theks të vetëm blu elektrik
- Altitude Beverages — Kuti revistash njëngjyrëshe. Imagjinoni një kuti reviste mode të zhveshur nga të gjitha ngjyrat përveç fotove statike - teksti dhe hapësira e bardhë tregojnë të gjithë historinë.
- AATHER — Një pëllëmbë e hapur, një flakë e vetme - një luks i qetë i përmbajtur në qetësi
- Cowboy — Një galeri biçikletash belge në një ambient prej porcelani të bardhë si bora. Një sallë ekspozite ku sipërfaqet mat, shkronjat e mëdha të përdorura në materialet editoriale dhe një mungesë praktike e dekorimit tërheqin vëmendjen drejt biçikletës dhe përmbajtjes së saj.
- Refero — Paraqitje editoriale në mermer të bardhë - një faqe produkti e krijuar nga një tipograf, ku titulli serif është karta e vizitës së markës, dhe gjithçka tjetër është diskrete
- Face Formula — Një portret editorial skandinav. Një shpërndarje e qetë në stilin e revistës, ku shikimi i modeles dhe titulli, i shkruar me një font serif të kondensuar, flasin vetë në një sfond të freskët dhe të errët.
- Shupatto — Vitrina muzeale në mermer të bardhë