Superpower
Біялюмінесцэнтны цэнтр кіравання аховай здароўя
Superpower надае сур'ёзнае клінічнае абяцанне ў кінематаграфічны, атмасферны карыстацкі інтэрфейс: цёмныя фатаграфіі, якія займаюць усю шырыню экрана, плыўна пераходзяць у выразныя белыя паверхні кантэнту, а адзін яркі акцэнт аранжавага колеру ўзыходу сонца пульсуе па ўсёй сістэме. Друкарня прадстаўляе брэнд - фірмовы геаметрычны шрыфт без засечак з мінімальнай адмоўнай міжлітарнай адлегласцю, які маштабуецца ад 11px метададзеных да 66px адлюстравання з міжрадковай адлегласцю, якое сціскаецца па меры павелічэння памеру (1,00 на дысплеі, 1,40-1,50 у асноўным тэкст. Плаваючая цёмная панэль навігацыі ў форме капсулы парыць над выявамі, а заклікі да дзеяння ў форме капсул ствараюць напружанне паміж клінічнай дакладнасцю і цёплай жыццёвай энергіяй. Паверхні ў асноўным плоскія - сістэма належыць на вялікую колькасць белай прасторы, тонкія цынкавыя падзельнікі і адзін ледзь прыкметны ўзор ценяў, а не на моцнае ўзвышэнне. Колеры дазаваныя: амаль усе чорныя, белыя ці цынкава-шэрыя, а аранжавы з'яўляецца толькі ў якасці функцыянальных знакаў прыпынку ў дзеяннях і фірмовых знаках.
На галоўным малюнку дамінуе кінематаграфічная фатаграфія ва ўсю шырыню старонкі - сілуэт чалавека на фоне глыбокага бірузова-сіняга неба; малюнак наўмысна цёмнае і змрочнае, каб стварыць эмацыйную вагу і кантраставаць з абяцаннем аб карысці для здароўя. Другарадныя выявы ўяўляюць сабой вузкія, лаканічныя кадры ў стылі прадуктаў (мармуровая аранжавая членская карта, скрыншоты прыкладання), а не лайфстайл-фатаграфіі. Ніякіх ілюстрацый, ніякіх 3D-рэндэраў, ніякай абстрактнай графікі – фатаграфічны кантраст і ёсць візуальная ідэнтычнасць. Членская карта ўпрыгожана арганічным мармуровым узорам / лававой лямпай у танах "Узыход сонца" - гэта адзіны дэкаратыўны візуальны элемент. Абразкі выкананы ў выглядзе ліній з радыусам 7.5px (мяккі скруглены квадрат), з выкарыстаннем тонкіх рысак чорнага колеру Carbon.
Палітра
Брэнд
- Sunrise Coral
#fc5f2b— Аранжавы колер выкарыстоўваецца ў якасці дапаможнага акцэнту для дэкаратыўных дэталяў і акцэнтаванні ўвагі на нячастых сігналах. Не варта вылучаць яго як асноўны колер закліку да дзеяння. - Coral Glow
#ff8b64— Градыентная канчатковая кропка ў спалучэнні з колерам Sunrise Coral для дэкаратыўнага афармлення членскіх картак.
Нейтральныя
- Carbon Black
#18181b— Асноўны тэкст, заліванне плавае панэлі навігацыі, загалоўкі, абводка абразкоў. - Pure Black
#000000— Лагатып, тэкставы знак, рамкі з глыбокім кантрастам - Zinc Gray
#71717a— Асноўны тэкст, дадатковыя апісанні, схаваныя метададзеныя, дапаможны тэкст. - Ash Gray
#a1a1aa— Трацічны тэкст, неактыўныя межы, непрацуючыя станы - Mist Gray
#e4e4e7— Тонкія лініі акантоўкі, контуры картак, раздзяляльныя лініі, рамкі для гузікаў. - Fog Gray
#f4f4f5— Ледзь прыкметныя няроўнасці паверхні, прыглушаны фон, накладанне выявы на аснову з сеткаватага матэрыялу.
Друкарня
ад 11 да 66px · 8 прыступак
- NB International Pro — замена: Inter Tight · напісання 400, 700 · Усё - афармленне, загалоўкі, асноўны тэкст, карыстацкі інтэрфейс, рух. Фірмовае рашэнне - агрэсіўна вузкая адмоўная міжлітарная адлегласць, якая маштабуецца ў залежнасці ад памеру (ад -0.025em да 66px пры невялікім памеры асноўнага тэксту) у спалучэнні з міжрадковай адлегласцю, якое сціскаецца па меры павелічэння памеру, якая надае загалоўкам маналітную, плакатную. тэхналогій.
- NB International Mono Pro — замена: JetBrains Mono · напісання 400 · Таблічныя метададзеныя, мікратэкставыя анатацыі, тэхнічныя пазнакі - выкарыстоўваюцца эканомна ў момантах, якія патрабуюць клінічнага / інструментальнага падыходу.
Інтэрвалы і форма
| Прызначэнне | Значэнне |
|---|---|
| Шчыльнасць | сярэдняя |
| Базавы крок | 11px |
| Радыус кнопак | 9999px |
| Радыус картак | 15px |
| Цені | не - межы замест ценяў |
| Паміж секцыямі | 75px |
| Шырыня старонкі | 1200px |
ІІ збярэ ваш сайт у стылі Superpower і напоўніць яго
- Напоўніць таварамі і пастамі па спасылцы — Instagram, TikTok, Facebook.
- Перанясе кантэнт са старога сайта - дастаткова пазначыць адрас.
- Сучасны дызайн на лепшым рухавічку: React ( Next.js) з серверным рэндэрынгам і SEO-аптымізацыяй са скрынкі.
- Поўная аўтаматычная SEO-аптымізацыя пад пошукавую выдачу і рэкамендацыі нейрасетак.
Падобныя стылі
- Visitors — белы інжынерны чарцёж
- Dock — Залітая сонцам крэмавая папера, кобальтавы імпульс
- Flying Papers — Споведзь у суботнім ранішнім мультфільме
- Quizlet — Класны пакой аформлены ў розных каляровых танах на белым фоне - ціхі пісьмовы стол, за якім чатыры пастэльныя карткі з'яўляюцца адзіным яркім акцэнтам на фоне халодных шэрых сцен і адзінай адзнакі індыгавым маркерам.
- ON.energy — Жоўты колер, які папярэджвае аб высокай напрузе, на паўночнай сталі
- Navigate — Вялікі набор стыкераў, прымацаваны да дошкі: буйны гратэскавы шрыфт, усё ў выглядзе таблетак і пяць рознакаляровых абразкоў, якія паўтараюцца як лагатып
- Linear — інструмент паўночнай дакладнасці
- Pop Site — Строгая друкарня галерэя - манументальныя чорныя загалоўкі, парылыя на белых сценах, з адной сіняй кропкай, якая выказвае намер
- Hyperstudio — Чарцёж выдрапаны на абсідыяне. Тэкст і тонкія лініі апраўляюць белую прастору з чыста чорнага, зрэдку сустракаюцца залатыя пазнакі компаса, якія паказваюць шлях
- Pa'lais — Батанічны альбом для замалёвак, нібы прасякнуты мёдам. Крэмавая папера, сінія лінейныя ілюстрацыі ў стылі туаль дэ жуі і цёплыя каляровыя плямы нагадваюць блакнот для рэцэптаў ручной працы, а смелы, сціснуты шрыфт і вялікая колькасць вольнай прасторы надаюць яму сучасны, рэдактарскі стыль.
- Raus — Утульны дзённік, напісаны на крэмавай паперы - кожная старонка як паштоўка з лесу
- Privy — Рэдакцыйны артыкул, выкананы тушшу на мармуры. Белае мармуровае палатно, загалоўкі з чорнымі засечкамі, шчыльна сціснутыя, адзіны фіялетавы банэр, які перасякае верхнюю частку - стрыманасць як аўтарытэт