Seline Analytics
Тиха аналитична маса върху топла хартия
Seline е разположен на топъл каменен фон (#fafaf9) с един ярък син акцент - всички останали цветове са неутрални и са взети от каменната цветова палитра на Tailwind. Заглавията са изобразени с специално проектиран геометричен шрифт без сериф (roobert) с дебелина 400 и тясно отрицателно разстояние между буквите, което придава на текста спокойна, почти шепот подобна увереност, контрастираща с типично силния SaaS стил. Повърхностите на потребителския интерфейс са плоски бели карти, носещи се над топлия фон с единично, меко размазване от 16px; границите са създадени с тънки линии с каменен тон от 1px, щедро използвани като основен структурен елемент вместо тежки разделители или панели. Оформлението диша: съдържание с пълна ширина, центрирано около щедър вертикален ритъм, с интерактивни контроли във формата на хапче, илюстрация на талисман за индивидуалност и скрийншотове от таблото като доказателство за продукта. Цялостното впечатление е редакционно аналитично: спокойно, монохромно, уверено, като синият призив за действие е най-впечатляващият елемент на страницата благодарение на умишленото ограничаване на всичко останало.
Страницата е с максимална ширина, центрирана на приблизително 1200 пиксела с много вертикално пространство. Главният елемент е двуредов, подравнен вляво блок текст с една, маркирана фраза („просто и ефективно“) в синьо, последван от ред с два призива за действие (синьо хапче + хапче-призрак), след това ред с лога на партньори в сиви тонове, след това ред с оценки за доверие и накрая плаващ преглед на таблото за управление с пълна ширина, леко припокриващ следващата секция. Под сгъвката се редуват редове с препоръки в мрежа с една колона, последвани от секции с пълна ширина с описания на функции, подравнен вляво текст и центрирани визуализации на продуктите. Навигацията е минималистична горна лента - лого отляво, центрирани навигационни връзки, вход + син призив за действие отдясно - с плаващ клъстер от аватари в средата на навигацията, служещ за проверка на самоличността. Разстоянията между секциите са широки (96 пиксела), за да се създаде редакционен ритъм, а не гъста смесица от информация.
Визуалният език е доминиран от екранни снимки на потребителския интерфейс на продукта – прегледът на таблото е снимка, рендирана с контрастен филтър в сивата скала (1) (0.94), който заглушава цветовете на данните до монохромен оттенък. Единствената човешка фигура е линеен стикер на талисман (герой с качулка), нарисуван в SVG стил само с контури, поставен веднъж на секция като игрив контрапункт на аналитичното съдържание, с мека сянка, за да се създаде подобен на стикер ефект на дълбочина. Логото на марката и глифовете са малки черни искри/пламъци. Няма снимки – няма снимки на лайфстайл, няма снимки на екипи, няма изображения на околната среда. Обектът (таблото) е главният герой. Всички декоративни икони са в стил 1px контур с цвят #0c0a09 или #3ba6f1, никога не са запълнени.
Палитра
Марка
- Cyan Signal
#3ba6f1— Основният призив за действие, активните връзки и контурът на иконите на марката са единствените цветни акценти на страницата, използвани пестеливо, за да привлекат вниманието към действието. - Cyan Edge
#3398e1— Синьото се използва за подчертаване на контурите на действията, етикетите на връзките и интерактивните елементи. Не трябва да се използва като основен цвят за призиви за действие.
Неутрален
- Ink Black
#0c0a09— Основните заглавия, подчертаният текст и изразителните икони са в топъл, почти черен цвят. - Stone Canvas
#fafaf9— Фонът на страницата е в топъл, кремав нюанс, който се усеща по-скоро като хартия, отколкото като бяло на екран. - Pure White
#ffffff— Повърхностите на картата, изпъкналите панели и запълванията на полетата за въвеждане са плоски и без сенки по подразбиране. - Stone Border
#e8e6e5— Тънките рамки на картите, навигацията и полетата за въвеждане са основният структурен елемент, а не разделителите. - Stone Muted
#d6d3d1— Допълнителни рамки, фини фонови нюанси, декоративни разделители. - Ash Gray
#a8a29e— Помощен текст, контури на икони, деактивирани състояния - четливи, но неактивни.
Типография
от 10 до 52px · 5 стъпки
- Roobert — замяна: Inter Tight or Satoshi · очертания 400, 500 · Шрифтът за заглавията и оформлението на текста е уникален геометричен безсерифен с минимално отрицателно разстояние между буквите (-0.025em при 32px, -0.021em при 52px). Теглото от 400 x 52px е отличителната черта на шрифта: нетрадиционен, фин, но авторитетен и семпъл. Заглавията заемат своето място, без да са натрапчиви.
- Inter — замяна: Inter · очертания 400, 500, 600 · Основният шрифт за текста на страницата, навигацията, потребителския интерфейс и заглавията е неутрален, универсален шрифт за целия текст извън екрана. 14px с тегло 400 и разстояние между редовете 1,64 е преобладаващият размер за текста на страницата (честота 1174). Положителното разстояние между буквите (0,004em) при малки размери осигурява четимост на плътния потребителски интерфейс.
Интервали и форма
| Цел | Стойност |
|---|---|
| Плътност | просторен |
| Основна стъпка | 8px |
| Радиус на бутона | 9999px |
| Радиус на картата | 10px |
| Сенки | меки сенки |
| Между секциите | 96px |
| Ширина на страницата | 1200px |
Изкуственият интелект ще изгради вашия уебсайт в стил Seline Analytics и ще го запълни
- Попълнете с продукти и публикации чрез линка - Instagram, TikTok, Facebook.
- Прехвърлете съдържание от стария си сайт – просто посочете адреса.
- Модерен дизайн на най-добрия енджин: React ( Next.js) със сървърно рендериране и SEO оптимизация веднага щом е готов.
- Напълно автоматизирана SEO оптимизация за резултати от търсенето и препоръки от невронни мрежи.
Подобни стилове
- ElevenLabs — Фотоесе в топли кремави тонове с фини заглавия. Тетрадка в стил Баухаус - хартия с цвят на яйчена черупка, черно мастило и един лилав и оранжев акцент за представяне на продукта.
- Awesomic — Редакционна цинкова мрежа с оранжеви препинателни знаци, напомнящи конфети
- Monad — редакционно техническо списание върху топъл пергамент
- Dub — Контролен панел с матова оризова хартия на Link
- Notion — Топъл хартиен тефтер под обедното слънце
- Anthropic — Научно списание за топъл пергамент - спокойни повърхности с цвят на слонова кост, заглавия със серифирани редакционни знаци и един-единствен глинен акцент, който се появява само когато е необходимо действие.
- Calendly — Тъмносиньо мастило върху студен мрамор
- Augen Pro — Бялата презентация на Apple се отличава с клинично, безтегловно, електрическо синьо като единствен акцент в монохромно пространство.
- Antimetal — Редакционна хроника на кремава хартия – тиха сутрин в научно списание, където сдържаността внушава увереност, а серифите вършат тежката работа.
- Perk — Електрическа лайм върху топла пергаментова хартия
- Ditto — Слънчева работилница, в която се създават мостри от диви цветя. Топли кремави повърхности, ярък жълт основен цвят, наситено тъмносини мастила, органични цветови форми, разцъфтяващи зад произведението.
- Officevibe — Редакционно списание на топла кремава хартия. Представете си замислено есе за управлението на човешките ресурси, представено като продукт - курсивен шрифт със серифни букви, шепнещ през модерен син интерфейс.