Glossier
Sesi fotografi cahaya matahari - kertas putih, dakwat hitam, satu aksen kuning terang
Warna berkilat berfungsi seperti majalah kecantikan digital: kanvas putih dan hitam yang hampir monokrom, diselingi oleh satu aksen kuning terang yang berfungsi sebagai logo jenama dan satu-satunya seruan bertindak. Sistem ini dikawal secara editorial—tajuk utama Apercu yang besar, ruang teks yang luas, fotografi gaya hidup halaman penuh yang menanggung sebahagian besar beban emosi—dan praktikal dalam pelaksanaan: kad produk yang rata, sempadan nipis, dan kekurangan hiasan langsung. Kuning bukanlah warna jenama sekunder; ia ADALAH jenama, digunakan dengan berhati-hati, sehingga setiap penampilan terasa seperti kilatan kamera. Semua yang lain bertujuan untuk pudar ke latar belakang: neutral adalah kelabu hangat dengan rona merah yang halus, sempadan halus, dan jenis padat dan padat. Hasilnya adalah etalase yang terasa yakin, bersahaja, dan moden tanpa kompromi.
Halaman ini menampilkan siri bahagian skrin penuh yang disusun secara menegak, setiap satunya direka bentuk sebagai hamparan editorial yang berdiri sendiri. Bahagian utama ialah foto lebar penuh dengan lapisan putih terapung (kiri atas) dan logo kuning besar yang menduduki seluruh bahagian bawah halaman. Di bawah bahagian utama, bahagian berselang-seli antara imej skrin penuh dan grid kad individu. Pembahagian kategori (penjagaan kulit/solek) kepada dua lajur dengan nisbah imej yang sama (50/50) berlaku tanpa sempadan yang kelihatan—hanya garisan yang menghubungkan imej yang memisahkannya. Katalog produk menggunakan grid empat lajur kad segi empat sama pada kanvas #f7f7f7. Navigasi ialah bar atas minimalis dengan jalur iklan sekunder di atasnya. Jurang antara bahagian agak besar (64px), tetapi peralihan antara bahagian lancar—tanpa pembahagi atau warna latar belakang berselang-seli, kecuali pengaki yang hangat. Ritma keseluruhan ialah: gambar, teks, gambar, grid, gambar – seperti menyelak majalah fesyen.
Fotografi merupakan bahasa visual yang dominan. Seluruh kawasan tontonan dipenuhi dengan imej dan potret gaya hidup—pencahayaan jam keemasan yang hangat, gambar kulit yang lembut, tangan memegang botol produk dengan latar belakang silau matahari. Palet warna dalam gambar-gambar tersebut hangat dan tidak tepu: langit pic, rona kulit terakota, biru laut yang dalam. Imej sentiasa memenuhi seluruh permukaan halaman, tanpa sudut bulat, bingkai atau lapisan, kecuali kad teks putih atau logo kuning. Foto produk pada kad katalog diambil dengan latar belakang putih tulen yang lancar dengan pencahayaan yang rata dan sekata. Nisbah imej-ke-teks adalah kira-kira 70/30—imej menyampaikan emosi, teks, fungsi. Tiada ilustrasi, tiada grafik abstrak, tiada pemaparan 3D.
Palet
Jenama
- Glossier Yellow
#fff116— Kuning digunakan sebagai aksen sekunder untuk perincian hiasan dan untuk menonjolkan pertanyaan carian yang kurang kerap digunakan. Ia tidak boleh digunakan sebagai warna utama untuk ajakan bertindak.
Neutral
- Ink
#000000— Teks isi, pautan navigasi, teks utama, teks pengaki, garis besar ikon, sempadan nipis; warna tipografi dan struktur yang dominan. - Paper
#ffffff— Permukaan kad produk, kawasan isian, panel yang dinaikkan; paras permukaan paling terang dalam timbunan. - Fog
#f7f7f7— Kanvas halaman, latar belakang bahagian, peralihan antara imej pada halaman; permukaan asas tempat seluruh laman web terletak. - Blush
#faf2f4— Latar belakang pengaki, pembahagi bahagian yang lembut dan hangat; warna putih merah jambu yang halus menambahkan kehangatan pada bahagian bawah halaman. - Mist
#f0f0f0— Permukaan sokongan yang ringan untuk mencipta latar belakang yang tidak mengganggu dan memisahkan bahagian. Ia tidak boleh digunakan sebagai warna utama untuk seruan bertindak. - Ash
#e8e8e8— Sempadan medan input, latar belakang ikon, garisan pemisah nipis; warna sempadan struktur untuk kad dan elemen borang.
Tipografi
dari 12 hingga 32px · 5 langkah
- Apercu — penggantian: Inter · garis besar 400, 500, 700 · Jenis huruf utama digunakan di seluruh antara muka pengguna—salinan isi pada 16px/400, navigasi dan kapsyen pada 12–14px/500, subtajuk pada 20px/500, dan tajuk utama editorial pada 32px/700. Reka bentuk geometri dan humanistik Apercu memberikan jenama ini gaya moden yang ringkas; jarak huruf hampir sifar (0.002–0.003em) menjadikan jenis huruf padat dan seperti majalah, bukannya lapang atau mesra. Berat 700 dikhaskan untuk elemen paparan dalam editorial, bukan elemen UI.
- Apercu Mono — penggantian: JetBrains Mono or IBM Plex Mono · garis besar 400 · Tipografi mikro-utilitarian untuk metadata pesanan, nombor penjejakan dan label di sebelah kod; versi monospace mencipta tekstur teknikal terhadap jenis badan berkadar.
- GTStandard-M — penggantian: Inter · garis besar 400 · GTStandard-M - Ditemui dalam data yang diekstrak tetapi tidak diterangkan oleh AI.
Selang dan bentuk
| Tujuan | Maksudnya |
|---|---|
| Ketumpatan | purata |
| Langkah asas | 8px |
| Jejari butang | 0px |
| Jejari kad | 0px |
| Bayang-bayang | tiada - sempadan dan bukannya bayang-bayang |
| Antara bahagian | 64px |
| Lebar halaman | 1440px |
AI akan membina laman web anda dalam gaya Glossier dan mengisinya
- Isi dengan produk dan siaran melalui pautan - Instagram, TikTok, Facebook.
- Pindahkan kandungan dari tapak lama anda—cuma nyatakan alamatnya.
- Reka bentuk moden pada enjin terbaik: React ( Next.js) dengan pemaparan pelayan dan pengoptimuman SEO sedia ada.
- Pengoptimuman SEO automatik sepenuhnya untuk hasil carian dan cadangan rangkaian saraf.
Gaya yang serupa
- Lightship — Diorama sinematik jalan raya terbuka. Dinding galeri berwarna krim hangat dihiasi dengan gambar landskap besar yang dipasang pada jarak dekat, tulisan hitam nipis hampir tidak kelihatan pada bingkai, dan satu aksen oren terang memecahkan monokrom seperti unggun api di padang rumput.
- Faire ES — katalog borong krim suam
- Adanola — Buku pandangan editorial di atas kertas putih. Penggambaran fesyen di mana tipografi dan fotografi bernas pada permukaan putih bersih, dengan dakwat hitam untuk jenis huruf dan fon sans-serif istimewa (Favorit) yang halus, mencerminkan gaya keseluruhan jenama.
- Oura Ring — Bengkel pembuatan oat yang selesa, bermandikan cahaya siang yang lembut
- Stykka — Bengkel Scandinavia dalam cahaya putih – bilik pameran buatan tangan yang tenang di mana satu-satunya suara hanyalah fotografi
- DJI — kanvas hitam aeroangkasa dengan sorotan biru elektrik tunggal
- Altitude Beverages — Hamparan majalah monokrom. Bayangkan hamparan majalah fesyen yang tidak mempunyai sebarang warna kecuali foto pegun—teks dan ruang putih menceritakan keseluruhan cerita.
- AATHER — Tapak tangan terbuka, satu nyala api - kemewahan tenang yang terkandung dalam kesunyian
- Cowboy — Sebuah galeri basikal Belgium dalam latar porselin putih salji. Bilik pameran di mana permukaan matte, fon besar digunakan dalam bahan editorial, dan ketiadaan hiasan menarik perhatian kepada basikal dan isinya.
- Refero — Susun atur editorial pada marmar putih - halaman produk yang dicipta oleh jurutaip, di mana tajuk utama serif adalah kad panggilan jenama, dan semua yang lain tidak mengganggu
- Face Formula — Potret editorial Scandinavia. Paparan gaya majalah yang tenang, di mana pandangan model dan tajuk utama, yang ditulis dalam fon serif yang pekat, bercakap sendiri dengan latar belakang yang sejuk dan berkabus.
- Shupatto — Kotak pameran muzium di atas marmar putih