Seline Analytics
Тихи аналитички сто на топлом папиру
Селин је постављен на топлу камену позадину (#fafaf9) са једним јарким плавим акцентом — све остале боје су неутралне и преузете из палете камених боја Tailwind-а. Наслови су приказани у посебно дизајнираном геометријском бессерифном фонту (roobert) са тежином од 400 и уским негативним размаком између слова, што тексту даје опуштено, готово шапато самопоуздање које је у контрасту са типично гласним SaaS стилом. Кориснички интерфејс површине су равне беле картице, које лебде изнад топле позадине са једним, меким замућењем од 16 пиксела; ивице су креиране танким линијама у тону камена од 1 пиксела, обилно коришћеним као примарни структурни елемент уместо тешких раздела или панела. Распоред дише: садржај пуне ширине центриран на издашном вертикалном ритму, са интерактивним контролама у облику пилуле, илустрацијом маскоте за личност и снимцима екрана контролне табле као доказом производа. Укупан утисак је уреднички аналитички: смирен, монохроматски, самоуверен, са плавим позивом на акцију као најупечатљивијим елементом на страници захваљујући намерном обуздавању свега осталог.
Страница је максималне ширине, центрирана на приближно 1200 пиксела са доста вертикалног простора. Главни део странице је блок текста у два реда, поравнат лево, са једном, истакнутом фразом („једноставно и ефикасно“) плаве боје, након чега следи ред са два позива на акцију (плава пилула + пилула-фантом), затим ред логотипа партнера у сивим тоновима, затим ред оцена поверења, а затим плутајући преглед контролне табле у пуној ширини, који се благо преклапа са следећим одељком. Испод прегиба су наизменични редови сведочанстава у мрежи са једном колоном, након чега следе одељци пуне ширине са описима функција, текстом поравнатим лево и центрираним визуелним приказима производа. Навигација је минималистичка горња трака - лого са леве стране, центрирани линкови за навигацију, пријава + плави позив на акцију са десне стране - са плутајућом групом аватара у средини навигације који служе за верификацију идентитета. Размаци између одељака су широки (96 пиксела) како би се створио уређивачки ритам, а не густа гомила информација.
Визуелним језиком доминирају снимци екрана корисничког интерфејса производа — преглед контролне табле је фотографија рендерована контрастним филтером у сивим тоновима (1) (0,94), који пригушује боје података у монохроматску нијансу. Једина људска фигура је линеарна налепница маскоте (лик са капуљачом), нацртана у SVG стилу само са обрисима, постављена једном по одељку као разигран контрапункт аналитичком садржају, са меком сенком која ствара ефекат дубине налик на налепницу. Лого бренда и глифови су мале црне варнице/пламенови. Нема фотографија — нема снимака начина живота, нема тимских фотографија, нема слика окружења. Објекат (контролна табла) је протагониста. Све декоративне иконе су у стилу обриса од 1 пиксела у боји #0c0a09 или #3ba6f1, никада нису попуњене.
Палета
Brend
- 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 до 52 пиксела · 5 корака
- Roobert — замена: Inter Tight or Satoshi · обриси 400, 500 · Фонт за наслове и распоред текста је јединствени геометријски sans-serif са минималним негативним размаком између слова (-0,025em на 32px, -0,021em на 52px). Тежина 400 x 52px је потпис фонта: неконвенционалан, суптилан, али ауторитативан, а опет ненаметљив. Наслови заузимају своје место, а да притом нису наметљиви.
- Inter — замена: Inter · обриси 400, 500, 600 · Примарни фонт за текст, навигацију, кориснички интерфејс и наслове је неутралан, универзални фонт за сав текст ван екрана. 14 пиксела са тежином од 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 — Линкова контролна табла од мат пиринчаног папира
- Notion — Топла папирна свеска на подневном сунцу
- Anthropic — Научни часопис о топлом пергаменту — мирне површине боје слоноваче, насечени уреднички наслови и један глинени акценат који се појављује само када је потребна акција.
- Calendly — Тамноплаво мастило на хладном мермеру
- Augen Pro — Еплова бела презентација садржи клиничку, бестежинску, електрично плаву боју као једини акценат у монохроматском простору.
- Antimetal — Уредничка хроника на кремастом папиру – тихо јутро у научном часопису, где уздржаност преноси самопоуздање, а серифи обављају тешки посао
- Perk — Електрични лимет на топлом пергамент папиру
- Ditto — Сунцем обасјана радионица у којој се стварају узорци дивљег цвећа. Топле кремасте површине, јарко жута основна боја, дубоко тамноплаве боје, органски облици боја који цветају иза дела.
- Officevibe — Уреднички часопис на топлом кремастом папиру. Замислите промишљен есеј о управљању људским ресурсима, представљен као производ - курзивни серифни фонт који шапуће кроз модерни плави интерфејс.