Glossier
Pemotretan srengenge - kertas putih, tinta ireng, siji aksen kuning padhang
Glossier fungsine kaya majalah kecantikan digital: kanvas putih lan ireng sing meh monokrom, diselingi aksen kuning tunggal sing cerah sing uga dadi logo merek lan siji-sijine ajakan tumindak. Sistem iki diwatesi sacara editorial—judul utama Apercu sing gedhe banget, papan teks sing akeh, fotografi gaya urip kaca lengkap sing nggawa sebagian besar bobot emosional—lan praktis ing eksekusi: kertu produk sing rata, pinggiran sing tipis, lan ora ana hiasan babar pisan. Kuning dudu warna merek sekunder; iku merek, digunakake kanthi sithik, saengga saben penampilan krasa kaya lampu kilat kamera. Liyane kabeh dimaksudake kanggo luntur ing latar mburi: netral yaiku abu-abu anget kanthi nada blush sing alus, pinggiran alus, lan jinise padhet lan ringkes. Hasile yaiku etalase sing krasa percaya diri, sederhana, lan modern tanpa kompromi.
Kaca iki nduweni seri bagean layar wutuh sing disusun kanthi vertikal, saben dirancang minangka panyebaran editorial sing mandiri. Bagean utama yaiku foto ambane lengkap kanthi overlay putih sing ngambang (kiwa ndhuwur) lan logo kuning gedhe sing manggoni kabeh sisih ngisor kaca. Ing ngisor bagean utama, bagean ganti-ganti antarane gambar layar wutuh lan kisi-kisi kertu individu. Pambagian kategori (perawatan kulit/dandanan) dadi rong kolom kanthi rasio gambar sing padha (50/50) kedadeyan tanpa wates sing katon—mung garis sing nyambungake gambar sing misahake. Katalog produk nggunakake kisi-kisi kertu kothak papat kolom ing kanvas #f7f7f7. Navigasi minangka bilah ndhuwur minimalis kanthi strip iklan sekunder ing ndhuwure. Kesenjangan antarane bagean cukup gedhe (64px), nanging transisi antarane bagean lancar—tanpa pembagi utawa warna latar mburi sing ganti-ganti, kajaba footer sing anget. Irama sakabèhé yaiku: foto, teks, foto, kisi-kisi, foto – kaya mbukak-mbukak majalah mode.
Fotografi iku basa visual sing dominan. Kabeh area tampilan kebak gambar lan potret gaya urip—cahaya jam emas sing anget, close-up kulit sing alus, tangan sing nyekel botol produk kanthi latar mburi silau srengenge. Palet warna ing foto-foto kasebut anget lan ora jenuh: langit peach, warna kulit terakota, biru samudra sing jero. Gambar mesthi ngenggoni kabeh permukaan kaca, tanpa pojok bunder, pigura, utawa overlay, kajaba kertu teks putih utawa logo kuning. Foto produk ing kertu katalog dijupuk kanthi latar mburi putih murni sing mulus kanthi cahya sing rata. Rasio gambar-kanggo-teks kira-kira 70/30—gambar kasebut nggambarake emosi, teks, fungsi. Ora ana ilustrasi, ora ana grafis abstrak, ora ana rendering 3D.
Palet
Merek
- Glossier Yellow
#fff116— Kuning digunakake minangka aksen sekunder kanggo detail dekoratif lan kanggo nyorot pitakon telusuran sing arang digunakake. Kuning ora kena digunakake minangka warna utama kanggo ajakan tumindak.
Netral
- Ink
#000000— Teks awak, pranala navigasi, teks utama, teks footer, garis besar ikon, wates tipis; warna tipografi lan struktural sing dominan. - Paper
#ffffff— Permukaan kertu produk, area isi, panel sing ditinggikake; tingkat permukaan sing paling padhang ing tumpukan. - Fog
#f7f7f7— Kanvas kaca, latar mburi bagean, transisi antarane gambar ing kaca; permukaan dasar sing dadi papan dununge kabeh situs web. - Blush
#faf2f4— Latar mburi sikil, pembagi bagean sing alus lan anget; warna putih jambon sing alus nambahake anget ing sisih ngisor kaca. - Mist
#f0f0f0— Lumahing pendukung sing entheng kanggo nggawe latar mburi sing ora ngganggu lan misahake bagean. Lumahing iki ora kena digunakake minangka warna utama kanggo ajakan tumindak. - Ash
#e8e8e8— Wates kolom input, latar mburi ikon, garis pemisah tipis; werna wates struktural kanggo kertu lan elemen formulir.
Tipografi
saka 12 nganti 32px · 5 langkah
- Apercu — panggantos: Inter · garis besar 400, 500, 700 · Tipe huruf utama digunakake ing saindhenging antarmuka panganggo—body copy ing 16px/400, navigasi lan keterangan ing 12–14px/500, subjudul ing 20px/500, lan judhul editorial ing 32px/700. Desain geometris lan humanistik Apercu menehi merek gaya modern sing ringkes; jarak huruf sing meh nol (0.002–0.003em) ndadekake tipe huruf kompak lan kaya majalah, tinimbang entheng utawa ramah. Bobot 700 dicadhangake kanggo elemen tampilan ing editorial, dudu elemen UI.
- Apercu Mono — panggantos: JetBrains Mono or IBM Plex Mono · garis besar 400 · Tipografi mikro-utilitarian kanggo metadata pesenan, nomer pelacakan, lan label ing jejere kode; versi monospasi nggawe tekstur teknis nglawan tipe awak sing proporsional.
- GTStandard-M — panggantos: Inter · garis besar 400 · GTStandard-M - Ditemokake ing data sing dijupuk nanging ora diterangake dening AI.
Interval lan wujud
| Tujuan | Tegese |
|---|---|
| Kapadhetan | rata-rata |
| Langkah dhasar | 8px |
| Radius tombol | 0px |
| Radius kertu | 0px |
| Bayangan | ora ana wates tinimbang bayangan |
| Antarane bagean | 64px |
| Ambane kaca | 1440px |
AI bakal mbangun situs web sampeyan nganggo gaya Glossier lan ngisi situs kasebut
- Isi nganggo produk lan kiriman liwat pranala - Instagram, TikTok, Facebook.
- Transfer konten saka situs lawasmu—cukup sebutna alamate.
- Desain modern nganggo mesin paling apik: React ( Next.js) nganggo rendering server lan optimasi SEO sing wis ana.
- Optimasi SEO otomatis kanggo asil panelusuran lan rekomendasi jaringan saraf.
Gaya sing padha
- Lightship — Diorama sinematik dalan sing mbukak. Tembok galeri warna krim anget dihiasi foto-foto lanskap gedhe sing dipasang kanthi jarak sing cedhak, jinis ireng tipis meh ora katon ing pigura, lan aksen oranye padhang siji sing mecah monokrom kaya api unggun ing padang rumput.
- Faire ES — katalog grosir krim anget
- Adanola — Buku tampilan editorial ing kertas putih. Sesi pemotretan mode ing ngendi tipografi lan fotografi ambegan ing permukaan putih sing resik, nganggo tinta ireng kanggo jinis huruf lan font sans-serif khas sing alus (Favorit), sing nggambarake gaya merek sakabèhé.
- Oura Ring — Bengkel nggawe oatmeal sing nyaman, adus ing wayah awan sing alus
- Stykka — Bengkel Skandinavia ing cahya putih – ruang pamer sing sepi lan digawe nganggo tangan, ing ngendi mung fotografi sing dadi sumber swarane.
- DJI — kanvas ireng aerospace kanthi siji sorotan biru elektrik
- Altitude Beverages — Majalah monokrom. Bayangna majalah mode sing ora ana warnane kajaba foto—teks lan spasi putih nyritakake kabeh critane.
- AATHER — Telapak tangan sing mbukak, geni siji - kemewahan sing sepi sing ana ing sajroning kasepen
- Cowboy — Galeri sepeda Belgia kanthi latar porselen putih salju. Ruang pamer ing ngendi permukaan matte, font gedhe digunakake ing materi editorial, lan meh ora ana dekorasi narik kawigaten menyang sepeda lan isine.
- Refero — Tata letak editorial ing marmer putih - kaca produk sing digawe dening juru ketik, ing ngendi judhul serif minangka kertu panggilan merek, lan kabeh liyane ora ngganggu
- Face Formula — Potret editorial Skandinavia. Gambar sing kalem kaya majalah, ing ngendi tatapan model lan judhul, sing ditulis nganggo font serif sing dipadhetke, bisa ngomong dhewe-dhewe kanthi latar mburi sing adhem lan kabur.
- Shupatto — Kotak pajangan museum ing marmer putih