Slash
Полунощен свод с позлатени книги
Slash работи в режим на полунощна галерия: почти черно платно, бял шрифт и един топъл меден акцент, служещ като пунктуация. Заглавията се показват с Ivy Presto, висококонтрастен дидон серифен шрифт, използван в екстремни размери (до 88px) - този сблъсък на серифни и безсерифни шрифтове е отличителният белег на системата, придаващ ѝ финансова тежест без брокерската тежест на традиционното банкиране. Останалата част от потребителския интерфейс е умишлено семпла: тънки рамки, контроли с форма на хапче, компактен 16px основен текст и фин извивка нагоре, която позволява на шрифта да диша. Единичен златен градиент (линия на графиката, микроакценти) добавя топлина към монохромната система, напомняйки за топлото сияние на терминал на Bloomberg, създаден за дизайнерска аудитория.
Съдържанието е с ширина 1216px, центрирано, с вертикални междинни линии от 160px. Началният екран е тъмно платно с пълна ширина и разделена композиция: ляво подравнен серифен заглавен файл (64–88px ширина) с поле за имейл адрес отдолу и голяма карта на потребителския интерфейс на продукта (скрийншот на таблото) отдясно с 50% ширина. Следващите секции използват едноколонен, центриран заглавен файл (серифен, 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 — Уютно огнище в нощната сървърна стая - тъмна стая, където един-единствен прасковен блясък подчертава това, което е наистина важно.