LUNCH
isti perqament üzərində məxmər podium
LUNCH CONCEPT vebə tərcümə olunmuş çap olunmuş moda redaksiyası kimi oxunur: tünd, tam səhifəlik əsas foto element, burada brend loqosu xrom vurğuları ilə böyüdülmüş 3D mətn kimi təqdim olunur, ardınca isti perqamentdə sakit, kataloqa bənzər məhsul qalereyası gəlir. Səhifə kinematoqrafik qarşıdurma və sakit təmkin arasında növbələşir - əsas element hücum edir, əsas bölmə pıçıldayır. Tək, solğun lavanda rəngi yalnız reklam sətirində, "Satılıb bitdi" vəziyyətində və altbilgidə görünür və qışqırıq əvəzinə brend bəyanatı kimi xidmət edir. Tək, imzalı sans-serif şrift (Good Sans) əsasən təvazökar ölçülərdə istifadə olunur və əsas loqotip tipoqrafik tamaşanın yeganə anıdır. Qarşılıqlı təsir yalnız mətn bağlantıları vasitəsilə baş verir: doldurulmuş düymələr, qradiyentlər, dekorativ xrom yoxdur, əsas elementin 3D loqosundan başqa.
Mərkəzləşdirilmiş məzmun bölmələri üçün maksimum eni ~1280px; səhifə başlığı bütün səhifə enini kənardan kənara qədər əhatə edir. Səhifə ritmi: bütün səhifə enini (görünüş sahəsinin hündürlüyü) əhatə edən tünd səhifə başlığı → tünd fonda mərkəzləşdirilmiş giriş mətni → eyni fonda 4-5 sütunlu məhsul şəbəkəsi → yasəmən örtük altbilgisi zolağı. Naviqasiya səhifə başlığının (tünd fonda açıq mətn) və giriş mətninin (açıq fonda tünd mətn) üstündə nazik mətn zolağı kimi yerləşir. Məhsul şəbəkəsi şəkillər arasında girintilər və ya vizual ayrılma olmadan daxili uyğunlaşdırma ilə sıx bir düzülüşə malikdir. Giriş mətni yuxarıda və aşağıda geniş şaquli boşluğa (60-80px) malik dar, mərkəzləşdirilmiş sütundur (~600-700px). Ümumi sıxlıq: redaksiya bölmələrində geniş, məhsul şəbəkəsində sıxılmışdır.
Dizaynda redaksiya moda fotoqrafiyası üstünlük təşkil edir: əsas şəkildə modellərin tünd, yüksək kontrastlı fotoşəkilləri (tünd studiya işıqlandırması, avangard üslub - qırmızı dəri korsetlər, dama-dama dama-dama, diqqət çəkən pozalar), şəbəkədə isə düz, neytral fonda aydın məhsul/lookbook şəkilləri var (modellər və məhsullar həyat tərzi konteksti olmadan açıq boz/ağ fonda çəkilir). Şəkillərin aydın kənarları, sıfır radiusu var və şəbəkədəki bitişik şəkillərlə sıx uyğunlaşdırılıb. Əsas şəkil baxış pəncərəsinin dörd kənarını tutur və 3D xrom loqotip obyektin üstünü örtür. Şəbəkədəki məhsul şəkilləri bütün sətirdə sabit hündürlük-en nisbətini saxlayır. Minimal mətn naviqasiyasından başqa heç bir illüstrasiya və ya nişan yoxdur. Vizual dil belədir: yaxşı çəkin, kəskin şəkildə kəsin və fotonun brendin siması olmasına icazə verin.
Palitra
Brend
- Lilac Veil
#b8aad0— Arxa fon vurğuları, dekorativ zolaqlar və məzmunun arxasında yumşaq vurğu üçün bənövşəyi doldurma.
Neytral
- Ink Black
#000000— Bütün əsas mətn, naviqasiya mətni, keçid sərhədləri, kart sərhədləri və işarə sərhədləri bütün interfeysin struktur xəttini təşkil edir. - Warm Parchment
#f4f1e4— Redaksiya/məhsul bölməsindəki səhifələrin və bölmələrin arxa planı məhsul fotoşəkillərinin yerləşdirildiyi sakit bir fondur. - Ivory Mist
#fcfaf1— Tünd əsas elementin üstündəki naviqasiya mətninin rəngi, incə tekstura çaları və incə haşiyələr qaranlıq hissədəki UI üçün təmiz ağ rəngə daha isti alternativ təmin edir.
Tipoqrafiya
12-dən 72 pikselə qədər · 5 addım
- Good Sans — əvəzetmə: Söhne · konturlar 400, 700 · Naviqasiya, əsas mətn, məhsul metaməlumatları, keçidlər və bütün UI mətnləri üçün universal şrift. İkiqat çəki sistemi (əsas mətn/başlıqlar üçün adi 400, marka adları, qiymətlər və vurğulamalar üçün qalın 700) ölçünü artırmadan iyerarxiya yaradır. Sıfıra yaxın müsbət hərf aralığı onu həndəsi deyil, daha redaksiya xarakterli edir.
- Redaction — əvəzetmə: GT Sectra Display Bold · konturlar 700 · Yalnız Əsas Mətn üçün — Bu, tam ekran əsas mətni üçün əsas rolunu oynayan böyük, xrom mətn "LUNCH" üçün xüsusi hazırlanmış şriftdir. Hər səhifədə tam bir dəfə istifadə olunur; təkrar istifadə edilə bilən komponent deyil, tipoqrafik imzadır.
İntervallar və forma
| Məqsəd | Mənası |
|---|---|
| Sıxlıq | sıx |
| Əsas addım | 20-30px |
| 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 | 60-80px |
| Səhifə eni | 1280px |
Süni intellekt veb saytınızı LUNCH ü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
- MindMarket — Kremli kağız üzərində rahat bir nağıl kitabı - günəş işığına batmış, stiker kimi yumşaq bir səthdə böyük İnter başlıqlarının və kəsilmiş kağız personajlarının yanaşı yerləşdiyi səmimi bir redaksiya kətan.
- Lamborghini — Sərgi salonunda, işıqforların altında qara kuzov rəngi - bir sarı avtomobil
- amp — Soyuq ağ fonda isti narıncı. Dizayn günəşli bir çardaqda çəkilmiş premium fitness məhsulunu xatırladır: bir əşya, bir vurğu, bir özünəinamlı şrift işi görür.
- IKEA — sökülmüş şəkildə günəş işığına qərq olmuş İsveç mebel salonu
- Microsoft — Pərakəndə satış kataloqu özünəməxsus mavi rəngdən istifadə edir — ağ salonun döşəməsində hər dizayn elementinin mavi rəngdə olduğu kvadrat loqotip təsəvvür edin.
- Vibrants — Ağ mərmər üzərində Skyborne Apteki - tünd mavi mürəkkəb havan, göy qurşağı spektri isə dərmandır
- Isla Beauty — Cərrahi qırmızı vurğuları olan kremli əczaçılıq üslubu - isti perqament divarları, kəhrəba şüşələri və hər etiketdə tək bir qırmızı möhürü düşünün.
- Swap — Nanə Redaksiya Qalereyası: Parlaq əhəng vurğuları və incə serifləri olan otaqlarda açıq adaçayı çalarları
- Cursor — Kömürlərlə işıqlandırılan rahat perqament emalatxanası
- Structured — Plastilin kimi kağız üzərində İntibah dövrü qalereyası
- Apple (España) — Muzey qalereyası, yumşaq gün işığında, hər bir eksponatın yüngül rəngli divara qarşı işıqlandırma ilə işıqlandırıldığı tək, valehedici, çəkisiz ağ bir məkandır.
- Amplemarket — Konfeti ilə örtülmüş günəş işığı altında iş yeri