Seline Analytics
İsti kağız üzərində sakit analitik masa
Seline, tək canlı mavi vurğu ilə isti daş fonunda (#fafaf9) yerləşdirilib - bütün digər rənglər neytraldır və Tailwind daş rəng palitrasından çəkilib. Başlıqlar, 400 çəkisi və dar mənfi hərf aralığı ilə xüsusi hazırlanmış həndəsi sans-serif şriftində (roobert) göstərilir və mətnə adətən səs-küylü SaaS üslubu ilə ziddiyyət təşkil edən, demək olar ki, pıçıltı kimi bir inam verir. UI səthləri, isti fonun üzərində tək, yumşaq, 16 piksel bulanıqlıqla üzən düz ağ kartlardır; haşiyələr nazik, 1 piksel daş tonlu xətlərlə yaradılıb və ağır bölücülər və ya panellər əvəzinə əsas struktur element kimi səxavətli şəkildə istifadə olunur. Dizayn nəfəs alır: tam enli məzmun, həb formalı interaktiv idarəetmə vasitələri, şəxsiyyət üçün maskot illüstrasiyası və məhsul sübutu kimi panel ekran görüntüləri ilə səxavətli şaquli ritm üzərində mərkəzləşib. Ümumi təəssürat redaksiya baxımından analitikdir: sakit, monoxrom, inamlı, mavi çağırış isə hər şeyin qəsdən məhdudlaşdırılması sayəsində səhifədəki ən diqqət çəkən elementdir.
Səhifə maksimum enlidir, təxminən 1200 piksel mərkəzdə yerləşir və şaquli boşluq kifayətdir. Qəhrəman, mavi rəngdə tək, vurğulanmış ifadə ("sadə və effektiv") olan iki sətirli, sola düzülmüş mətn blokudur, ardınca iki hərəkətə çağırışı olan bir sıra (mavi həb + xəyal həbi), sonra boz rəngli tərəfdaş loqotipləri, sonra etibar reytinqləri sırası və sonra növbəti bölmə ilə bir az üst-üstə düşən tam enli üzən panel önizləməsi gəlir. Qatlanmanın altında tək sütunlu şəbəkədə alternativ ifadələr sıraları, ardınca xüsusiyyət təsvirləri, sola düzülmüş mətn və mərkəzləşdirilmiş məhsul vizualları olan tam enli bölmələr var. Naviqasiya minimalist üst paneldir - solda loqo, mərkəzləşdirilmiş naviqasiya linkləri, giriş + sağda mavi hərəkətə çağırış - naviqasiyanın ortasında şəxsiyyət təsdiqləməsi kimi xidmət edən üzən avatarlar qrupu. Bölmələr arasındakı boşluqlar sıx məlumat qarışığı deyil, redaksiya ritmi yaratmaq üçün genişdir (96 piksel).
Vizual dil məhsulun istifadəçi interfeysinin ekran görüntüləri ilə dominantlıq təşkil edir — idarəetmə panelinin önizləməsi, məlumatların rənglərini monoxrom rəngə çevirən boz rəngli (1) (0.94) kontrast filtri ilə göstərilən bir fotoşəkildir. Yeganə insan fiquru, yalnız konturları olan SVG üslubunda çəkilmiş, analitik məzmuna qarşı oynaq kontrapunkt kimi bölmə başına bir dəfə yerləşdirilən, dərinlik effekti yaratmaq üçün yumşaq kölgə ilə xətti maskot stikeridir (başlıqlı personaj). Brend loqotipi və qliflər kiçik qara qığılcımlar/alovlardır. Fotoşəkillər yoxdur — həyat tərzi şəkilləri, komanda şəkilləri, ətraf mühit şəkilləri yoxdur. Obyekt (idarəetmə paneli) baş qəhrəmandır. Bütün dekorativ nişanlar #0c0a09 və ya #3ba6f1 formatında 1px kontur üslubundadır, heç vaxt doldurulmur.
Palitra
Brend
- Cyan Signal
#3ba6f1— Əsas çağırış, aktiv keçidlər və brend ikonlarının konturu səhifədəki yeganə rəng vurğularıdır və diqqəti hərəkətə cəlb etmək üçün az istifadə olunur. - Cyan Edge
#3398e1— Mavi rəng fəaliyyət konturlarını, link etiketlərini və interaktiv elementləri vurğulamaq üçün istifadə olunur. Hərəkətə çağırışlar üçün əsas rəng kimi istifadə edilməməlidir.
Neytral
- Ink Black
#0c0a09— Əsas başlıqlar, vurğulanmış əsas mətn və ifadəli nişanlar isti, demək olar ki, qara rəngdədir. - Stone Canvas
#fafaf9— Səhifənin arxa fonu ekranın ağından daha çox kağız kimi hiss olunan isti, kremli bir çalardır. - Pure White
#ffffff— Xəritə səthləri, çıxıntılı panellər və giriş sahələrinin doldurulması standart olaraq düz və kölgəsizdir. - Stone Border
#e8e6e5— Kartlarda, naviqasiyada və giriş sahələrində nazik sərhədlər ayırıcılar deyil, əsas struktur elementdir. - Stone Muted
#d6d3d1— Əlavə çərçivələr, incə fon çalarları, dekorativ arakəsmələr. - Ash Gray
#a8a29e— Kömək mətni, işarə konturları, deaktiv vəziyyətlər - oxunaqlı, lakin qeyri-aktivdir.
Tipoqrafiya
10-dan 52 pikselə qədər · 5 addım
- Roobert — əvəzetmə: Inter Tight or Satoshi · konturlar 400, 500 · Başlıqlar və mətn düzülüşü üçün şrift minimal mənfi hərf aralığına malik unikal həndəsi sans-serif şriftdir (32 pikseldə -0.025em, 52 pikseldə -0.021em). 400 x 52 piksel çəkisi şriftin özünəməxsus xüsusiyyətidir: qeyri-ənənəvi, incə, lakin nüfuzlu, lakin sadə. Başlıqlar həddindən artıq sərt olmadan öz yerini tutur.
- Inter — əvəzetmə: Inter · konturlar 400, 500, 600 · Əsas mətn, naviqasiya, istifadəçi interfeysi və başlıqlar üçün əsas şrift, bütün ekrandan kənar mətnlər üçün neytral, universal şriftdir. Əsas mətn üçün əsas ölçü 400 ağırlığında və 1.64 sətir aralığı olan 14 pikseldir (tezlik 1174). Kiçik ölçülərdə müsbət hərf aralığı (0.004em) sıx istifadəçi interfeysinin oxunaqlılığını təmin edir.
İntervallar və forma
| Məqsəd | Mənası |
|---|---|
| Sıxlıq | geniş |
| Əsas addım | 8px |
| Düymə radiusu | 9999px |
| Kart radiusu | 10px |
| Kölgələr | yumşaq kölgələr |
| Bölmələr arasında | 96px |
| Səhifə eni | 1200px |
Süni intellekt veb saytınızı Seline Analytics üslubunda quracaq və onu dolduracaq
- Məhsullar və paylaşımlar ilə Instagram, TikTok, Facebook linkləri vasitəsilə tanış olun.
- Köhnə saytınızdan məzmunu köçürün — sadəcə ünvanı göstərin.
- Ən yaxşı mühərrikdə müasir dizayn: Server render və SEO optimallaşdırması ilə React ( Next.js).
- Axtarış nəticələri və neyron şəbəkə tövsiyələri üçün tam avtomatlaşdırılmış SEO optimallaşdırması.
Oxşar üslublar
- ElevenLabs — İsti krem tonlarında incə başlıqlarla yazılmış foto esse. Bauhaus üslubunda dəftər — yumurta qabığı rəngli kağız, qara mürəkkəb və məhsul nümayişi üçün tək bənövşəyi və narıncı vurğu.
- Awesomic — Konfeti xatırladan narıncı durğu işarələri olan redaksiya sink tor
- Monad — isti perqament üzərində redaksiya texniki jurnalı
- Dub — Link-in mat düyü kağızı idarəetmə paneli
- Notion — Günorta günəşində isti kağız dəftər
- Anthropic — İsti perqament haqqında elmi sahə jurnalı - sakit fil sümüyü səthləri, serif redaksiya başlıqları və yalnız hərəkətə ehtiyac olduqda görünən tək bir gil vurğu.
- Calendly — Soyuq mərmər üzərində tünd mavi mürəkkəb
- Augen Pro — Apple-ın ağ təqdimatı monoxrom məkanda yeganə vurğu kimi klinik, çəkisiz, elektrik mavisinə malikdir.
- Antimetal — Kremli kağız üzərində redaksiya xronikası — elmi jurnalda sakit bir səhər, burada təmkin özünəinam ifadə edir və seriflər ağır işi yerinə yetirir
- Perk — İsti perqament kağızı üzərində elektrik əhəng
- Ditto — Günəş işığı altında vəhşi çiçək nümunələri yaradan emalatxana. İsti krem səthlər, canlı sarı əsas rəng, tünd tünd göy mürəkkəblər, əsərin arxasında çiçəklənən üzvi rəng formaları.
- Officevibe — İsti krem rəngli kağız üzərində redaksiya jurnalı. Müasir mavi interfeys vasitəsilə pıçıldayan kursiv serif şrift kimi təqdim olunan, məhsul kimi təqdim olunan, HR idarəetməsi haqqında düşünülmüş bir esse təsəvvür edin.