Slush
надзіманы сусвет налепак на пастэльнай паперы
Slush працуе па прынцыпе альбома для налепак: пастэльнае папяровае палатно, велізарныя аб'ёмныя стужкі ярка-сіняга колеру і цэлая вясёлка яркіх акцэнтаў з налепак, якія былі раскіданыя, нібы канфеці. Шрыфт велізарны і сціснуты (Lateral 800 на 200-640px, міжрадковы інтэрвал 0,75-0,80), так што словы ператвараюцца ў скульптурныя аб'екты, а не ў сказы. Шэсць насычаных фірмовых колераў функцыянуюць як агульная палітра для налепак - кожны колер з'яўляецца ў выглядзе запоўненай налепкі, паверхні карткі ці дэкаратыўнага пласта, ніколі не ў якасці стрыманага акцэнту. Кампаненты закругленыя да мяккасці (20-40px на картках, у форме таблеткі на навігацыі) і абведзены чорным контурам для стварэння эфекту ручной працы. У выніку атрымліваецца не столькі мэтавая старонка фінтэх-кампаніі, колькі фізічны калаж, прымацаваны да светлай сцяны.
Макет з пракруткай на ўсю шырыню старонкі, без бакавой панэлі і сталага кантэйнера. Бягучы радок і мінімалістычная верхняя рух (лагатып злева, навігацыйная панэль у цэнтры, запоўнены заклік да дзеяння справа) застаюцца ўверсе. Кожная частка ўяўляе сабой поўнаэкранную каляровую паласу (#dceeff → #ffffff → #cccccc) з павялічаным бакавым тэкстам, выраўнаваным па цэнтры або левым краі, апраўленым аб'ёмнымі сінімі стужкамі. Размяшчэнне кантэнту наўмысна вольнае і калажнае, а не прывязанае да сеткі: стыкеры перакрываюць тэкст, стужкі перасякаюцца за тэкстам, а QR-картка размешчана не па цэнтры ў другаснай частцы. Вертыкальны рытм досыць шырокі (48px прамежкі паміж часткамі), але гарызантальная кампазіцыя наўмысна асіметрычная. Старонка чытаецца зверху ўніз як тры вялікія каляровыя палосы, кожная з якіх уяўляе сабой самастойны постэр.
У візуальнай мове дамінуюць трохмерныя сінія стужкі - адзіны фірмовы матыў, які ўяўляе сабой крупчастую, надзіманую трубчастую форму сіняга колеру (Electric), якая абвівае або якая хавае за сабой загалоўкавыя тэкст у кожным раздзеле. Дэкаратыўныя двухмерныя налепкі (ракета, залатая манета, зялёная галачка, фіялетавы кашалёк) параць вакол загалоўкаў, нібы выразаныя з паперы фігуры, прымацаваныя да дошкі, кожная з чорным контурам (1px). Фатаграфій нідзе няма. Няма традыцыйных ілюстрацыйных сетак - усё выканана ў выглядзе калажаў і размешчана асіметрычна. Трохмерныя стужкі ствараюць асноўную атмасферу; налепкі дадаюць гуллівасці; астатняе - гэта шрыфт і колер.
Палітра
Брэнд
- Electric Blue
#4da2ff— Дамінуючы фірменны колер - аб'ёмныя скульптуры ў выглядзе стужак, фоны малюнкаў, размытыя ўзоры на картках, візуальны подпіс, якая служыць асновай для кожнага экрана.
Нейтральныя
- Carbon
#000000— Асноўны тэкст, рамкі карткі, запоўнены фон для закліку да дзеяння, лагатып - стварае эфект контуру налепкі, выразанай уручную, на пастэльных паверхнях. - Paper White
#ffffff— Палатно старонкі, кардонныя паверхні, контурнае заліванне кнопак, тэкст на цёмным фоне. - Sky Wash
#dceeff— Фон галоўнай секцыі, светла-блакітны пастэльны фон. - Concrete Gray
#cccccc— Фон другаснай часткі, нейтральная прамежкавая паверхня - Soft Mist
#e9e9e9— Ледзь прыкметныя адценні кнопак і паверхні, адключаныя станы - Mint Pop
#55db9c— Зялёная заліванне для вылучэння фону, дэкаратыўных палос і мяккага акцэнту за кантэнтам.
Друкарня
ад 12 да 640px · 7 прыступак
- Lateral — замена: Druk · напісання 800 · Адлюстроўваюцца толькі загалоўкі - фірмовы знак "SLUSH" і банеры частак, такія як "ALL THINGS SUI", маюць шрыфт 200-640px з паменшанай міжрадковай вышынёй 0,75-0,80, так што літары складаюцца ў скульптурныя блокі. Гэта антытрадыцыйны спосаб адлюстравання: ні на адным іншым сайце не выкарыстоўваецца шрыфт 800-га памеру з міжрадковай вышынёй менш за 0,85, і гэты эфект прымушае тэкст паводзіць сябе як фізічны аб'ект, які ахінае трохмерныя стужкі.
- Aeonik Pro — замена: Inter · напісання 500, 700 · Увесь карыстацкі інтэрфейс, асноўны тэкст, рух, кнопкі, падзагалоўкі. Вага 500 для асноўнага тэксту і метададзеных (12-16px), вага 700 для падзагалоўкаў і пазнак навігацыі (24-30px), і крок вагі 64px у 700 для буйных дапаможных загалоўкаў. Шчыльны міжлітарны інтэрвал (-0.010em) звужае асноўны тэкст (14-16px); невялікае пашырэнне (0,030–0.032em) у пазнаках навігацыі/кнопак дае элементам кіравання "вольнае прастору".
Інтэрвалы і форма
| Прызначэнне | Значэнне |
|---|---|
| Шчыльнасць | шчыльная |
| Базавы крок | 4-12px |
| Радыус кнопак | 1600px |
| Радыус картак | 20px |
| Цені | не - межы замест ценяў |
| Паміж секцыямі | 48px |
| Шырыня старонкі | 1440px |
ІІ збярэ ваш сайт у стылі Slush і напоўніць яго
- Напоўніць таварамі і пастамі па спасылцы — Instagram, TikTok, Facebook.
- Перанясе кантэнт са старога сайта - дастаткова пазначыць адрас.
- Сучасны дызайн на лепшым рухавічку: React ( Next.js) з серверным рэндэрынгам і SEO-аптымізацыяй са скрынкі.
- Поўная аўтаматычная SEO-аптымізацыя пад пошукавую выдачу і рэкамендацыі нейрасетак.
Падобныя стылі
- Cursor — Утульная майстэрня з пергамента, асветленая якія тлеюць вуглямі
- MindMarket — Утульная кніжка-казка на крэмавай паперы - прыязнае рэдакцыйнае палатно, дзе буйныя загалоўкі Inter і выразаныя з паперы персанажы суседнічаюць на залітай сонцам, мяккай, як налепкі, паверхні
- Shop — Гандлёвае гандлёвае сузор'е на белым мармуры
- Airbnb — Ціхая белая сцяна галерэі з адной каралава-чырвонай закладкай
- Superr — Цёплы школьны нататнік у мяккім пасляпаўдзённым святле. Крэмавая старонка, аранжавы маркер без каўпачка і чарка заламінаваных налепак з імёнамі, якія чакаюць адклейвання
- Apple (España) — Музейная галерэя ў мяккім дзённым святле - гэта адзінае, захапляльнае, бязважкае белае памяшканне, дзе кожны экспанат падсветлены кропкавым промнем на фоне злёгку таніраванай сцяны.
- Lamborghini — Чорны колер кузава ў выставачнай зале, пад святлом пражэктараў - адзін жоўты аўтамабіль
- Amplemarket — Залітае сонцам працоўнае месца, абсыпанае канфеці
- Getharvest — Працоўны стол у «залатую гадзіну» - палатно цёплага крэмавага колеру, белыя паштоўкі, панавешаныя на палатне, і адно яркае аранжавае полымя.
- Agence Foudre — Загалоўная старонка часопіса, выкананая ў далікатна-ружовым колеры, які нагадвае колер губной памады
- Drive Capital — Рэтра-постэр для аўтападарожжа на цёплай паперы
- Apple (España) — белая вітрына галерэі