Glossier
Pemotretan panonpoé - kertas bodas, tinta hideung, hiji aksen konéng caang
Glossier fungsina kawas majalah kageulisan digital: kanvas bodas jeung hideung nu ampir monokrom, diselingi ku hiji aksen konéng nu caang nu fungsina ogé salaku logo mérek jeung hiji-hijina ajakan pikeun ngalakukeun hiji hal. Sistemna diwatesan sacara éditorial—judul utama Apercu nu kaleuleuwihi, rohangan téks nu lega, fotografi gaya hirup sakaca pinuh nu nanggung beban émosional—sarta utilitarian dina palaksanaanna: kartu produk datar, wates ipis, jeung kurangna hiasan. Konéng lain warna mérek kadua; éta téh mérekna, dipaké sacara hemat, sahingga unggal penampilan karasa kawas lampu kilat kaméra. Sagalana nu séjénna dimaksudkeun pikeun luntur kana latar: warna nétral nyaéta kulawu haneut kalawan nada blush nu lemes, watesna lemes, jeung tipena padet jeung padet. Hasilna nyaéta etalase nu karasa percaya diri, sederhana, jeung modéren tanpa kompromi.
Kaca ieu nampilkeun runtuyan bagian layar pinuh anu disusun sacara vertikal, masing-masing dirancang salaku panyebaran éditorial mandiri. Bagian utama nyaéta poto lébar pinuh kalayan overlay bodas anu ngambang (kénca luhur) sareng logo konéng masif anu ngeusian sakumna handapeun kaca. Di handap bagian utama, bagian silih genti antara gambar layar pinuh sareng grid kartu individu. Pambagian kategori (perawatan kulit/makeup) kana dua kolom kalayan babandingan gambar anu sami (50/50) lumangsung tanpa wates anu katingali — ngan ukur garis anu nyambungkeun gambar anu misahkeunana. Katalog produk nganggo grid opat kolom kartu pasagi dina kanvas #f7f7f7. Navigasi mangrupikeun bilah luhur minimalis kalayan strip iklan sekundér di luhurna. Celah antara bagian lumayan ageung (64px), tapi transisi antara bagian lancar — tanpa pambagi atanapi warna latar anu silih genti, kecuali footer anu haneut. Ritme sakabéhna nyaéta: poto, téks, poto, grid, poto - sapertos ngabalikeun majalah mode.
Potografi mangrupikeun basa visual anu dominan. Sakabéh daérah tampilan pinuh ku gambar sareng potret gaya hirup—cahaya jam emas anu haneut, close-up kulit anu lemes, leungeun anu nyepeng botol produk kalayan latar tukang silau panonpoé. Palet warna dina poto-poto éta haneut sareng teu jenuh: langit peach, warna kulit terakota, biru laut anu jero. Gambar salawasna ngeusian sakumna permukaan halaman, tanpa juru buleud, pigura, atanapi overlay, iwal kartu téks bodas atanapi logo konéng. Poto produk dina kartu katalog dijepret kalayan latar bodas murni anu mulus kalayan cahaya anu datar sareng rata. Babandingan gambar-ka-téks sakitar 70/30—gambar-gambar éta nepikeun émosi, téks, fungsi. Teu aya ilustrasi, teu aya grafik abstrak, teu aya rendering 3D.
Palet
Merek
- Glossier Yellow
#fff116— Konéng dianggo salaku aksen sekundér pikeun detil hiasan sareng pikeun nyorot pamundut pamilarian anu jarang dianggo. Konéng teu kedah dianggo salaku warna utama pikeun ajakan bertindak.
Nétral
- Ink
#000000— Téks eusi, tautan navigasi, téks utama, téks footer, garis luar ikon, wates ipis; warna tipografi sareng struktural anu dominan. - Paper
#ffffff— Beungeut kartu produk, area eusian, panel anu ditinggikeun; tingkat permukaan anu paling caang dina tumpukan. - Fog
#f7f7f7— Kanvas halaman, latar tukang bagian, transisi antara gambar dina halaman; permukaan dasar tempat sakabéh situs wéb ayana. - Blush
#faf2f4— Latar tukang footer, pamisah bagian anu lemes sareng haneut; warna pink-bodas anu lemes nambahan kahaneutan kana handapeun kaca. - Mist
#f0f0f0— Beungeut pangrojong anu hampang pikeun nyiptakeun latar tukang anu teu katingali sareng misahkeun bagian-bagianna. Éta teu kedah dianggo salaku warna utama pikeun ajakan bertindak. - Ash
#e8e8e8— Wates widang input, latar tukang ikon, garis pamisah ipis; warna wates struktural pikeun kartu sareng unsur formulir.
Tipografi
ti 12 nepi ka 32px · 5 léngkah
- Apercu — panggantian: Inter · garis besar 400, 500, 700 · Jenis huruf utama dianggo di sakuliah antarmuka pangguna—body copy dina 16px/400, navigasi sareng caption dina 12–14px/500, subjudul dina 20px/500, sareng judul éditorial dina 32px/700. Desain géométri sareng humanistik Apercu masihan mérek gaya modéren anu padet; jarak hurup anu ampir nol (0.002–0.003em) ngajantenkeun jenis huruf kompak sareng sapertos majalah, tinimbang lega atanapi ramah. Beurat 700 disimpen pikeun unsur tampilan dina éditorial, sanés unsur UI.
- Apercu Mono — panggantian: JetBrains Mono or IBM Plex Mono · garis besar 400 · Tipografi mikro-utilitarian pikeun metadata pesenan, nomer pelacakan, sareng labél di gigireun kode; vérsi monospace nyiptakeun tékstur téknis ngalawan tipe awak anu proporsional.
- GTStandard-M — panggantian: Inter · garis besar 400 · GTStandard-M - Kapanggih dina data anu diekstrak tapi teu dijelaskeun ku AI.
Interval sareng bentuk
| Tujuan | Hartina |
|---|---|
| Kapadetan | rata-rata |
| Léngkah dasar | 8px |
| Radius tombol | 0px |
| Radius kartu | 0px |
| Kalangkang | euweuh - wates tinimbang kalangkang |
| Antara bagian | 64px |
| Lebar kaca | 1440px |
AI bakal ngawangun situs wéb anjeun dina gaya Glossier sareng ngeusianana
- Eusian ku produk sareng postingan ngalangkungan tautan - Instagram, TikTok, Facebook.
- Mindahkeun eusi tina situs lami anjeun—cukup sebutkeun alamatna.
- Desain modéren dina mesin pangsaéna: React ( Next.js) kalayan rendering server sareng optimasi SEO anu tos siap dianggo.
- Optimasi SEO otomatis pinuh pikeun hasil pamilarian sareng rekomendasi jaringan saraf.
Gaya anu sami
- Lightship — Diorama sinematik jalan anu kabuka. Témbok galeri warna krim haneut dihias ku poto-poto bentang alam anu ageung dipasang dina interval anu caket, jinis hideung ipis anu ampir teu katingali dina pigura, sareng hiji aksen oranyeu caang anu meulah monokrom sapertos api unggun di tegalan.
- Faire ES — katalog grosir krim haneut
- Adanola — Buku tampilan éditorial dina kertas bodas. Pemotretan mode dimana tipografi sareng fotografi ngambekan dina permukaan bodas anu bersih, nganggo tinta hideung pikeun jinis huruf sareng font sans-serif anu halus (Favorit), anu ngagambarkeun gaya mérek sacara umum.
- Oura Ring — Bengkel nyieun oatmeal anu nyaman, disinari ku cahaya panonpoé anu lemes
- Stykka — Bengkel Skandinavia dina cahaya bodas – showroom anu sepi sareng didamel sacara manual dimana hiji-hijina sora nyaéta fotografi
- DJI — kanvas hideung aerospace kalayan hiji sorotan biru listrik
- Altitude Beverages — Majalah monokrom. Bayangkeun majalah mode anu warnana teu aya iwal ti poto—téks sareng rohangan bodasna nyaritakeun sakabéh caritana.
- AATHER — Dampal leungeun nu kabuka, hiji seuneu - hiji kaméwahan nu sepi nu aya dina kasunyian
- Cowboy — Galeri sapédah Belgia dina latar porselen bodas salju. Showroom dimana permukaan matte, font ageung dianggo dina bahan éditorial, sareng ampir teu aya hiasan narik perhatian kana sapédah sareng eusina.
- Refero — Tata letak éditorial dina marmer bodas - halaman produk anu didamel ku juru ketik, dimana judul serif mangrupikeun kartu panggilan mérek, sareng anu sanésna henteu ngaganggu.
- Face Formula — Potret éditorial Skandinavia. Gambar anu tenang, gaya majalah, dimana pandangan modél sareng judulna, ditulis dina font serif anu dipadatkan, nyarios sorangan kalayan latar anu tiis sareng pinuh ku halimun.
- Shupatto — Kotak pajangan musium dina marmer bodas