LUNCH
аксамітны подыум на цёплым пергаменце
LUNCH CONCEPT успрымаецца як друкаваны модны рэдакцыйны артыкул, перанесены ў інтэрнэт: цёмны, які займае ўсю старонку, галоўны фотаэлемент, дзе лагатып брэнда прадстаўлены ў выглядзе павялічанага 3D-тэксту з храмаванымі элементамі, за якім варта спакойная, падобная на каталог галерэя тавараў на цёплым пергаменце. Старонка чаргуе кінематаграфічнае супрацьстаянне і ціхую стрыманасць - галоўны элемент атакуе, асноўны раздзел шэпча. Адзіны прыглушаны лавандавы колер з'яўляецца толькі ў радку аб'явы, у стане "Распрададзена" і ў ніжнім калантытуле, выступаючы ў ролі кропкі брэнда, а не крыку. Галоўным чынам выкарыстоўваецца адзін фірмовы шрыфт без засечак (Good Sans) сціплых памераў, а галоўны лагатып з'яўляецца адзіным момантам тыпаграфічнага відовішча. Узаемадзеянне ажыццяўляецца толькі з дапамогай тэкставых спасылак: ніякіх запоўненых кнопак, ніякіх градыентаў, ніякага дэкаратыўнага хрому, акрамя 3D-лагатыпа галоўнага элемента.
Максімальная шырыня ~1280px для раздзелаў кантэнту, цэнтраваных па цэнтры; загаловак старонкі займае ўсю шырыню старонкі ад краю да краю. Рытм старонкі: загаловак старонкі ў цёмным колеры, які займае ўсю шырыню старонкі (вышыня вобласці прагляду) → цэнтраваны тэкставы ўступ на цёмным фоне → сетка тавараў у 4-5 слупкоў на тым жа фоне → паласа ніжняга калантытула колеру бэзавага вэлюму. Навігацыя размешчана ў выглядзе тонкай тэкставай паласы над загалоўкам старонкі (светлы тэкст на цёмным фоне) і над уступленнем (цёмны тэкст на светлым фоне). Сетка тавараў мае шчыльную кампаноўку з выраўноўваннем па ўнутранай прасторы, без водступаў паміж выявамі і візуальнага падзелу. Уступленне ўяўляе сабой вузкую цэнтраваную калонку (~600-700px) з вялікай вертыкальнай прасторай (60-80px) зверху і знізу. Агульная шчыльнасць: прасторна ў рэдакцыйных раздзелах, сціснута ў сетцы тавараў.
У афармленні пераважае рэдакцыйная фэшн-фатаграфія: для галоўнай выявы — цёмныя, высокакантрасныя фатаграфіі мадэляў (змрочнае студыйнае асвятленне, авангардны стыль — чырвоны скураны гарсэт, клетка, эфектныя паставы), а для сеткі — выразныя здымкі тавараў/лукбукаў на плоскім нейтральным фоне. без кантэксту стылю жыцця). Выявы маюць выразныя краі, нулявы радыус і шчыльна прылягаюць да суседніх малюнкаў у сетцы. Галоўная выява займае ўсе чатыры краі вобласці прагляду, а аб'ёмны храмаваны лагатып перакрывае аб'ект. Выявы тавараў у сетцы захоўваюць адзіныя суадносіны вышыні і шырыні па ўсім радку. Ніякіх ілюстрацый, ніякіх значкоў, апроч мінімальнай тэкставай навігацыі. Візуальная мова такая: здымайце якасна, кадруйце дакладна, няхай фатаграфія стане тварам брэнда.
Палітра
Брэнд
- Lilac Veil
#b8aad0— Фіялетавае заліванне для вылучэння фону, дэкаратыўных палос і мяккага акцэнту за кантэнтам.
Нейтральныя
- Ink Black
#000000— Увесь асноўны тэкст, тэкст навігацыі, межы спасылак, межы картак і межы значкоў - структурная лінія ўсяго інтэрфейсу. - Warm Parchment
#f4f1e4— Фон старонак і раздзелаў у рэдакцыйнай / прадуктовай зоне - спакойны фон, на якім размяшчаюцца фатаграфіі прадукцыі. - Ivory Mist
#fcfaf1— Колер навігацыйнага тэксту па-над цёмным галоўным элементам, ледзь прыкметнае адценне тэкстуры і тонкія межы — цяплейшая альтэрнатыва чыста беламу колеру для карыстацкага інтэрфейсу ў цёмнай секцыі.
Друкарня
ад 12 да 72px · 5 прыступак
- Good Sans — замена: Söhne · напісання 400, 700 · Універсальны шрыфт для навігацыі, асноўнага тэксту, метададзеных тавараў, спасылак і ўсяго тэксту карыстацкага інтэрфейсу. Сістэма падвойнага напісання (звычайны 400 для асноўнага тэксту/загалоўкаў, тоўсты 700 для назваў брэндаў, коштаў і вылучэнні) стварае іерархію без павелічэння памеру. Практычна нулявы станоўчы міжлітарны інтэрвал робіць яго хутчэй рэдакцыйным, чым геаметрычным.
- Redaction — замена: GT Sectra Display Bold · напісання 700 · Толькі для асноўнага тэксту - гэта наладжвальны шрыфт для аб'ёмнага храмаванага тэксту «LUNCH», які служыць асновай для поўнаэкраннага асноўнага тэксту. Выкарыстоўваецца роўна адзін раз на старонцы; гэта друкарскі подпіс, а не шматразовы кампанент.
Інтэрвалы і форма
| Прызначэнне | Значэнне |
|---|---|
| Шчыльнасць | шчыльная |
| Базавы крок | 20-30px |
| Радыус кнопак | 0px |
| Радыус картак | 0px |
| Цені | не - межы замест ценяў |
| Паміж секцыямі | 60-80px |
| Шырыня старонкі | 1280px |
ІІ збярэ ваш сайт у стылі LUNCH і напоўніць яго
- Напоўніць таварамі і пастамі па спасылцы — Instagram, TikTok, Facebook.
- Перанясе кантэнт са старога сайта - дастаткова пазначыць адрас.
- Сучасны дызайн на лепшым рухавічку: React ( Next.js) з серверным рэндэрынгам і SEO-аптымізацыяй са скрынкі.
- Поўная аўтаматычная SEO-аптымізацыя пад пошукавую выдачу і рэкамендацыі нейрасетак.
Падобныя стылі
- MindMarket — Утульная кніжка-казка на крэмавай паперы - прыязнае рэдакцыйнае палатно, дзе буйныя загалоўкі Inter і выразаныя з паперы персанажы суседнічаюць на залітай сонцам, мяккай, як налепкі, паверхні
- Lamborghini — Чорны колер кузава ў выставачнай зале, пад святлом пражэктараў - адзін жоўты аўтамабіль
- amp — Цёплы аранжавы колер на халодным белым фоне. Дызайн нагадвае прэміяльны фітнес-прадукт, сфатаграфаваны ў залітым сонцам лофце: адзін прадмет, адзін акцэнт, адзін упэўнены шрыфт, які выконвае ўсю працу
- IKEA — залітая сонцам шведская выставачная зала мэблі ў разабраным выглядзе
- Microsoft — У каталогу рознічнага гандлю выкарыстоўваецца фірменны сіні колер - уявіце сабе квадратны лагатып на белай падлозе выставачнай залы, дзе кожны элемент афармлення выкананы ў сініх танах.
- Vibrants — Аптэка Skyborne на белым мармуры - цёмна-сінія чарнілы - гэта ступка, а вясёлкавы спектр - лекі.
- Isla Beauty — Крэмавы аптэкарскі стыль з акцэнтамі хірургічнага чырвонага колеру - уявіце сабе цёплыя пергаментныя сцены, бурштынавыя флаконы і адзіны чырвоны друк на кожнай этыкетцы.
- Swap — Рэдакцыйная галерэя Mint: светлыя адценні шалвеі ў афармленні пакояў з яркімі лаймавымі акцэнтамі і ледзь улоўным шрыфтам з засечкамі.
- Cursor — Утульная майстэрня з пергамента, асветленая якія тлеюць вуглямі
- Structured — Галерэя эпохі Адраджэння на паперы, якая нагадвае пластылін
- Apple (España) — Музейная галерэя ў мяккім дзённым святле - гэта адзінае, захапляльнае, бязважкае белае памяшканне, дзе кожны экспанат падсветлены кропкавым промнем на фоне злёгку таніраванай сцяны.
- Amplemarket — Залітае сонцам працоўнае месца, абсыпанае канфеці