Glossier
Günəşli fotosessiya - ağ kağız, qara mürəkkəb, bir parlaq sarı vurğu
Parlaqlıq rəqəmsal gözəllik jurnalı kimi funksiya yerinə yetirir: ağ və qara rənglərdən ibarət demək olar ki, monoxrom kətan, brendin loqotipi və yeganə çağırışı kimi istifadə edən tək, canlı sarı vurğu ilə vurğulanır. Sistem redaksiya baxımından məhduddur - böyük ölçülü Apercu başlıqları, geniş mətn sahəsi, emosional yükün əsas hissəsini daşıyan tam səhifəlik həyat tərzi fotoqrafiyası - və icrada utilitar: düz məhsul kartları, nazik haşiyələr və bəzəklərin tamamilə olmaması. Sarı ikinci dərəcəli brend rəngi deyil; bu, brenddir, az istifadə olunur, ona görə də hər görünüş kamera işığı kimi hiss olunur. Qalan hər şey arxa plana keçmək üçün nəzərdə tutulub: neytral rənglər incə ənlik alt tonu olan isti boz rənglərdir, haşiyələr incədir və şrift sıx və sıxdır. Nəticədə özünəinamlı, sadə və güzəştsiz müasir hiss olunan bir vitrin yaranır.
Səhifədə hər biri ayrıca redaksiya bölməsi kimi hazırlanmış şaquli düzülmüş tam ekran bölmələri var. Əsas bölmə, üzən ağ örtüklü (yuxarı solda) və səhifənin bütün alt hissəsini tutan nəhəng sarı loqotipli tam enli bir fotoşəkildir. Əsas bölmənin altında bölmələr tam ekran şəkilləri və fərdi kartların şəbəkələri arasında növbələşir. Kateqoriyaların (dəriyə qulluq/makiyaj) bərabər nisbətdə (50/50) iki sütuna bölünməsi görünən bir sərhəd olmadan baş verir - yalnız şəkilləri birləşdirən bir xətt onları ayırır. Məhsul kataloqu #f7f7f7 kətan üzərində dörd sütunlu kvadrat kartlar şəbəkəsindən istifadə edir. Naviqasiya, üstündə ikinci dərəcəli reklam zolağı olan minimalist üst zolaqdır. Bölmələr arasındakı boşluqlar kifayət qədər böyükdür (64 piksel), lakin bölmələr arasındakı keçidlər hamardır - isti altbilgi istisna olmaqla, bölücülər və ya alternativ fon rəngləri olmadan. Ümumi ritm belədir: fotoşəkil, mətn, fotoşəkil, şəbəkə, fotoşəkil - moda jurnalını vərəqləmək kimidir.
Fotoqrafiya dominant vizual dildir. Bütün baxış sahəsi həyat tərzi şəkilləri və portretlərlə doludur - isti qızılı saat işıqlandırması, dərinin yumşaq yaxın planları, günəş işığı fonunda məhsul şüşələrini tutan əllər. Fotoşəkillərdəki rəng palitrası isti və doymamış: şaftalı səması, terrakota dəri tonları, dərin okean mavisi. Ağ mətn kartları və ya sarı loqotip istisna olmaqla, şəkillər həmişə bütün səhifə səthini tutur, yuvarlaq künclər, çərçivələr və ya örtüklər yoxdur. Kataloq kartlarındakı məhsul fotoşəkilləri düz, bərabər işıqlandırma ilə təmiz ağ, sorunsuz fonda çəkilir. Şəkil-mətn nisbəti təxminən 70/30-dur - şəkillər emosiyaları, mətni, funksiyanı çatdırır. İllüstrasiyalar, mücərrəd qrafika, 3D görüntülər yoxdur.
Palitra
Brend
- Glossier Yellow
#fff116— Sarı rəng dekorativ detallar üçün ikinci dərəcəli vurğu və daha az istifadə olunan axtarış sorğularını vurğulamaq üçün istifadə olunur. Hərəkətə çağırış üçün əsas rəng kimi istifadə edilməməlidir.
Neytral
- Ink
#000000— Əsas mətn, naviqasiya linkləri, əsas mətn, altbilgi mətni, işarə konturları, nazik haşiyələr; dominant tipoqrafik və struktur rəng. - Paper
#ffffff— Məhsul kartı səthləri, doldurma sahələri, qaldırılmış panellər; yığındakı ən parlaq səth səviyyəsi. - Fog
#f7f7f7— Səhifə kətanları, bölmə fonları, səhifədəki şəkillər arasında keçidlər; bütün veb saytın yerləşdiyi əsas səth. - Blush
#faf2f4— Altbilgi fonu, yumşaq və isti bölmə bölücüləri; incə çəhrayı-ağ rəng səhifələrin alt hissəsinə istilik qatır. - Mist
#f0f0f0— Gözə çarpmayan bir fon yaratmaq və hissələri ayırmaq üçün yüngül dəstəkləyici səth. Hərəkətə çağırış üçün əsas rəng kimi istifadə edilməməlidir. - Ash
#e8e8e8— Giriş sahəsinin sərhədləri, işarə fonları, nazik ayırıcı xətlər; kartlar və forma elementləri üçün struktur sərhəd rəngi.
Tipoqrafiya
12-dən 32 pikselə qədər · 5 addım
- Apercu — əvəzetmə: Inter · konturlar 400, 500, 700 · Əsas şrift istifadəçi interfeysi boyunca istifadə olunur — əsas mətn 16px/400, naviqasiya və başlıqlar 12–14px/500, alt başlıqlar 20px/500 və redaksiya başlıqları 32px/700. Apercu-nun həndəsi, humanist dizaynı brendə qısaldılmış, müasir bir üslub verir; sıfıra yaxın hərf aralığı (0.002–0.003em) şrifti havadar və ya dostcasına deyil, kompakt və jurnal kimi edir. 700 çəkisi UI elementləri üçün deyil, redaksiyalardakı ekran elementləri üçün ayrılıb.
- Apercu Mono — əvəzetmə: JetBrains Mono or IBM Plex Mono · konturlar 400 · Sifariş metaməlumatları, izləmə nömrələri və kodun yanındakı etiketlər üçün mikro-utilitar tipoqrafiya; monospace versiyası mütənasib bədən tipinə qarşı texniki bir tekstura yaradır.
- GTStandard-M — əvəzetmə: Inter · konturlar 400 · GTStandard-M - Çıxarılan məlumatlarda tapılıb, lakin süni intellekt tərəfindən təsvir edilməyib.
İntervallar və forma
| Məqsəd | Mənası |
|---|---|
| Sıxlıq | orta |
| Əsas addım | 8px |
| Düymə radiusu | 0px |
| Kart radiusu | 0px |
| Kölgələr | kölgələr əvəzinə sərhədlər yoxdur |
| Bölmələr arasında | 64px |
| Səhifə eni | 1440px |
Süni intellekt veb saytınızı Glossier üslubunda quracaq və onu dolduracaq
- Məhsullar və paylaşımlar ilə Instagram, TikTok, Facebook linkləri vasitəsilə tanış olun.
- Köhnə saytınızdan məzmunu köçürün — sadəcə ünvanı göstərin.
- Ən yaxşı mühərrikdə müasir dizayn: Server render və SEO optimallaşdırması ilə React ( Next.js).
- Axtarış nəticələri və neyron şəbəkə tövsiyələri üçün tam avtomatlaşdırılmış SEO optimallaşdırması.
Oxşar üslublar
- Lightship — Açıq yolun kinematoqrafik dioraması. Yaxın məsafələrdən quraşdırılmış böyük mənzərə fotoşəkilləri ilə bəzədilmiş isti krem rəngli qalereya divarları, çərçivələrdə çətinliklə görünən nazik qara şriftlər və çəmənlikdə tonqal kimi monoxromu pozan tək bir parlaq narıncı vurğu.
- Faire ES — isti kremin topdansatış kataloqu
- Adanola — Ağ kağız üzərində redaksiya lookbook. Tipoqrafiya və fotoqrafiyanın təmiz ağ səthlərdə nəfəs aldığı, şrift üçün qara mürəkkəb və brendin ümumi stilini əks etdirən incə imzalı sans-serif şrift (Favorit) ilə moda fotosessiyası.
- Oura Ring — Yumşaq gün işığında yulaf ezmesi hazırlamaq üçün rahat bir emalatxana
- Stykka — Ağ işıqda Skandinaviya emalatxanası – səsin yalnız fotoqrafiya olduğu sakit, əl işi sərgi salonu
- DJI — tək elektrik mavi işıqlandırma ilə aerokosmik qara kətan
- Altitude Beverages — Monoxrom jurnal lenti. Şəkillərdən başqa bütün rəngləri çıxarılmış bir moda jurnal lentini təsəvvür edin - mətn və ağ boşluq bütün hekayəni izah edir.
- AATHER — Açıq xurma, tək alov - sükut içində gizlənmiş sakit bir lüks
- Cowboy — Qar kimi ağ çini mühitdə Belçika velosiped qalereyası. Mat səthlərin, redaksiya materiallarında istifadə edilən böyük şriftlərin və dekorasiyanın faktiki olaraq olmamasının diqqəti velosipedə və onun içindəkilərə cəlb etdiyi sərgi salonu.
- Refero — Ağ mərmər üzərində redaksiya düzeni - tipoqraf tərəfindən yaradılan, serif başlığı brendin vizit kartı olduğu və qalan hər şeyin gözə çarpmadığı bir məhsul səhifəsi
- Face Formula — Skandinaviya redaksiya portreti. Sakit, jurnal üslubunda bir portret, sərin və dumanlı bir fonda modelin baxışları və qısaldılmış serif şriftlə yazılmış başlıq özləri üçün danışır.
- Shupatto — Ağ mərmər üzərində muzey vitrinləri