Slash
Паўночнае сховішча з пазалочанымі лініямі бухгалтарскіх кніг
Slash працуе ў рэжыме паўночнай галерэі: амаль чорнае палатно, белы шрыфт і адзіны цёплы медны акцэнт, які выконвае функцыю пунктуацыі. Загалоўкі адлюстроўваюцца шрыфтам Ivy Presto, высокакантрасным дыдонавым шрыфтам з засечкамі, якія выкарыстоўваюцца ў экстрэмальных памерах (да 88px) - гэта сутыкненне шрыфтоў з засечкамі і без засечак з'яўляецца візітнай карткай сістэмы, надаючы ёй фінансавую сур'ёзнасць без брокерскай солід. Астатняя частка карыстацкага інтэрфейсу наўмысна стрыманая: тонкія межы, элементы кіравання ў форме таблетак, кампактны асноўны тэкст 16px і ледзь прыкметнае ўзвышэнне, якое дазваляе шрыфту "дыхаць". Адзіны залаты градыент (лінія графіка, мікраакцэнты) дадае цяпла ў манахромную сістэму, выклікаючы цёплае свячэнне тэрмінала Bloomberg, створанага для дызайнерскай аўдыторыі.
Кантэнт з максімальнай шырынёй 1216px, цэнтраваны, з вертыкальнымі прамежкамі 160px. Галоўны экран уяўляе сабой цёмны палатно ва ўсю шырыню з падзеленай кампазіцыяй: загаловак з засечкамі, выраўнаваны па левым краі (шырыня 64–88px), з полем для ўводу адрасу электроннай пошты ніжэй, і вялікая картка карыстацкага інтэрфейсу прадукта (скрыншот панэлі кіравання) справа шырынёй 5. У наступных частках выкарыстоўваецца загаловак у адну калонку, цэнтраваны (з засечкамі, шырыня 44-64px), з падзагалоўкам шрыфтам Inter, за якім ідуць трохкалонкавыя сеткі картак для апісання функцый/водгукаў/блогаў. Навігацыя ўяўляе сабой фіксаваную верхнюю панэль: лагатып злева, цэнтральнае меню (Кампанія, Прадукты, Рашэнні, Кліенты, Кошты, Часта задаюць пытанні), выраўнаваны па правым краі ўваход (незаўважны) і пачатак працы (белы запоўнены элемент). Ніжні калантытул ўяўляе сабой шчыльную пяцікалонкавую сетку спасылак з інфармацыяй аб кампаніі і юрыдычнымі палажэннямі. На старонцы чаргуюцца насычаныя кантэнтам секцыі ў выглядзе сеткі і поўнаэкранныя статыстычныя вынаскі - рытм задаецца вялікай колькасцю вольнай прасторы паміж палосамі, а не чаргаваннем колераў фону (уся старонка ўяўляе сабой адно суцэльнае палатно).
Фатаграфіі выкананы ў рэдакцыйным і натуралістычным стылі: цёплыя партрэтныя здымкі заснавальнікаў і чальцоў каманды ў іх рэальных працоўных умовах (офісы, гасціныя, будаўнічыя пляцоўкі). Выявы запаўняюць рамкі картак ад краю да краю без водступаў. У ніжняй частцы картак з водгукамі для паляпшэння чытальнасці тэксту выкарыстоўваецца цёмны градыент. Эстэтыка - «LinkedIn сустракаецца з рэдакцыйным часопісам» - нязмушаная, чалавечная, злёгку прыглушаная, ніколі не адпаліраваная сцёкавымі фатаграфіямі. Мініяцюры артыкулаў спалучаюць фатаграфіі з ілюстраванымі канцэпцыямі (чалавек, які стаіць у лабірынце, камін з мяшкамі з грашыма). Карыстацкі інтэрфейс прадукта адлюстроўваецца ў цёмным рэжыме з поўнай непразрыстасцю, лунаючы над старонкай на ледзь прыкметных цёмных паверхнях - гэта цэнтральны элемент. Абразкі манахромныя з 1px рыскамі ў #2e3038 або #777a88, ніколі не запаўняюцца фірмовым колерам.
Палітра
Нейтральныя
- Bone
#e2e3e9— Асноўны тэкст вылучаны буйным шрыфтам, падрабязнымі пазнакамі дадзеных, стандартны тон тэксту ў большасці элементаў карыстацкага інтэрфейсу. - Obsidian
#08080a— Палатно старонкі, фон ніжняга калантытула, самая цёмная паверхня - амаль чорны з ледзь прыкметным сінім адценнем. - Onyx
#040406— Паверхня карткі, дадатковы фон - на адзін крок глыбей старонкі для візуальнага эфекту. - Carbon
#121317— Прыўзнятыя панэлі, ненадакучлівае заліванне карыстацкага інтэрфейсу - першы прыкметна лягчэйшы крок у развіцці Surface Stack - Graphite
#1c1d22— Межы, падзельнікі, кантэйнеры для значкоў, паўзункі кіравання - найтонкае каляровае адценне, які вызначае структуру. - Slate
#2e3038— Дадатковыя межы, прыглушаныя лініі абразкоў, ледзь прыкметныя падзельнікі паміж блокамі кантэнту.
Друкарня
ад 13 да 88px · 9 прыступак
- Ivy Presto — замена: Playfair Display · напісання 400, 500 · Шрыфт з засечкамі для загалоўкаў і падзагалоўкаў - выкарыстоўваецца выключна для загалоўкаў і назваў раздзелаў у 28px і вышэй. Высокакантрасныя дыдонавыя рыскі з тонкімі засечкамі ствараюць адчуванне рэдакцыйнай раскошы; невялікая станоўчае міжлітарнае адлегласць 0.01em незвычайна і надае шрыфту друкаваны, падобны на бухгалтарскі, выгляд. Гэты шрыфт з засечкамі з'яўляецца асноўнай візітнай карткай брэнда - ён адрознівае Slash ад усіх іншых SaaS-фінтэх-кампаній, якія па змаўчанні выкарыстоўваюць геаметрычны шрыфт без засечак.
- Inter — замена: Inter (self-hosted via Google Fonts) · напісання 300, 400, 500, 600, 700 · UI sans - асноўны тэкст, рух, кнопкі, пазнакі, спасылкі, палі формаў і падзагаловак. На асноўным тэксце выкарыстоўваецца шрыфт 300 для ненадакучлівага другараднага тэксту; 500 пераважае для тэксту з сярэднім акцэнтам і пазнак кнопак; 600 зарэзервавана для пазнак катэгорый, напісаных малымі вялікімі літарамі. Адмоўны міжлітарны інтэрвал памяншаецца з 2-га (-3-га) і памяншаецца па меры памяншэння памеру, што характэрна для аптычнага маштабавання шрыфта Inter.
Інтэрвалы і форма
| Прызначэнне | Значэнне |
|---|---|
| Шчыльнасць | прасторная |
| Базавы крок | 8px |
| Радыус кнопак | 9999px |
| Радыус картак | 10px |
| Цені | не - межы замест ценяў |
| Паміж секцыямі | 160px |
| Шырыня старонкі | 1216px |
ІІ збярэ ваш сайт у стылі Slash і напоўніць яго
- Напоўніць таварамі і пастамі па спасылцы — Instagram, TikTok, Facebook.
- Перанясе кантэнт са старога сайта - дастаткова пазначыць адрас.
- Сучасны дызайн на лепшым рухавічку: React ( Next.js) з серверным рэндэрынгам і SEO-аптымізацыяй са скрынкі.
- Поўная аўтаматычная SEO-аптымізацыя пад пошукавую выдачу і рэкамендацыі нейрасетак.
Падобныя стылі
- Modal — Фосфарны тэрмінал у прыцемненым серверным пакоі - адзінай крыніцай святла з'яўляецца ярка-зялёны колер
- AgentQL — Паўночнае ззянне над начным тэрміналам
- GitHub — Касмічная камандная панэль з біялюмінесцэнтнымі кантрольнымі кропкамі - цёмная, атмасферная працоўная прастора, дзе адзінае зялёнае свячэнне паказвае шлях наперад
- Doppler — Фіялетавае асвятленне сховішчы апоўначы. Амаль чорнае палатно свеціцца адзіным лавандавым сігналам і зялёным якое пацвярджае святлом, кожная паверхня досыць закругленая, каб яе можна было ўзяць у рукі
- Basedash — Паўночны тэрмінал даных з матавым шрыфтам. Цёмная абсерваторыя, дзе метрыкі свецяцца фіялетавым і зялёным колерам, загалоўкі з засечкамі параць над шумам, а белыя гузікі-таблеткі - адзіныя яркія аб'екты ў пакоі з мяккімі чорнымі паверхнямі
- Superwhisper — Паўночнае ззянне раствараецца над паўночным шклом
- Better Stack — Паўночная кансоль SRE
- Langbase — Паўночнае паўночнае ззянне кансоль
- Astro — Цэнтр кіравання палётамі ў далёкім космасе з адзінкавым фіялетавым свячэннем туманнасці
- Wayfinder — Чорны кінаэкран з ледзь чутным назовам, парылым над жывой ілюстрацыяй. Інтэрфейс уяўляе сабой рэгулятар яркасці, а не панэль кіравання
- HashiCorp — Дыспетчарская апоўначы з фіялетавым неонам - цёмная тэхнічная паверхня, дзе які свеціцца шасцікутны куб служыць адзіным каляровым арыенцірам.
- Umbrel — Утульны ачаг у начны сервернай - цёмнае памяшканне, дзе адзіны персікавы водбліск паказвае на тое, што сапраўды важна.