Seline Analytics
Жылы қағаздағы тыныш аналитикалық үстел
Seline жылы тас фонында (#fafaf9) бір жарқын көк екпінмен орналастырылған - басқа түстердің барлығы бейтарап және Tailwind тас түс палитрасынан алынған. Тақырыптар 400 салмағымен және тар теріс әріп аралығымен арнайы жасалған геометриялық sans-serif қаріпінде (roobert) бейнеленген, бұл мәтінге әдеттегі қатты SaaS стиліне қарама-қайшы келетін баяу, сыбырлағандай сенімділік береді. UI беттері жалпақ ақ карталар болып табылады, жылы фонның үстінде бір жұмсақ, 16 пиксель бұлыңғырлықпен қалқып жүреді; шекаралар жұқа, 1 пиксель тас реңкті сызықтармен жасалған, ауыр бөлгіштер немесе панельдердің орнына негізгі құрылымдық элемент ретінде кеңінен қолданылады. Орналасу тыныс алады: толық ендік мазмұн кең тік ырғаққа негізделген, таблетка тәрізді интерактивті басқару элементтері, жеке тұлғаға арналған тұмар иллюстрациясы және өнімнің дәлелі ретінде басқару тақтасының скриншоттары бар. Жалпы әсер редакциялық тұрғыдан аналитикалық: тыныш, монохромды, сенімді, көк түсті әрекетке шақыру басқаның бәрін әдейі шектеудің арқасында беттегі ең таңқаларлық элемент болып табылады.
Беттің ені максималды, ортасы шамамен 1200 пиксель, тік кеңістігі көп. Кейіпкер - екі жолды, солға тураланған мәтін блогы, көк түспен белгіленген жалғыз фраза («қарапайым және тиімді»), одан кейін екі әрекетке шақыру жолымен (көк таблетка + елес таблетка), содан кейін сұр реңктегі серіктес логотиптерінің қатары, содан кейін сенім рейтингтерінің қатары, содан кейін келесі бөліммен аздап қабаттасатын толық ендік қалқымалы бақылау тақтасының алдын ала көрінісі. Бүктеменің астында бір бағандық торда кезектесіп тұратын пікірлер қатарлары, одан кейін функциялардың сипаттамалары, солға тураланған мәтін және ортаға орналастырылған өнімнің көрнекіліктері бар толық ендік бөлімдер орналасқан. Навигация - минималистік жоғарғы жолақ - сол жақта логотип, ортаға орналастырылған навигация сілтемелері, логин + оң жақта көк әрекетке шақыру - навигацияның ортасында жеке басын растау ретінде қызмет ететін қалқымалы аватарлар тобы бар. Бөлімдер арасындағы кеңістіктер ақпараттың тығыз шатасуы емес, редакциялық ырғақ жасау үшін кең (96 пиксель).
Көрнекі тілде өнімнің пайдаланушы интерфейсінің скриншоттары басым — басқару тақтасының алдын ала көрінісі – деректердің түстерін монохромды реңкке дейін өшіретін сұр реңкті (1) (0,94) контраст сүзгісімен көрсетілген фотосурет. Жалғыз адам фигурасы – сызықтық тұмар жапсырмасы (капюшон киген кейіпкер), ол тек контурларымен SVG стилінде салынған, аналитикалық мазмұнға ойнақы контрапункт ретінде әр бөлімге бір рет орналастырылған, тереңдіктің стикер тәрізді әсерін жасау үшін жұмсақ көлеңкесі бар. Бренд логотипі мен глифтері – кішкентай қара ұшқындар/жалындар. Фотосуреттер жоқ – өмір салтының суреттері, командалық фотосуреттер, қоршаған ортаның суреттері жоқ. Нысан (бақылау тақтасы) – басты кейіпкер. Барлық сәндік белгішелер #0c0a09 немесе #3ba6f1 форматындағы 1 пиксель контур стилінде жасалған, ешқашан толтырылмайды.
Палитра
Бренд
- 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 қаріпі (32 пиксельде -0.025em, 52 пиксельде -0.021em). 400 x 52 пиксель өлшемі қаріптің ерекшелігі: ерекше, нәзік, бірақ беделді, бірақ қарапайым. Тақырыптар өз орнын асыра сілтемей алады.
- Inter — ауыстыру: Inter · контурлар 400, 500, 600 · Негізгі мәтін, навигация, пайдаланушы интерфейсі және тақырыптар үшін негізгі қаріп - экраннан тыс барлық мәтін үшін бейтарап, әмбебап қаріп. Негізгі мәтін үшін басым өлшем - 14 пиксель, салмағы 400 және жол аралығы 1,64 (жиілігі 1174). Кішкентай өлшемдерде оң әріп аралығы (0,004em) тығыз пайдаланушы интерфейсінің оқылуын қамтамасыз етеді.
Аралықтары және формасы
| Мақсаты | Мағынасы |
|---|---|
| Тығыздық | кең |
| Негізгі қадам | 8px |
| Түйме радиусы | 9999px |
| Карта радиусы | 10px |
| Көлеңкелер | жұмсақ көлеңкелер |
| Бөлімдер арасында | 96px |
| Беттің ені | 1200px |
Жасанды интеллект сіздің веб-сайтыңызды Seline Analytics стилінде жасайды және оны толтырады
- Instagram, TikTok, Facebook сілтемелері арқылы өнімдер мен жазбаларды толтырыңыз.
- Ескі сайтыңыздан мазмұнды тасымалдаңыз — тек мекенжайын көрсетіңіз.
- Ең үздік қозғалтқыштағы заманауи дизайн: серверді рендерингтеу және SEO оңтайландыру арқылы React ( Next.js).
- Іздеу нәтижелері мен нейрондық желі ұсыныстары үшін толық автоматтандырылған SEO оңтайландыруы.
Ұқсас стильдер
- ElevenLabs — Жылы крем түстес, нәзік тақырыптары бар фотоэссе. Баухаус стиліндегі дәптер — жұмыртқа қабығы түсті қағаз, қара сия және өнімді көрсетуге арналған бір күлгін және қызғылт сары түсті екпін.
- Awesomic — Конфеттиді еске түсіретін қызғылт сары тыныс белгілері бар редакциялық мырыш торы
- Monad — жылы пергаментке арналған редакциялық техникалық журнал
- Dub — Link компаниясының күңгірт күріш қағазынан жасалған басқару панелі
- Notion — Түскі күн астында жылы қағаз дәптер
- Anthropic — Жылы пергамент туралы ғылыми салалық журнал — тыныш піл сүйегі беттері, серифті редакциялық тақырыптар және тек әрекет қажет болған кезде пайда болатын жалғыз саз балшық екпіні.
- Calendly — Суық мәрмәрге қою көк сиямен салынған
- Augen Pro — Apple компаниясының ақ түсті көрінісі монохромды кеңістіктегі жалғыз екпін ретінде клиникалық, жеңіл, электрлік көк түспен ерекшеленеді.
- Antimetal — Крем қағазға басылған редакциялық шежіре — ғылыми журналдағы тыныш таң, мұнда ұстамдылық сенімділік береді, ал серифтер ауыр жұмысты атқарады
- Perk — Жылы пергамент қағазындағы электрлік лайм
- Ditto — Күн сәулесі түсіп тұрған жабайы гүлдердің үлгілерін жасайтын шеберхана. Жылы крем түсті беттер, ашық сары негізгі түс, қою көкшіл сиялар, бұйымның артында гүлдеп тұрған органикалық түсті формалар.
- Officevibe — Жылы крем түсті қағазға басылған редакциялық журнал. Өнім ретінде ұсынылған HR басқару туралы ойлы эссені елестетіп көріңіз — заманауи көк интерфейс арқылы сыбырлап жазылған курсивті сериф қаріпі.