Glossier
Gün şöhlesindäki fotosessiýa - ak kagyz, gara syýa, bir ýagty sary reňk
“Glossier” sanly gözellik žurnaly ýaly işleýär: ak we gara reňkleriň diýen ýaly monohrom kanwasy, brendiň logotipi we herekete çagyryş hökmünde iki esse köp ulanylýan ýeke-täk, janly sary reňk bilen bezelen. Ulgam redaksiýa taýdan çäklendirilen - uly “Apercu” sözbaşylary, giň tekst giňişligi, emosional agramyň esasy bölegini göterýän doly sahypaly durmuş suratlary - we ýerine ýetirişde peýdaly: tekiz önüm kartlary, inçe çäkler we bezegleriň düýbünden ýoklugy. Sary reňk ikinji derejeli brend reňki däl; ol brend, seýrek ulanylýar, şonuň üçin her bir görnüş kameranyň ýalpyldawuk ýaly duýulýar. Galan ähli zatlar fonda ýitip gitmeli: neýtral reňkler inçe gyzgyn reňkli ýyly çal reňkler, çäkler inçe, şrift bolsa dykyz we gysgaldylan. Netijede, ynamly, pes we ylalaşmaz döwrebap duýulýan witrina döreýär.
Sahypada dikligine ýerleşdirilen doly ekran bölümleri bar, olaryň her biri aýratyn redaksiýa ýaýradyşy hökmünde döredildi. Esasy bölüm, ak reňkli örtük (ýokarky çepde) we sahypanyň tutuş aşaky bölegini eýeleýän ägirt uly sary logotipli doly giňlikdäki suratdyr. Esasy bölümiň aşagynda bölümler doly ekranly suratlar we aýratyn kartlaryň torlary arasynda çalşyrylýar. Kategoriýalaryň (deri idegi/makiýaž) deň surat gatnaşygy (50/50) bolan iki sütüne bölünmegi görünýän çäksiz bolýar - diňe suratlary birleşdirýän çyzyk olary bölýär. Önüm katalogynda #f7f7f7 kanwasynda dört sütünli dörtburç kartlaryň toruny ulanylýar. Nawigasiýa, onuň üstünde ikinji derejeli mahabat zolagy bolan minimalist ýokarky çyzykdyr. Bölümleriň arasyndaky boşluklar gaty uly (64 piksel), ýöne bölümleriň arasyndaky geçişler ýumşak - bölüjiler ýa-da fon reňkleriniň üýtgeýänligi bolmazdan, ýyly aşaky kolonkadan başga. Umumy ritm: surat, tekst, surat, tor, surat - moda žurnalyny agtarmak ýaly.
Suratçylyk esasy wizual dildir. Görüş meýdanynyň hemmesi durmuş suratlary we portretler bilen doldurylan - ýyly altyn sagat yşyklandyrmasy, deriniň ýumşak ýakyn planlary, gün şöhlesiniň fonunda önüm çüýşelerini tutýan eller. Suratlardaky reňk palitrasy ýyly we doýgun däl: şeftali asmany, terrakota deri reňkleri, çuň okean gök reňkleri. Suratlar hemişe sahypanyň tutuş ýüzüni eýeleýär, tegelek burçlar, çarçuwalar ýa-da örtükler ýok, ak tekst kartlaryndan ýa-da sary logotipden başga. Katalog kartlaryndaky önüm suratlary arassa ak birkemsiz fonda tekiz, deň yşyklandyryş bilen düşürilýär. Surat-tekst gatnaşygy takmynan 70/30 - suratlar duýgulary, teksti, funksiýany beýan edýär. Suratlar ýok, abstrakt grafika ýok, 3D şekillendirmeler ýok.
Palitra
Brend
- Glossier Yellow
#fff116— Sary reňk bezeg jikme-jiklikleri üçin ikinji derejeli aksent hökmünde we seýrek ulanylýan gözleg soraglaryny nygtamak üçin ulanylýar. Ol herekete çagyryş üçin esasy reňk hökmünde ulanylmaly däl.
Neýtral
- Ink
#000000— Esasy tekst, nawigasiýa baglanyşyklary, esasy tekst, aşaky kolonka teksti, nyşanlaryň konturlary, inçe çäkler; agdyklyk edýän tipografik we gurluş reňki. - Paper
#ffffff— Önüm kartoçkasynyň ýüzleri, doldurylýan meýdanlar, galdyrylan paneller; steýkdäki iň ýagty ýüz derejesi. - Fog
#f7f7f7— Sahypanyň kanwasy, bölümleriň fonlary, sahypadaky suratlaryň arasyndaky geçişler; tutuş web sahypasynyň ýerleşýän esasy ýüzi. - Blush
#faf2f4— Aşakdaky fon, ýumşak ýyly bölüm bölüjiler; inçe gülgüne-ak reňk sahypalaryň aşagyna ýylylyk goşýar. - Mist
#f0f0f0— Göze ilmeýän fon döretmek we bölekleri bölmek üçin ýeňil goldaw ýüzi. Herekete çagyryş üçin esasy reňk hökmünde ulanylmaly däl. - Ash
#e8e8e8— Giriş meýdanynyň çäkleri, nyşanlaryň fonlary, inçe bölüji çyzyklar; kartlar we forma elementleri üçin gurluş çäginiň reňki.
Tipografiýa
12-den 32 piksele çenli · 5 ädim
- Apercu — çalyşmak: Inter · konturlar 400, 500, 700 · Esasy şrift ulanyjy interfeýsinde ulanylýar — esasy tekst 16px/400, nawigasiýa we ýazgylar 12–14px/500, kiçi sözbaşylar 20px/500 we redaksiýa başlyklary 32px/700. Apercu-nyň geometrik, ynsanperwer dizaýny brende gysgaldylan, döwrebap stil berýär; nola golaý harp aralygy (0.002–0.003em) şrifti howa ýa-da dostlukly däl-de, ykjam we žurnal ýaly edýär. 700 agramy UI elementleri üçin däl-de, redaksiýalardaky görkezme elementleri üçin saklanýar.
- Apercu Mono — çalyşmak: JetBrains Mono or IBM Plex Mono · konturlar 400 · Sargyt metamaglumatlary, yzarlaýyş belgileri we kodyň ýanyndaky ýazgylar üçin mikro-utilitar tipografiýa; bir aralykly wersiýa proporsional göwde görnüşine garşy tehniki tekstura döredýär.
- GTStandard-M — çalyşmak: Inter · konturlar 400 · GTStandard-M - Çykarylan maglumatlarda tapylýar, ýöne AI tarapyndan beýan edilmeýär.
Aralyklar we görnüş
| Maksat | Manysy |
|---|---|
| Dykyzlyk | ortaça |
| Esasy ädim | 8px |
| Düwme radiusy | 0px |
| Kart radiusy | 0px |
| Kölegeler | kölegeleriň ýerine serhetler ýok |
| Bölümleriň arasynda | 64px |
| Sahypanyň giňligi | 1440px |
Süni intellekt web sahypaňyzy Glossier stilinde gurar we ony doldurar
- Instagram, TikTok, Facebook salgylary arkaly önümler we ýazgylar bilen dolduryň.
- Köne saýtyňyzdan mazmuny göçüriň — diňe salgyny görkeziň.
- Iň gowy motorda döwrebap dizaýn: React ( Next.js) serwer renderi we SEO optimizasiýasy bilen gyssagly ýagdaýda.
- Gözleg netijeleri we neýron tor maslahatlary üçin doly awtomatlaşdyrylan SEO optimizasiýasy.
Meňzeş stiller
- Lightship — Açyk ýoluň kinematografik dioramasy. Ýakyn aralykda goýlan uly peýzaž suratlary bilen bezelen ýyly krem reňkli galereýa diwarlary, çarçuwalarda görünmeýän inçe gara şrift we çemenlikdäki ot ýaly monohromy bozýan ýekeje ýagty mämişi reňkli aksent.
- Faire ES — ýyly kremiň topdan satuw katalogy
- Adanola — Ak kagyzda redaksiýa görnüşindäki lookbook. Tipografiýanyň we fotosuratçylygyň arassa ak ýüzlerde dem alýan moda surata düşürilişi, şrift üçin gara syýa we brendiň umumy stilini görkezýän inçe golýazma sans-serif şrifti (Halaýan).
- Oura Ring — Ýumşak gün şöhlesine bürünen rahat owlak ýassysyny taýýarlamak üçin ussahana
- Stykka — Ak yşykda Skandinawiýa ussahanasy – sessiz, el işleri bilen ýasalan sergi zaly, bu ýerde diňe suratçylyk ses berýär
- DJI — ýeke elektrik gök reňkli ýagtylandyryjy bilen aerokosmos gara kanwas
- Altitude Beverages — Monohrom žurnal örtügi. Suratlardan başga ähli reňkleri aýrylan moda žurnal örtügini göz öňüne getiriň - tekst we ak boşluk tutuş wakany gürrüň berýär.
- AATHER — Açyk palma, ýekeje alaw - asudalykda saklanýan sessiz gözellik
- Cowboy — Gar ýaly ak farforly bezegde Belgiýanyň welosiped galereýasy. Mat ýüzleriň, redaksiýa materiallarynda ulanylýan uly şriftleriň we bezegleriň ýoklugynyň welosiped we onuň içindäki zatlara üns çekýän sergi zaly.
- Refero — Ak mermerde redaksiýa maket - tipograf tarapyndan döredilen önüm sahypasy, serif sözbaşysy brendiň çagyryş karty bolup, galan zatlar bolsa göze ilmeýän görnüşde.
- Face Formula — Skandinawiýa redaksiýa portreti. Sakit, žurnal stilindäki portret, bu ýerde modeliň gözi we gysgaldylan serif şriftinde ýazylan sözbaşy sowuk, dumanly fonda öz-özünden gürrüň berýär.
- Shupatto — Ak mermerde muzeýiň sergi gutusy